:root{--primary:#0f766e;--primary-dark:#0b5b55;--danger:#dc2626;--bg:#f6f7f9;--card-bg:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Roboto,-apple-system,sans-serif}.navbar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.navbar .brand{color:var(--primary);font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:18px;display:flex}.nav-links a{color:var(--text);font-size:.95rem;text-decoration:none}.nav-links a:hover{color:var(--primary)}.nav-user{color:var(--muted);font-size:.9rem}.btn-link{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.95rem}.page{max-width:1100px;margin:0 auto;padding:32px 24px}.page h1{margin-top:0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.grid.two-col{grid-template-columns:1fr 1fr}.stat h3{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:.9rem}.big-number{color:var(--primary);margin:4px 0;font-size:2rem;font-weight:700}.auth-page{justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.auth-page .card{width:100%;max-width:420px}form label{color:var(--muted);margin:10px 0 4px;font-size:.9rem;display:block}input,select,textarea{border:1px solid var(--border);border-radius:6px;width:100%;padding:9px 10px;font-family:inherit;font-size:.95rem}textarea{resize:vertical}.btn,button.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:14px;margin-right:8px;padding:10px 18px;font-size:.95rem;text-decoration:none;display:inline-block}.btn:hover{background:var(--primary-dark)}.btn.secondary{color:var(--primary);border:1px solid var(--primary);background:#fff}.btn.danger{background:var(--danger)}form .btn{margin-top:16px}.error{color:var(--danger);font-size:.9rem}.success{color:#16a34a;font-size:.9rem}.muted{color:var(--muted);font-size:.9rem}.badge{text-transform:capitalize;background:#e2e8f0;border-radius:20px;padding:2px 10px;font-size:.8rem;display:inline-block}.badge.active{color:#16a34a;background:#dcfce7}.badge.pending{color:#b45309;background:#fef9c3}.badge.rejected,.badge.suspended,.badge.expired{color:var(--danger);background:#fee2e2}.options{flex-direction:column;gap:10px;margin:16px 0;display:flex}.option{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:12px 14px;font-size:.95rem}.option:hover{border-color:var(--primary)}.option.selected{border-color:var(--primary);background:#f0fdfa}.option.correct{background:#dcfce7;border-color:#16a34a}.option.wrong{border-color:var(--danger);background:#fee2e2}.feedback{background:#f8fafc;border-radius:8px;margin-top:8px;padding:12px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px;font-size:.9rem}.table th{color:var(--muted);font-weight:600}.list{margin:12px 0 0;padding:0;list-style:none}.list li{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:10px}.list li:hover{background:#f8fafc}.list li.active{border-color:var(--primary);background:#f0fdfa;font-weight:600}.inline-form{gap:8px;margin-bottom:8px;display:flex}.inline-form input{flex:1}.inline-form .btn{margin-top:0}.form input,.form select,.form textarea{margin-bottom:4px}
