:root{--primary: #1a237e;--primary-light: #534bae;--primary-dark: #000051;--secondary: #c62828;--accent: #ffd700;--bg: #f5f5f5;--surface: #ffffff;--text: #212121;--text-light: #757575;--white: #ffffff;--error: #d32f2f;--success: #388e3c;--border-radius: 8px;--shadow: 0 4px 6px rgba(0,0,0,.1);--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.glass{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}button{cursor:pointer;padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:600;transition:var(--transition)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow)}input,select{width:100%;padding:12px;border:1px solid #ddd;border-radius:var(--border-radius);margin-bottom:16px;transition:var(--transition)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #1a237e33}.card{background:var(--surface);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow)}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:45px;margin-bottom:0}.password-toggle{position:absolute;right:12px;background:none;border:none;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--text-light);cursor:pointer;transition:var(--transition)}.password-toggle:hover{color:var(--primary);transform:none;box-shadow:none}.input-group{margin-bottom:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:30px;border-radius:var(--border-radius);max-width:500px;width:90%;box-shadow:0 10px 25px #0003;text-align:center;animation:modalIn .3s ease-out}@keyframes modalIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{color:var(--primary);margin-bottom:15px;font-size:1.5em;font-weight:700}.modal-body{margin-bottom:25px;color:var(--text);font-size:1.1em}.modal-footer{display:flex;justify-content:center}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.header-responsive{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:10px}@media (max-width: 768px){.dashboard-grid,.admin-grid,.signup-grid{grid-template-columns:1fr;gap:20px}.header-responsive{flex-direction:column;text-align:center;gap:15px}.card{padding:15px}}