:root{--bg-main:#0a0d14;--bg-surface:#101522;--bg-surface-elevated:#161d2f;--bg-surface-hover:#1c243a;--bg-card:#161d2fbf;--border-subtle:#1e2738;--border-focus:#3b82f6;--border-glow:#3b82f659;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-highlight:#38bdf8;--pioneers-purple:#8b5cf6;--pioneers-cyan:#06b6d4;--pioneers-blue:#3b82f6;--pioneers-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--pioneers-glow:0 0 25px #8b5cf659;--color-success:#10b981;--color-success-bg:#10b9811f;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-danger:#ef4444;--color-danger-bg:#ef44441f;--color-info:#0ea5e9;--color-info-bg:#0ea5e91f;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 2px 0 #00000040;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #00000040;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow:0 0 20px #3b82f640;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 15%,#6366f114 0%,#0000 40%),radial-gradient(circle at 85% 85%,#06b6d414 0%,#0000 40%),radial-gradient(circle,#d946ef0a 0%,#0000 60%),linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,40px 40px,40px 40px;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.glass-panel-interactive{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.glass-panel-interactive:hover{box-shadow:0 8px 25px #0006, var(--shadow-glow);border-color:#3b82f666;transform:translateY(-2px)}.pioneers-badge{background:var(--pioneers-gradient);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 0 15px #8b5cf666}.pioneers-text-glow{background:linear-gradient(135deg,#a78bfa,#38bdf8,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-ai{background:var(--pioneers-gradient);color:#fff;box-shadow:var(--pioneers-glow);position:relative;overflow:hidden}.btn-ai:hover{transform:translateY(-1.5px)scale(1.02);box-shadow:0 0 30px #d946ef80}.btn-ai:after{content:"";background:linear-gradient(60deg,#0000,#fff3,#0000);width:200%;height:200%;animation:4s infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes shimmer{0%{transform:translate(-100%)rotate(30deg)}to{transform:translate(100%)rotate(30deg)}}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.btn-outline{color:var(--text-secondary);border-color:var(--border-subtle);background:0 0}.btn-outline:hover{color:var(--text-primary);background:var(--bg-surface-elevated);border-color:var(--border-focus)}.btn-danger{color:#f87171;background:#ef444426;border-color:#ef44444d}.btn-danger:hover{color:#fca5a5;background:#ef444440}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);padding:12px 24px;font-size:15px}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.badge-success{background:var(--color-success-bg);color:#34d399;border:1px solid #34d39940}.badge-warning{background:var(--color-warning-bg);color:#fbbf24;border:1px solid #fbbf2440}.badge-danger{background:var(--color-danger-bg);color:#f87171;border:1px solid #f8717140}.badge-info{background:var(--color-info-bg);color:#38bdf8;border:1px solid #38bdf840}.badge-neutral{background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.input,.select,.textarea{background:var(--bg-surface);width:100%;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:9px 12px;font-size:13.5px}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f633}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#04070dbf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot.online{background-color:#10b981;box-shadow:0 0 10px #10b981}.pulse-dot.online:after{content:"";border:1.5px solid #10b981;border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px 32px}@media (width<=768px){.main-content{padding:16px}}.navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#101522d9;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{background:var(--pioneers-gradient);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 20px #8b5cf680}.brand-title{letter-spacing:-.5px;color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.nav-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px;display:flex}.nav-tab-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.nav-tab-btn:hover{color:var(--text-primary)}.nav-tab-btn.active{background:var(--bg-surface-elevated);color:#fff;box-shadow:var(--shadow-sm);border:1px solid #ffffff14}.nav-tab-btn.active-timeline{color:#38bdf8;background:linear-gradient(135deg,#06b6d433,#3b82f633);border:1px solid #38bdf84d}.nav-actions{align-items:center;gap:12px;display:flex}.role-switcher-bar{border-bottom:1px solid var(--border-subtle);background:#0f172a99;justify-content:space-between;align-items:center;padding:8px 32px;font-size:12.5px;display:flex}.role-tag{align-items:center;gap:8px;font-weight:600;display:flex}.scheduler-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.team-selector-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.team-pill{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:flex}.team-pill:hover{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--text-muted)}.team-pill.active{background:var(--bg-surface-elevated);color:#fff;border-color:currentColor;box-shadow:0 0 15px #3b82f633}.date-controls{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:10px;padding:4px 8px;display:flex}.date-display-label{text-align:center;min-width:180px;color:var(--text-primary);font-size:14px;font-weight:700}.scheduler-table-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);overflow-x:auto}.scheduler-table{border-collapse:collapse;text-align:left;width:100%}.scheduler-table th{background:var(--bg-surface-elevated);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:14px 16px;font-size:12.5px;font-weight:700}.scheduler-table th.today-col{color:#60a5fa;background:#3b82f61f;border-bottom:2px solid #3b82f6}.scheduler-table td{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);vertical-align:top;min-width:170px;transition:background var(--transition-fast);padding:10px 12px}.scheduler-table tr:hover td{background:#ffffff04}.agent-row-header{background:var(--bg-surface-elevated);z-index:10;min-width:220px;position:sticky;left:0}.agent-cell-info{align-items:center;gap:10px;display:flex}.agent-avatar{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.shift-card{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;margin-bottom:6px;padding:8px 10px;position:relative;overflow:hidden}.shift-card:hover{box-shadow:var(--shadow-md);border-color:#fff3;transform:translateY(-2px)}.shift-card.is-off{color:var(--text-muted);background:#64748b1f;border:1px dashed #64748b4d}.shift-card.handed-over{background:#f59e0b26;border:1px solid #f59e0b}.shift-header{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.shift-time{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.backup-pill-group{align-items:center;gap:4px;margin-top:6px;font-size:10.5px;display:flex}.backup-mini-tag{background:#00000040;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;display:inline-flex}.timeline-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}.timeline-toolbar{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.timeline-bulk-controls{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;padding:4px;display:flex}.timeline-scroll-wrapper{position:relative;overflow-x:auto}.timeline-grid{grid-template-columns:240px repeat(24,minmax(75px,1fr));min-width:1800px;display:grid}.timeline-hour-header{text-align:center;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface-elevated);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:10px 4px;font-size:12px;font-weight:600}.timeline-hour-header.current-hour{color:#f87171;background:#ef444426;border-bottom:2px solid #ef4444;font-weight:800}.timeline-row{display:contents}.timeline-agent-label{background:var(--bg-surface);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);z-index:5;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;left:0}.timeline-slot-cell{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:0 0;justify-content:center;align-items:center;min-height:52px;padding:4px;display:flex;position:relative}.timeline-slot-cell.now-highlight{background:#ef44440a}.timeline-active-block{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:100%;height:85%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;font-size:10.5px;font-weight:700;display:flex}.timeline-active-block:hover{box-shadow:var(--shadow-md);transform:scale(1.04)}.audit-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);margin-top:24px;overflow:hidden}.audit-header-banner{border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#8b5cf626,#06b6d41a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.score-circle{background:var(--bg-surface-elevated);border:3px solid #10b981;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 0 20px #10b9814d}.score-circle.score-warning{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b4d}.score-circle.score-critical{border-color:#ef4444;box-shadow:0 0 20px #ef44444d}.audit-check-item{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.audit-check-item:hover{border-color:#ffffff26}.portal-hero{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg,#1e293bb3,#0f172ae6);margin-bottom:24px;padding:28px;position:relative;overflow:hidden}.portal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.portal-stat-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:16px;display:flex}.portal-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}