*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#f5f7fb}.container{width:90%;max-width:1100px;margin:auto;padding:20px}button{cursor:pointer;border:none;transition:all .2s}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}body{background:linear-gradient(135deg,#dbeafe,#ede9fe,#f0fdf4);min-height:100vh;overflow-x:hidden}.background-shapes{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shape{filter:blur(60px);opacity:.6;border-radius:50%;animation:12s ease-in-out infinite float;position:absolute}.shape1{background:#60a5fa;width:300px;height:300px;top:10%;left:5%}.shape2{background:#a78bfa;width:350px;height:350px;bottom:10%;right:5%}.shape3{background:#6ee7b7;width:250px;height:250px;top:50%;left:40%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-40px)}to{transform:translateY(0)}}.login-container{justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:350px;padding:40px;animation:.6s fadeIn;box-shadow:0 10px 30px #0000001a}.login-card h2{text-align:center;margin-bottom:20px}.login-card input{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:15px;padding:12px}.login-btn{color:#fff;background:#2563eb;border-radius:6px;width:100%;padding:12px;font-weight:700}.login-btn:hover{background:#1d4ed8}.error{color:red;text-align:center;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-title{margin-bottom:20px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.project-card{background:#fff;border-radius:12px;padding:20px;transition:all .25s;box-shadow:0 5px 15px #00000014}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.project-card h3{margin-bottom:10px}.project-card p{color:#555;margin-bottom:6px}.project-btn{color:#fff;background:#2563eb;border-radius:5px;margin-top:10px;padding:8px 12px}.project-btn:hover{background:#1d4ed8}.status{border-radius:5px;padding:4px 8px;font-size:12px;font-weight:700}.active{color:#166534;background:#dcfce7}.planned{color:#854d0e;background:#fef9c3}.completed{color:#3730a3;background:#e0e7ff}.form-card{background:#fff;border-radius:12px;max-width:650px;margin:auto;padding:30px;animation:.5s fadeIn;box-shadow:0 10px 25px #0000001a}.form-card h2{margin-bottom:20px}.form-group{flex-direction:column;margin-bottom:15px;display:flex}.form-group label{margin-bottom:5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:10px}textarea{min-height:100px}.preview-container{gap:10px;margin-bottom:15px;display:flex}.preview-img{object-fit:cover;border:1px solid #ddd;border-radius:6px;width:80px;height:80px}.form-actions{justify-content:space-between;display:flex}.back-btn{color:#fff;background:#6b7280;border-radius:6px;padding:10px 15px}.submit-btn{color:#fff;background:#16a34a;border-radius:6px;padding:10px 15px;font-weight:700}.submit-btn:hover{background:#15803d}input:focus,textarea:focus,select:focus{border:1px solid #3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}