@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#cbd5e1;--accent-color:#2563eb;--accent-hover:#1d4ed8;--slack-color:#4a154b;--slack-hover:#3d113e;--nav-brand-gradient:linear-gradient(90deg, #0f172a, #2563eb);--btn-hover-bg:#0000000a;--login-card-shadow:0 10px 30px #0000000f;--table-row-hover-bg:#2563eb0a}@media (prefers-color-scheme:dark){:root{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--accent-color:#38bdf8;--accent-hover:#0284c7;--nav-brand-gradient:linear-gradient(90deg, #fff, #38bdf8);--btn-hover-bg:#ffffff0d;--login-card-shadow:0 20px 40px #0006;--table-row-hover-bg:#ffffff08}}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app-container{flex-direction:column;min-height:100vh;display:flex}:root{--bg-darker:#f8f9fa;--bg-dark:#fff;--bg-card:#f6f8fad9;--card-bg:var(--bg-card);--border-color:#d0d7de;--text-main:#24292f;--text-muted:#57606a;--accent-color:#0969da;--accent-glow:#0969da1a;--success-color:#1a7f37;--success-glow:#1a7f3726;--warning-color:#9a6700;--warning-glow:#9a670026;--danger-color:#cf222e;--danger-glow:#cf222e26;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--calendar-indicator-filter:none;--trans-white-05:#0000000d;--trans-white-08:#00000014;--trans-white-03:#00000008;--trans-white-10:#0000001a;--trans-white-12:#0969da14;--trans-white-25:#0969da33;--login-gradient:radial-gradient(circle at center, #f0f4f9 0%, var(--bg-darker) 100%);--trans-black-60:#0006;--card-shadow:0 10px 30px #00000014;--bg-card-hover:#eaeef2;--bg-floating-player:#ffffffd9;--color-bright:#000}@media (prefers-color-scheme:dark){:root{--bg-darker:#0d1117;--bg-dark:#161b22;--bg-card:#161b22b3;--card-bg:var(--bg-card);--border-color:#30363d;--text-main:#c9d1d9;--text-muted:#8b949e;--accent-color:#58a6ff;--accent-glow:#58a6ff26;--success-color:#2ea44f;--success-glow:#2ea44f33;--warning-color:#d29922;--warning-glow:#d2992233;--danger-color:#f85149;--danger-glow:#f8514933;--calendar-indicator-filter:invert(1);--trans-white-05:var(--trans-white-05);--trans-white-08:var(--trans-white-08);--trans-white-03:var(--trans-white-03);--trans-white-10:var(--trans-white-10);--trans-white-12:#ffffff1f;--trans-white-25:#ffffff40;--login-gradient:radial-gradient(circle at center, #1b263b 0%, var(--bg-darker) 100%);--trans-black-60:var(--trans-black-60);--card-shadow:0 10px 30px #00000080;--bg-card-hover:#1e2229e6;--bg-floating-player:#161b22d9;--color-bright:#fff}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.login-wrapper{background:var(--login-gradient);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background-color:var(--bg-dark);border:1px solid var(--border-color);text-align:center;width:100%;max-width:420px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:40px}.form-group{text-align:left;margin-bottom:20px}.form-control{background-color:var(--bg-darker);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.alert{text-align:left;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px}.alert-danger{background-color:var(--danger-glow);color:#ff7b72;border:1px solid #f8514933}.alert-success{background-color:var(--success-glow);color:#56d364;border:1px solid #2ea44f33}.login-divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;margin:20px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.login-divider:not(:empty):before{margin-right:.5em}.login-divider:not(:empty):after{margin-left:.5em}.btn-link{color:var(--accent-color);cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:13px;text-decoration:underline}.btn-link:hover{color:#58a6ff}.logo-placeholder{margin-bottom:20px;font-size:48px}.login-card h2{color:var(--color-bright);margin-bottom:10px;font-size:24px;font-weight:600}.login-card p{color:var(--text-muted);margin-bottom:30px;font-size:14px}.dashboard-layout{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-navbar{background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:28px;height:28px}.brand h2{color:var(--color-bright);letter-spacing:-.5px;font-size:18px;font-weight:700}.navbar-right{align-items:center;gap:20px;display:flex}.top-navbar .user-profile{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.top-navbar .user-name{color:var(--color-bright);font-size:14px;font-weight:600}.top-navbar .user-role{color:var(--text-muted);font-size:11px}.btn-signout{white-space:nowrap;border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px!important}.main-content{flex-direction:column;flex:1;gap:16px;padding:16px 24px 96px;display:flex;overflow-y:auto}.analytics-subnav-bar{background-color:var(--bg-dark);border:1px solid var(--border-color);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:30px;align-items:center;gap:8px;width:max-content;max-width:100%;padding:5px;display:flex;overflow-x:auto;box-shadow:0 2px 10px #0000000a}.analytics-subnav-bar::-webkit-scrollbar{display:none}.analytics-subnav-bar .btn-period{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:24px;flex:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.analytics-subnav-bar .btn-period:hover{color:var(--text-main);background-color:var(--trans-white-05)}.analytics-subnav-bar .btn-period.active{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 3px 10px var(--accent-glow);font-weight:700;color:#fff!important}.dashboard-toolbar{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #00000026}.toolbar-title-group h3{color:var(--color-bright);margin-bottom:2px;font-size:15px;font-weight:600}.toolbar-title-group .toolbar-subtitle{color:var(--text-muted);font-size:12px}.toolbar-controls{align-items:center;gap:12px;display:flex}.period-selector-btn-group{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:6px;padding:3px;display:flex}.btn-period{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-period:hover{color:var(--text-main)}.btn-period.active{background-color:var(--accent-color);color:#fff!important}.custom-date-container{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:flex}.custom-date-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.custom-date-input{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:12px}.custom-date-input::-webkit-calendar-picker-indicator{filter:var(--calendar-indicator-filter);cursor:pointer}.btn-clear-date{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;font-size:14px;display:flex}.btn-clear-date:hover{color:var(--danger-color)}.stat-trend{border-radius:4px;align-self:flex-start;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.stat-trend.up{color:#56d364;background-color:#2ea44f1a}.stat-trend.down{color:#ff7b72;background-color:#f851491a}.stat-trend.neutral{color:var(--text-muted);background-color:var(--trans-white-05)}.trend-label{color:var(--text-muted);margin-left:2px;font-size:10px;font-weight:400}.carousel-section{flex-direction:column;gap:6px;display:flex}.carousel-section .section-header{justify-content:space-between;align-items:flex-end;padding:0 4px;display:flex}.carousel-section .section-header h4{color:var(--color-bright);font-size:13px;font-weight:600}.carousel-section .section-header .section-hint{color:var(--text-muted);font-size:11px}.daily-carousel{grid-template-columns:repeat(7,1fr);gap:12px;padding:2px;display:grid;overflow-x:auto}.daily-carousel::-webkit-scrollbar{height:6px}.daily-carousel::-webkit-scrollbar-track{background:var(--bg-darker);border-radius:4px}.daily-carousel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.daily-carousel::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.daily-summary-card{background-color:var(--bg-dark);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;min-width:110px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.daily-summary-card:hover{background-color:#161b22e6;border-color:#444c56;transform:translateY(-2px)}.daily-summary-card.active{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow);background-color:#58a6ff0d}.daily-summary-card.empty-day{opacity:.55}.card-day-label{color:var(--color-bright);text-transform:capitalize;font-size:12px;font-weight:600}.card-date-sub{color:var(--text-muted);margin-bottom:8px;font-size:10px}.card-metric-row{align-items:baseline;margin-bottom:2px;display:flex}.card-metric-val{color:var(--color-bright);font-size:18px;font-weight:700}.card-metric-unit{color:var(--text-muted);margin-left:2px;font-size:10px;font-weight:400}.card-duration-sub{color:var(--text-muted);align-items:center;gap:3px;margin-bottom:8px;font-size:11px;display:flex}.card-no-calls{color:var(--text-muted);margin-top:4px;font-size:10px;font-style:italic}.mini-segmented-bar{background-color:var(--trans-white-05);border-radius:2px;height:4px;margin-top:auto;margin-bottom:6px;display:flex;overflow:hidden}.segment{height:100%}.segment-dialer{background-color:var(--accent-color)}.segment-slack{background-color:#e01e5a}.mini-segmented-legend{color:var(--text-muted);justify-content:space-between;font-size:9px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stat-card{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:12px;padding:12px 20px;transition:transform .2s,border-color .2s;display:flex}.stat-card:hover{border-color:#444c56;transform:translateY(-2px)}.stat-icon{background-color:var(--accent-glow);width:36px;height:36px;color:var(--accent-color);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.stat-icon.success{background-color:var(--success-glow);color:var(--success-color)}.stat-icon.warning{background-color:var(--warning-glow);color:var(--warning-color)}.stat-icon.info{background-color:var(--trans-white-05);color:var(--text-main)}.stat-details{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.stat-value{color:var(--color-bright);font-size:24px;font-weight:700}.controls-card{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.filters-wrapper{align-items:center;gap:16px;display:flex}.search-bar{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;flex:1;align-items:center;gap:12px;padding:8px 16px;display:flex}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.filter-group{align-items:center;display:flex}.filter-group select{background-color:var(--bg-darker);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;outline:none;min-width:140px;padding:8px 12px;font-size:13px}.sort-order-toggle{align-items:center;display:flex}.table-card{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;padding:8px;box-shadow:0 4px 20px #0003}.table-responsive{width:100%;overflow-x:auto}.logs-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.logs-table th,.logs-table td{border-bottom:1px solid var(--border-color);padding:8px 16px}.logs-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}.logs-table th:hover{color:var(--color-bright)}.log-row{transition:background-color .2s}.log-row:hover,.log-row.clickable-row:hover{background-color:var(--trans-white-08);cursor:pointer}.call-card.clickable-card{cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s}.call-card.clickable-card:hover{background-color:var(--bg-card-hover);transform:translateY(-1px)}.log-row.active-playing{background-color:var(--accent-glow);border-left:3px solid var(--accent-color)}.phone-cell{letter-spacing:.5px;font-family:monospace;font-size:14px}.badge{text-transform:capitalize;text-align:center;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-completed{background-color:var(--success-glow);color:#56d364;border:1px solid #2ea44f4d}.badge-initiated{background-color:var(--warning-glow);color:#f2ca30;border:1px solid #d299224d}.badge-failed{background-color:var(--danger-glow);color:#f85149;border:1px solid #f851494d}.badge-source-slack{color:#e01e5a;background-color:#e01e5a1f;border:1px solid #e01e5a40}.badge-source-dialer{color:#58a6ff;background-color:#58a6ff1f;border:1px solid #58a6ff40}.btn-play-mini{background-color:var(--trans-white-05);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.btn-play-mini:hover{background-color:var(--accent-color);color:var(--bg-darker);border-color:var(--accent-color)}.btn-play-mini.playing{background-color:var(--success-color);border-color:var(--success-color);color:var(--color-bright);animation:1.5s infinite pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 #2ea44f66}70%{box-shadow:0 0 0 8px #2ea44f00}to{box-shadow:0 0 #2ea44f00}}.skeleton-loader,.empty-state{text-align:center;color:var(--text-muted);padding:60px}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--success-color);color:#fff}.btn-primary:hover{background-color:#2c974b}.btn-secondary{background-color:var(--trans-white-05);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--trans-white-10);border-color:#8b949e}.btn-block{width:100%}.btn-sm{padding:6px 12px;font-size:12px}.text-muted{color:var(--text-muted)}.floating-audio-player{background-color:var(--bg-floating-player);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 40px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -10px 30px #0000004d}.player-details{width:25%;min-width:200px}.player-title{text-transform:uppercase;color:var(--accent-color);letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:700}.player-subtitle{color:var(--text-main);font-family:monospace;font-size:13px;font-weight:600}.player-controls{justify-content:center;align-items:center;gap:16px;width:50%;display:flex}.player-btn-circle{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 10px #0000004d}.player-btn-circle:hover{background-color:var(--accent-color);transform:scale(1.05)}.player-progress-container{flex-grow:1;align-items:center;gap:12px;max-width:500px;display:flex}.player-time{color:var(--text-muted);text-align:center;width:36px;font-family:monospace;font-size:12px}.player-slider{-webkit-appearance:none;background-color:var(--border-color);cursor:pointer;border-radius:2px;outline:none;flex-grow:1;height:4px}.player-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--accent-color);border-radius:50%;width:12px;height:12px;transition:transform .1s}.player-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-extras{justify-content:flex-end;align-items:center;gap:24px;width:25%;display:flex}.btn-speed-toggle{background-color:var(--trans-white-05);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s}.btn-speed-toggle:hover{background-color:var(--trans-white-10)}.player-volume{color:var(--text-muted);align-items:center;gap:8px;display:flex}.volume-slider{-webkit-appearance:none;background-color:var(--border-color);cursor:pointer;border-radius:2px;outline:none;width:70px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--text-main);border-radius:50%;width:10px;height:10px}.btn-download{flex-shrink:0}.header-nav{gap:12px;margin-left:32px;display:flex}.nav-tab-btn{color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;border-radius:6px;padding:8px 16px;transition:all .2s}.nav-tab-btn:hover{color:var(--text-main);background-color:var(--trans-white-05)}.nav-tab-btn.active{color:var(--accent-color);background-color:var(--accent-glow);border:1px solid #58a6ff33}.badge-super-admin{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-admin{color:#c084fc;background-color:#8b5cf626;border:1px solid #8b5cf64d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-dispatcher{color:#58a6ff;background-color:#58a6ff26;border:1px solid #58a6ff4d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.drawer-overlay{background-color:var(--trans-black-60);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.drawer-content{background-color:var(--bg-dark);border-left:1px solid var(--border-color);flex-direction:column;width:100%;max-width:480px;height:100vh;animation:.3s slideIn;display:flex;box-shadow:-10px 0 30px #00000080}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-header h3{color:var(--color-bright);font-size:18px;font-weight:600}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:28px}.btn-close:hover{color:var(--color-bright)}.drawer-form{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.checkbox-group{margin-top:8px}.checkbox-label{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}.drawer-actions{gap:12px;margin-top:12px;padding-bottom:24px;display:flex}.drawer-actions .btn{flex:1;padding:12px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-only{display:none!important}@media (width<=900px){.desktop-only{display:none!important}.mobile-only{display:block!important}.top-navbar{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:12px}.top-navbar .brand{justify-content:space-between;width:100%}.top-navbar .brand h2{font-size:16px}.top-navbar .brand-logo{height:24px}.top-navbar .header-nav{justify-content:space-around;width:100%;margin-top:4px;display:flex}.top-navbar .navbar-right{border-top:1px solid var(--trans-white-08);justify-content:space-between;width:100%;padding-top:10px}.top-navbar .user-profile{align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;padding:0 12px}.stat-card{padding:12px}.stat-card h3{font-size:18px}.controls-card{flex-direction:column;align-items:stretch;gap:10px;margin:16px 12px 0;padding:12px}.controls-card .search-bar{width:100%}.filters-wrapper{gap:8px;width:100%;display:flex}.filters-wrapper .filter-group{flex:1;display:flex}.filters-wrapper .filter-group select{width:100%;min-width:0}.controls-card .btn{justify-content:center;width:100%}.table-card{box-shadow:none;background:0 0;border:none;margin:16px 12px;padding:12px}.call-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px;box-shadow:0 4px 6px #0000001a}.call-card.active-playing{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.call-card .card-header{border-bottom:1px solid var(--trans-white-08);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.call-card .card-date{color:var(--text-muted);font-size:11px}.call-card .card-body{flex-direction:column;gap:6px;display:flex}.card-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.card-row.flex-column{flex-direction:column;align-items:stretch;gap:6px}.card-label{color:var(--text-muted);font-weight:500}.card-label-left{color:var(--text-muted);font-size:12px;font-weight:500}.card-value{color:var(--text-main);font-weight:600}.card-actions{border-top:1px solid var(--trans-white-08);margin-top:12px;padding-top:10px}.btn-play-mobile{background-color:var(--accent-glow);width:100%;color:var(--accent-color);cursor:pointer;border:1px solid #58a6ff4d;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;display:flex}.btn-play-mobile.playing{color:#f85149;background-color:#f8514926;border-color:#f851494d}.member-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px;box-shadow:0 4px 6px #0000001a}.member-card .card-header{border-bottom:1px solid var(--trans-white-08);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.member-badge-unit{background-color:var(--accent-glow);color:var(--accent-color);border:1px solid #58a6ff33;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700}.member-card-name{color:var(--text-main);font-size:15px;font-weight:600}.member-card .card-body{flex-direction:column;gap:8px;display:flex}.card-value-list{flex-direction:column;gap:6px;display:flex}.card-value-list.horizontal{flex-flow:wrap;gap:6px}.phone-link-pill{background-color:var(--trans-white-05);color:var(--text-main);border:1px solid var(--trans-white-10);border-radius:20px;align-items:center;width:max-content;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.email-link-pill{background-color:var(--trans-white-03);color:var(--text-muted);border:1px dotted var(--trans-white-10);word-break:break-all;border-radius:4px;padding:4px 8px;font-size:11px;text-decoration:none}.member-card .card-actions{border-top:1px solid var(--trans-white-08);gap:8px;margin-top:12px;padding-top:10px;display:flex}.member-card .card-actions .btn{flex:1;justify-content:center;padding:8px;font-size:12px}.drawer-content{height:100%;width:100%!important;max-width:100%!important}.no-records-card{text-align:center;background-color:var(--card-bg);border:1px dashed var(--border-color);color:var(--text-muted);border-radius:8px;padding:24px;font-size:14px}.dashboard-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.toolbar-controls{flex-direction:column;align-items:stretch;gap:8px;width:100%}.period-selector-btn-group{justify-content:space-between;width:100%}.btn-period{text-align:center;flex:1;padding:6px 4px;font-size:11px}.custom-date-container{justify-content:space-between;width:100%}.daily-carousel{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.daily-summary-card{flex-shrink:0;width:110px}}@keyframes pullSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.responding-units-group{max-width:100%!important}.no-records-card{text-align:center;background-color:var(--card-bg);border:1px dashed var(--border-color);color:var(--text-muted);border-radius:8px;padding:24px;font-size:14px}.badge-service-admin{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-equipment-admin{color:#22d3ee;background-color:#06b6d426;border:1px solid #06b6d44d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-dispatch-admin{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.pull-to-refresh-indicator{background:var(--card-bg,#1e293b);border-bottom:1px solid var(--border-color,#ffffff14);width:100%;color:var(--accent-color,#38bdf8);pointer-events:none;z-index:1000;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;overflow:hidden}.pull-to-refresh-content{align-items:center;gap:8px;display:flex}.pull-spinner.spinning{animation:.8s linear infinite pullSpin}.clickable-row:hover{background-color:var(--table-row-hover-bg)}.badge-nature-default{color:#94a3b8;background-color:#94a3b826;border:1px solid #94a3b84d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-nature-boost{color:#3b82f6;background-color:#3b82f626;border:1px solid #3b82f64d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-nature-flat{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-nature-lockout{color:#ef4444;background-color:#ef444426;border:1px solid #ef44444d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-nature-code22{color:#a855f7;background-color:#a855f726;border:1px solid #a855f74d;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-unit{background-color:var(--trans-white-10);color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600}.responding-units-group{flex-wrap:wrap;gap:4px;display:flex}.sub-nature-label{color:var(--text-muted);font-size:12px;font-weight:400}.mobile-title{display:none}.desktop-title{display:block}.stat-card{box-shadow:0 2px 8px #0000000d}.stat-icon{background-color:var(--bg-darker);justify-content:center;align-items:center;display:flex;border-radius:50%!important}.stat-icon.info{background-color:#3b82f61a!important}.stat-icon.warning{background-color:#f59e0b1a!important}.stat-icon.danger{background-color:#ef44441a!important}.stat-icon.success{background-color:#10b9811a!important}@media (width<=900px){.mobile-title{display:block;font-size:1.1rem!important}.desktop-title{display:none}.header-nav,.scrollable-tabs,.period-selector-btn-group{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.scrollable-tabs::-webkit-scrollbar{display:none}.period-selector-btn-group::-webkit-scrollbar{display:none}.analytics-subnav-bar,.scrollable-tabs{width:100%;margin-bottom:12px;flex-wrap:nowrap!important}.scrollable-tabs .btn-period{white-space:nowrap;border-radius:20px;flex:none;padding:7px 14px!important;font-size:12px!important}.scrollable-tabs .btn-period.active{background-color:var(--accent-color);color:#fff!important}.user-profile{display:none!important}.btn-signout{padding:4px 8px;font-size:11px}}.stat-card.clickable:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.active-stat-card{border:2px solid var(--accent-color)!important;background-color:var(--bg-card-hover)!important;box-shadow:0 0 15px #0f9d5840!important}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d}.pill-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.pill-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.pill-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media (width<=900px){.desktop-only{display:none!important}.mobile-only{display:block!important}.app-container{padding-bottom:75px!important}.bottom-app-nav{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;align-items:center;padding:10px 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.bottom-nav-item.active{color:var(--accent-color);font-weight:700}.mobile-card-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.mobile-dispatch-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:6px solid var(--accent-color);cursor:pointer;border-radius:16px;padding:16px;box-shadow:0 4px 12px #00000008}.mobile-dispatch-card.boost{border-left-color:#2563eb}.mobile-dispatch-card.flat{border-left-color:#d97706}.mobile-dispatch-card.lockout{border-left-color:#dc2626}.mobile-dispatch-card.code22{border-left-color:#db2777}}@media (width>=901px){.mobile-only{display:none!important}}.analytics-subnav-bar{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;white-space:normal!important;border-radius:16px!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;margin-bottom:20px!important;padding:10px!important;display:flex!important;overflow-x:visible!important;box-shadow:0 2px 10px #00000008!important}.analytics-subnav-bar .btn-period{text-align:center!important;white-space:normal!important;border-radius:12px!important;flex:auto!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:140px!important;padding:10px 16px!important;font-size:14px!important;font-weight:700!important;display:flex!important}.scrollable-tabs{flex-wrap:wrap!important;overflow-x:visible!important}.header-nav{flex-wrap:wrap!important;gap:10px!important;width:auto!important;margin-left:0!important;display:flex!important}.header-nav .nav-tab-btn{border-radius:12px!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;font-size:15px!important;font-weight:700!important;display:flex!important}.bottom-app-nav{background:var(--bg-card)!important;border-top:2px solid var(--border-color)!important;z-index:99999!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100vw!important;height:65px!important;padding:8px 0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #0000001a!important}.bottom-nav-item{color:var(--text-muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;height:100%!important;font-size:12px!important;font-weight:700!important;display:flex!important}.bottom-nav-item.active{color:var(--accent-color)!important}.main-content{padding:12px 16px!important}.card,.table-card,.controls-card,.chart-card{border-radius:14px!important;margin-bottom:12px!important;padding:14px 16px!important}.stats-grid{gap:8px!important;margin-bottom:12px!important}.stat-card{border-radius:12px!important;padding:10px 12px!important}@media (width<=900px){.header-container{padding:10px 14px!important}.main-content{padding:10px 12px!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.bottom-app-nav{background:var(--bg-card)!important;border-top:2px solid var(--border-color)!important;z-index:99999!important;justify-content:space-around!important;align-items:center!important;width:100vw!important;height:64px!important;padding:6px 0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #0000001a!important}.bottom-nav-item{padding:4px 0!important;font-size:11px!important;font-weight:700!important}}@media (width>=901px){.mobile-only{display:none!important}}@media (width<=900px){.app-header{min-height:48px!important;padding:8px 12px!important}.main-content{padding:8px 10px!important}.controls-card,.table-card,.chart-card,.stat-card{border-radius:12px!important;margin-bottom:8px!important;padding:10px 12px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;margin-bottom:8px!important}.stat-card{padding:8px 10px!important}.stat-label{font-size:11px!important;font-weight:700!important}.stat-value{font-size:22px!important;font-weight:800!important}.mobile-dispatch-card{border-radius:12px!important;margin-bottom:8px!important;padding:12px 14px!important}.mobile-dispatch-card strong{font-size:16px!important;font-weight:800!important}.table-card{padding:10px!important}.app-container{padding-bottom:80px!important}.bottom-app-nav{background:#fff!important;border-top:2px solid #cbd5e1!important;height:64px!important;padding:4px 0!important}.bottom-nav-item{font-size:11px!important;font-weight:800!important}}html,body,#root,.app-container,.main-content,.table-card,.controls-card,.dashboard-layout{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}@media (width<=900px){.desktop-only,.table-responsive{display:none!important}.mobile-only{box-sizing:border-box!important;width:100%!important;max-width:100%!important;display:block!important}.mobile-card-list{box-sizing:border-box!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important;display:flex!important;overflow-x:hidden!important}.mobile-dispatch-card{box-sizing:border-box!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;width:100%!important;max-width:100%!important}.app-header{border-bottom:1px solid var(--border-color)!important;height:36px!important;min-height:36px!important;padding:4px 10px!important}.controls-card,.table-card,.chart-card{border-radius:10px!important;margin-bottom:6px!important;padding:6px 8px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;margin-bottom:8px!important}.stat-card{margin-bottom:0!important;padding:6px 8px!important}.stat-label{font-size:10px!important;font-weight:700!important}.stat-value{font-size:20px!important;font-weight:800!important}.mobile-dispatch-card{border-radius:10px!important;margin-bottom:4px!important;padding:10px 12px!important}.bottom-app-nav{height:56px!important;padding:2px 0!important}.app-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;height:44px!important;min-height:44px!important;padding:6px 12px!important;display:flex!important}.main-content{padding:6px 8px!important}.controls-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;margin-bottom:6px!important;padding:4px 6px!important}.mobile-dispatch-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;margin-bottom:6px!important;padding:12px 14px!important;box-shadow:0 1px 3px #0000000d!important}.bottom-app-nav{z-index:99999!important;background:#fff!important;border-top:2px solid #cbd5e1!important;justify-content:space-around!important;align-items:center!important;width:100vw!important;height:60px!important;padding:4px 0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 15px #00000014!important}.bottom-nav-item{color:#64748b!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;font-size:11px!important;font-weight:800!important;display:flex!important}.bottom-nav-item.active{color:#0284c7!important}.bottom-nav-icon{margin-bottom:2px!important;font-size:20px!important}.app-header{display:none!important}.main-content{margin-top:0!important;padding:4px 6px!important}.controls-card.sticky-search-bar{z-index:1000!important;background:#fff!important;border-bottom:2px solid #e2e8f0!important;border-radius:8px!important;margin-bottom:6px!important;padding:4px 6px!important;position:sticky!important;top:0!important;box-shadow:0 2px 8px #0000000f!important}.cad-stats-strip{grid-template-columns:repeat(2,1fr)!important;gap:4px!important;margin-bottom:6px!important}.stat-chip{padding:5px 7px!important}.mobile-card-list{flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}.mobile-dispatch-card{border:1px solid #e2e8f0!important;border-radius:10px!important;margin-bottom:4px!important;padding:10px 12px!important}.app-container{padding-bottom:70px!important}.bottom-app-nav{z-index:99999!important;background:#fff!important;border-top:2px solid #cbd5e1!important;justify-content:space-around!important;align-items:center!important;width:100vw!important;height:56px!important;padding:2px 0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.bottom-nav-item{font-size:10px!important;font-weight:800!important}html,body,#root,.app-container,.dashboard-layout{-webkit-overflow-scrolling:touch!important;height:100%!important;min-height:100vh!important;overflow-y:auto!important}.main-content{flex-direction:column!important;flex:1 0 auto!important;min-height:calc(100vh - 60px)!important;padding:4px 6px 80px!important;display:flex!important;overflow-y:visible!important}.table-card{box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;margin:0!important;padding:0!important;display:flex!important}.mobile-card-list{flex-direction:column!important;flex:1!important;gap:8px!important;width:100%!important;display:flex!important}.mobile-dispatch-card{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;margin-bottom:6px!important;box-shadow:0 1px 4px #0000000f!important}}@media screen and (width<=900px){.desktop-header-wrapper,.app-header,header.app-header{visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}}