* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; background:#f0f2f5; }
.login-body { display:flex; justify-content:center; align-items:center; min-height:100vh; background:#1e2a3a; }
.login-container { background:white; padding:40px; border-radius:16px; width:350px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.1); }
.login-container input { width:100%; padding:12px; margin:10px 0; border:1px solid #ccc; border-radius:8px; }
.login-container button { background:#2c3e50; color:white; border:none; padding:12px; width:100%; border-radius:8px; cursor:pointer; }
.admin-container { display:flex; flex-wrap:wrap; }
.admin-header { background:#2c3e50; color:white; padding:15px 20px; width:100%; display:flex; justify-content:space-between; }
.sidebar { width:250px; background:#34495e; min-height:100vh; padding:20px; }
.sidebar a { display:block; color:white; text-decoration:none; padding:10px; margin:5px 0; border-radius:6px; }
.sidebar a:hover { background:#1abc9c; }
.admin-main { flex:1; padding:30px; }
.projects-table { width:100%; border-collapse:collapse; background:white; border-radius:12px; overflow:hidden; }
.projects-table th, .projects-table td { padding:12px; text-align:left; border-bottom:1px solid #ddd; }
.actions a { margin-right:10px; color:#3498db; text-decoration:none; }
.form-group { margin-bottom:20px; }
.form-group label { display:block; margin-bottom:5px; font-weight:bold; }
.form-group input, .form-group textarea, .form-group select { width:100%; padding:10px; border:1px solid #ccc; border-radius:6px; }
button[type="submit"] { background:#2c3e50; color:white; border:none; padding:10px 20px; border-radius:6px; cursor:pointer; }