:root{--navy:#1f3a5f;--blue:#2e75b6;--light-blue:#eaf3f8;--lighter-blue:#f7f9fb;--green:#2e7d32;--light-green:#e8f5e9;--amber:#e65100;--light-amber:#fff3e0;--red:#c62828;--light-red:#ffebee;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;background:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,sans-serif;line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{background:#1f3a5f;background:var(--navy);color:#fff;display:flex;flex-direction:column;height:100vh;padding:24px 0;position:fixed;width:260px;z-index:10}.sidebar-logo{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding:0 24px 24px}.sidebar-logo h1{color:#fff;font-size:18px;font-weight:700}.sidebar-logo p{color:#ffffff80;font-size:12px;margin-top:2px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 12px}.sidebar-nav a{align-items:center;border-radius:8px;border-radius:var(--radius);color:#ffffffb3;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 12px;text-decoration:none;transition:all .15s}.sidebar-nav a:hover{background:#ffffff1a;color:#fff}.sidebar-nav a.active{background:#2e75b6;background:var(--blue);color:#fff}.sidebar-nav .nav-section{color:#ffffff59;font-size:11px;font-weight:600;letter-spacing:.05em;padding:16px 12px 8px;text-transform:uppercase}.sidebar-user{border-top:1px solid #ffffff1a;margin-top:auto;padding:16px 24px}.sidebar-user .user-name{font-size:14px;font-weight:600}.sidebar-user .user-role{color:#ffffff80;font-size:12px;text-transform:capitalize}.sidebar-user button{background:#0000;border:1px solid #fff3;border-radius:8px;border-radius:var(--radius);color:#ffffffb3;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:all .15s}.sidebar-user button:hover{background:#ffffff1a;color:#fff}.main-content{flex:1 1;margin-left:260px;min-height:100vh;padding:32px}.page-header{margin-bottom:24px}.page-header h2{color:#1f3a5f;color:var(--navy);font-size:24px;font-weight:700}.page-header p{color:#6b7280;color:var(--gray-500);font-size:14px;margin-top:4px}.card{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header h3{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow);padding:20px;text-align:center}.stat-card .stat-value{color:#1f3a5f;color:var(--navy);font-size:32px;font-weight:700}.stat-card .stat-label{color:#6b7280;color:var(--gray-500);font-size:13px;margin-top:4px}.stat-card .stat-change{font-size:12px;margin-top:8px}.stat-card .stat-change.positive{color:#2e7d32;color:var(--green)}.stat-card .stat-change.negative{color:#c62828;color:var(--red)}.form-group{margin-bottom:16px}.form-group label{color:#374151;color:var(--gray-700);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2e75b6;border-color:var(--blue);box-shadow:0 0 0 3px #2e75b61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .15s}.btn-primary{background:#2e75b6;background:var(--blue);color:#fff}.btn-primary:hover{background:#1f3a5f;background:var(--navy)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.btn-danger{background:#ffebee;background:var(--light-red);color:#c62828;color:var(--red)}.btn-danger:hover{background:#c62828;background:var(--red);color:#fff}.btn-success{background:#e8f5e9;background:var(--light-green);color:#2e7d32;color:var(--green)}.btn-success:hover{background:#2e7d32;background:var(--green);color:#fff}.btn-sm{font-size:13px;padding:6px 12px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}thead th{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#4b5563;color:var(--gray-600);font-size:13px;font-weight:600;letter-spacing:.03em;padding:12px 16px;text-align:left;text-transform:uppercase}tbody td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);padding:12px 16px}tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px}.badge-green{background:#e8f5e9;background:var(--light-green);color:#2e7d32;color:var(--green)}.badge-amber{background:#fff3e0;background:var(--light-amber);color:#e65100;color:var(--amber)}.badge-red{background:#ffebee;background:var(--light-red);color:#c62828;color:var(--red)}.badge-blue{background:#eaf3f8;background:var(--light-blue);color:#2e75b6;color:var(--blue)}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500)}.login-page{align-items:center;background:linear-gradient(135deg,#1f3a5f,#2a5298);background:linear-gradient(135deg,var(--navy) 0,#2a5298 100%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);max-width:420px;padding:48px;width:100%}.login-card h1{color:#1f3a5f;color:var(--navy);font-size:24px;font-weight:700;text-align:center}.login-card p{color:#6b7280;color:var(--gray-500);font-size:14px;margin:8px 0 32px;text-align:center}.login-card .login-btn{font-size:15px;margin-top:8px;padding:12px;width:100%}.login-card .login-error{background:#ffebee;background:var(--light-red);border-radius:8px;border-radius:var(--radius);color:#c62828;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px;text-align:center}.notification-dot{background:#c62828;background:var(--red);border-radius:50%;display:inline-block;height:8px;margin-left:6px;width:8px}.empty-state{color:#9ca3af;color:var(--gray-400);padding:48px 24px;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{font-size:14px}.leaderboard-rank{align-items:center;border-radius:50%;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.rank-1{background:#fff3cd;color:#856404}.rank-2{background:#e5e7eb;background:var(--gray-200);color:#4b5563;color:var(--gray-600)}.rank-3{background:#f4e4d0;color:#7c5b34}.rank-other{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500)}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.4ae4e70d.css.map*/