*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-dark:#3730a3;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--sidebar-w:220px}body{background:#f1f5f9;background:var(--bg);color:#1e293b;color:var(--text);font-family:Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}.layout{display:flex;min-height:100vh}.sidebar{background:#1e1b4b;bottom:0;color:#c7d2fe;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:220px;width:var(--sidebar-w);z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:16px}.sidebar-logo span{color:#818cf8}.sidebar nav{flex:1 1;padding:8px 0}.nav-item{align-items:center;background:none;border:none;color:#a5b4fc;display:flex;font-size:.875rem;gap:10px;padding:10px 20px;text-align:left;transition:background .15s,color .15s;white-space:nowrap;width:100%}.nav-item.active,.nav-item:hover{background:#ffffff14;color:#fff}.main-content{flex:1 1;margin-left:220px;margin-left:var(--sidebar-w);min-width:0;overflow-x:hidden;padding:24px}.card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;padding:20px}.card-title{font-size:1rem;font-weight:600;margin-bottom:16px}.btn{align-items:center;border:none;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:.15s;white-space:nowrap}.btn-primary{background:#4f46e5;background:var(--primary);color:#fff}.btn-primary:hover{background:#3730a3;background:var(--primary-dark)}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);color:#1e293b;color:var(--text)}.btn-outline:hover{background:#f1f5f9;background:var(--bg)}.btn-sm{font-size:.8rem;padding:5px 10px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-group label{color:#64748b;color:var(--muted);font-size:.8rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;font-size:.875rem;outline:none;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4f46e5;border-color:var(--primary)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;min-width:500px;width:100%}th{background:#f1f5f9;background:var(--bg);color:#64748b;color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:10px 12px;vertical-align:middle}tr:hover td{background:#f8fafc}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.badge-green{background:#d1fae5;color:#065f46}.badge-blue{background:#dbeafe;color:#1e40af}.badge-orange{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:#f1f5f9;color:#64748b;color:var(--muted)}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.stat-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;padding:18px 20px}.stat-label{color:#64748b;color:var(--muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:1.75rem;font-weight:700;margin-top:4px}.stat-sub{color:#64748b;color:var(--muted);font-size:.8rem;margin-top:2px}.timer-display{font-feature-settings:"tnum";color:#4f46e5;color:var(--primary);font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-1px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-pulse{animation:pulse 1s infinite}.score-bar{background:#e2e8f0;background:var(--border);border-radius:99px;height:6px;overflow:hidden}.score-fill{border-radius:99px;height:100%;transition:width .5s}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#fff;background:var(--card);border-radius:16px;max-height:90vh;max-width:100%;overflow-y:auto;padding:24px;width:480px}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.page-title{font-size:1.4rem;font-weight:700}.text-muted{color:#64748b;color:var(--muted)}.flex{display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.mt-4{margin-top:4px}.mt-16{margin-top:16px}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.empty{color:#64748b;color:var(--muted);padding:40px;text-align:center}.employee-avatar{align-items:center;background:#4f46e5;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-overlay,.sidebar-toggle{display:none}@media (max-width:1024px){.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:18px}}@media (max-width:768px){:root{--sidebar-w:0px}.sidebar{transform:translateX(-100%);transition:transform .25s ease;width:240px;z-index:200}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:14px 12px 20px}.sidebar-toggle{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;justify-content:center;left:10px;padding:8px;position:fixed;top:10px;z-index:300}.sidebar-overlay{background:#0006;display:block;inset:0;position:fixed;z-index:150}.page-header{margin-top:48px}.page-title{font-size:1.15rem}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.stat-card{padding:12px 14px}.stat-value{font-size:1.4rem}.stat-sub{font-size:.72rem}.timer-display{font-size:2rem}.card{border-radius:10px;padding:14px}.modal{border-radius:12px;padding:16px}.modal-title{font-size:1rem;margin-bottom:14px}.btn{font-size:.82rem;padding:7px 12px}.btn-sm{font-size:.75rem;padding:4px 8px}.grid-2{gap:10px}.flex.gap-8{flex-wrap:wrap}}@media (max-width:480px){.stats-grid{gap:8px;grid-template-columns:1fr 1fr}.main-content{padding:12px 10px}.card{padding:12px}.page-title{font-size:1.05rem}.stat-value{font-size:1.25rem}}
/*# sourceMappingURL=main.d2300289.css.map*/