.navbar{background:#1a1f3a;border-bottom:1px solid #2a3050;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.navbar h1{color:#fff;font-size:24px}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.project-form{background:#3b82f6;border:1px solid #2563eb;border-radius:8px;margin-bottom:40px;padding:24px}.project-form h3{color:#fff;margin-bottom:16px}.project-form input,.project-form textarea{color:#1a1f3a;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;margin-bottom:12px;padding:12px}.project-form input:focus,.project-form textarea:focus{border-color:#1a1f3a;outline:none}.project-form textarea{resize:vertical;min-height:80px}.project-form button{color:#fff;background:#1a1f3a;border:none;border-radius:6px;padding:12px 24px;font-weight:600;transition:background .2s}.project-form button:hover{background:#0a0e27}.project-list h2{color:#fff;margin-bottom:24px;font-size:28px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.no-projects{text-align:center;color:#888;padding:40px}.project-item{background:#1a1f3a;border:1px solid #2a3050;border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative}.project-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.delete-btn{color:#fff;cursor:pointer;opacity:0;background:#ef4444;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1;transition:opacity .2s;position:absolute;top:12px;right:12px}.project-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#dc2626}.project-item{background:#1a1f3a;border:1px solid #2a3050;border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s}.project-item:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 20px #0006}.project-item h3{color:#fff;margin-bottom:8px;font-size:18px}.project-item p{color:#cbd5e1;font-size:14px}