@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-page:#F7F8FA;--bg-white:#FFFFFF;--bg-sidebar:#1B2A4A;--bg-sidebar-hover:#243556;--bg-sidebar-active:rgba(255,255,255,0.12);--bg-input:#F0F2F5;--bg-overlay:rgba(27,42,74,0.5);--accent-primary:#0068D9;--accent-hover:#0057B8;--accent-light:rgba(0,104,217,0.08);--accent-lighter:rgba(0,104,217,0.04);--text-primary:#1B2A4A;--text-secondary:#5A6A85;--text-muted:#8E99AB;--text-white:#FFFFFF;--text-sidebar:rgba(255,255,255,0.7);--text-sidebar-active:#FFFFFF;--status-online:#16A34A;--status-online-bg:rgba(22,163,74,0.08);--status-warning:#D97706;--status-warning-bg:rgba(217,119,6,0.08);--status-offline:#DC2626;--status-offline-bg:rgba(220,38,38,0.08);--border-color:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.12);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--sidebar-width:256px;--sidebar-collapsed:72px;--header-height:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg-page);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:14px;line-height:1.5}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .25s ease}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-container{padding:32px 40px;max-width:1400px;margin:0 auto}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);display:flex;flex-direction:column;z-index:100;transition:width .25s ease;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px;min-height:var(--header-height)}.sidebar-brand-icon{width:36px;height:36px;background:var(--accent-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white}.sidebar-brand-text{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;color:var(--text-white)}.sidebar-brand-text span{color:var(--text-white);-webkit-text-fill-color:inherit;background:none;-webkit-background-clip:unset;background-clip:unset}.sidebar-toggle{position:absolute;top:22px;right:-14px;width:28px;height:28px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:110;transition:all .2s;box-shadow:var(--shadow-sm)}.sidebar-toggle:hover{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.sidebar-nav{flex:1 1;padding:8px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-section-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);padding:20px 12px 8px;white-space:nowrap;overflow:hidden}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-sidebar);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s ease;cursor:pointer;background:none;width:100%;text-align:left;white-space:nowrap;border:none;border-left:3px solid transparent}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:var(--text-sidebar-active)}.sidebar-link.active{background:var(--bg-sidebar-active);color:var(--text-sidebar-active);border-left-color:var(--accent-primary);font-weight:600}.sidebar-link-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-link-badge{margin-left:auto;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--accent-primary);color:white}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{gap:10px}.sidebar-avatar,.sidebar-user{display:flex;align-items:center}.sidebar-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-primary);justify-content:center;font-weight:700;font-size:.875rem;color:white;flex-shrink:0}.sidebar-user-info{overflow:hidden;white-space:nowrap}.sidebar-user-name{font-size:.875rem;font-weight:600;color:var(--text-white)}.sidebar-user-role{font-size:.72rem;color:var(--text-sidebar);text-transform:capitalize}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.header-actions{display:flex;align-items:center;gap:10px}.card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-sm)}.card-glass{background:var(--bg-white)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-header-title{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.card-body{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:28px}.kpi-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--shadow-xs);transition:all .2s ease;border:1px solid var(--border-color);border-left:3px solid transparent}.kpi-card:hover{box-shadow:var(--shadow-sm)}.kpi-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.indigo{background:var(--accent-light);color:var(--accent-primary)}.kpi-icon.green{background:var(--status-online-bg);color:var(--status-online)}.kpi-icon.amber{background:var(--status-warning-bg);color:var(--status-warning)}.kpi-icon.red{background:var(--status-offline-bg);color:var(--status-offline)}.kpi-icon.purple{background:rgba(109,40,217,.08);color:#7C3AED}.kpi-value{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:4px;color:var(--text-primary)}.kpi-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:12px 16px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-strong);text-align:left;white-space:nowrap;background:var(--bg-page)}.data-table tbody td{padding:12px 16px;font-size:.875rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--accent-lighter)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-online{background:var(--status-online-bg);color:var(--status-online)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-offline{background:var(--status-offline-bg);color:var(--status-offline)}.badge-pending{background:var(--accent-light);color:var(--accent-primary)}.badge-reviewed{background:var(--status-online-bg);color:var(--status-online)}.badge-tailgating{background:var(--status-offline-bg);color:var(--status-offline)}.badge-normal{background:var(--status-online-bg);color:var(--status-online)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--status-online);box-shadow:0 0 0 3px var(--status-online-bg)}.status-dot.warning{background:var(--status-warning);box-shadow:0 0 0 3px var(--status-warning-bg)}.status-dot.offline{background:var(--status-offline);box-shadow:0 0 0 3px var(--status-offline-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit;text-decoration:none}.btn-primary{background:var(--accent-primary);color:white}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-ghost{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--bg-page);color:var(--text-primary);border-color:var(--text-muted)}.btn-success{background:var(--status-online-bg);color:var(--status-online);border:1px solid rgba(22,163,74,.2)}.btn-success:hover{background:rgba(22,163,74,.15)}.btn-danger{background:var(--status-offline-bg);color:var(--status-offline);border:1px solid rgba(220,38,38,.2)}.btn-danger:hover{background:rgba(220,38,38,.15)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-icon{padding:8px;width:36px;height:36px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;padding:10px 14px;background:var(--bg-white);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;transition:all .15s;outline:none}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-hint{display:block;font-size:.72rem;color:var(--text-muted);margin-top:6px}.form-input select,select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.device-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xs);transition:all .2s ease}.device-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.device-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.device-card-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.device-card-subtitle{font-size:.78rem;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:4px}.metric-row{justify-content:space-between;margin-bottom:10px}.metric-label,.metric-row{display:flex;align-items:center}.metric-label{font-size:.78rem;color:var(--text-muted);gap:6px}.metric-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}.progress-bar-bg{width:100%;height:6px;background:var(--bg-page);border-radius:3px;overflow:hidden;margin-top:4px}.progress-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.green{background:var(--status-online)}.progress-bar-fill.amber{background:var(--status-warning)}.progress-bar-fill.red{background:var(--status-offline)}.clip-review-container{display:grid;grid-template-columns:1fr 340px;grid-gap:20px;gap:20px}.clip-player{background:#0F172A;border-radius:var(--radius-lg);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:var(--shadow-md)}.clip-player video{width:100%;height:100%;object-fit:contain}.clip-player-placeholder{color:var(--text-muted);text-align:center}.annotation-panel{display:flex;flex-direction:column;gap:16px}.annotation-actions{display:flex;flex-direction:column;gap:10px}.annotation-btn{width:100%;padding:12px 18px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit}.annotation-btn.tailgating{background:var(--status-offline-bg);color:var(--status-offline);border-color:rgba(220,38,38,.15)}.annotation-btn.tailgating:hover{background:rgba(220,38,38,.15);border-color:var(--status-offline)}.annotation-btn.not-tailgating{background:var(--status-online-bg);color:var(--status-online);border-color:rgba(22,163,74,.15)}.annotation-btn.not-tailgating:hover{background:rgba(22,163,74,.15);border-color:var(--status-online)}.annotation-btn.unsure{background:var(--status-warning-bg);color:var(--status-warning);border-color:rgba(217,119,6,.15)}.annotation-btn.unsure:hover{background:rgba(217,119,6,.15);border-color:var(--status-warning)}.clip-queue{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.clip-queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .1s;border:1px solid transparent}.clip-queue-item:hover{background:var(--bg-page)}.clip-queue-item.active{background:var(--accent-light);border-color:var(--accent-primary)}.clip-thumb{width:56px;height:32px;border-radius:4px;background:var(--bg-page);flex-shrink:0;overflow:hidden}.clip-thumb img{width:100%;height:100%;object-fit:cover}.company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.company-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs);transition:all .2s ease}.company-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.company-card-name{font-size:1.05rem;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.company-stat-row{display:flex;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.company-stat{text-align:center;flex:1 1}.company-stat-value{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.company-stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-weight:500}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);position:relative;overflow:hidden}.login-bg-pattern{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,104,217,.05) 0,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(27,42,74,.04) 0,transparent 60%)}.login-card{width:100%;max-width:400px;padding:40px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);position:relative;z-index:1;box-shadow:var(--shadow-lg)}.login-brand{text-align:center;margin-bottom:32px}.login-brand-icon{width:52px;height:52px;background:var(--accent-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 4px 12px rgba(0,104,217,.25)}.login-brand-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.login-brand-subtitle{color:var(--text-muted);font-size:.85rem;margin-top:4px}.login-error{padding:10px 14px;background:var(--status-offline-bg);border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-md);color:var(--status-offline);font-size:.85rem;margin-bottom:18px;display:flex;align-items:center;gap:8px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.password-toggle:hover{color:var(--text-secondary)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;flex-direction:column;gap:12px}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}.refresh-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:var(--accent-primary);animation:loading-slide 1.5s ease-in-out infinite}@keyframes loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state-icon{margin-bottom:12px;opacity:.3}.empty-state-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.empty-state-text{font-size:.85rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;padding:16px}.modal{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 24px 20px;border-top:1px solid var(--border-color)}.alert{padding:10px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:500;margin-top:12px}.alert-error{background:var(--status-offline-bg);color:var(--status-offline);border:1px solid rgba(220,38,38,.15)}.alert-success{background:var(--status-online-bg);color:var(--status-online);border:1px solid rgba(22,163,74,.15)}.btn-icon-sm{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:5px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon-sm:hover{background:var(--status-offline-bg);border-color:rgba(220,38,38,.2);color:var(--status-offline)}.delete-confirm{display:flex;align-items:center;gap:6px;background:var(--bg-page);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);padding:4px 8px}.btn-xs{padding:3px 8px;font-size:.72rem}.no-metrics{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;color:var(--text-muted);font-size:.82rem;opacity:.7}.spinner-sm{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.token-display{margin-top:16px;background:var(--bg-page);border:1px solid var(--accent-light);border-radius:var(--radius-md);padding:16px}.token-header{gap:6px;font-weight:600;color:var(--accent-primary);font-size:.85rem;margin-bottom:10px}.token-header,.token-value{display:flex;align-items:center}.token-value{gap:8px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px}.token-value code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;color:var(--accent-primary);word-break:break-all;flex:1 1}.token-value .btn-icon-sm{flex-shrink:0}.token-value .btn-icon-sm:hover{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.token-warning{margin-top:10px;font-size:.78rem;color:var(--status-warning);line-height:1.5}.token-usage{margin-top:12px;font-size:.72rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-all;line-height:1.8;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px}@media (min-width:1280px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.clip-review-container{grid-template-columns:1fr}.page-container{padding:24px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px;box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translateX(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.page-container{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:14px}.kpi-value{font-size:1.4rem}.kpi-icon{width:38px;height:38px}.company-grid,.device-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:1.25rem}.mobile-menu-btn{display:flex;position:fixed;top:12px;left:12px;z-index:90;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);width:44px;height:44px;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--bg-overlay);z-index:99}.login-card{margin:16px;padding:28px}.data-table{display:block;overflow-x:auto}.data-table tbody,.data-table thead{min-width:600px;display:table;width:100%}.clip-review-container{gap:16px}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.kpi-card,.page-container{padding:12px}.kpi-card{gap:10px}.kpi-value{font-size:1.2rem}}@media (min-width:769px){.mobile-menu-btn,.sidebar-overlay{display:none}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--status-online)}.text-warning{color:var(--status-warning)}.text-danger{color:var(--status-offline)}.text-accent{color:var(--accent-primary)}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-sm{font-size:.8rem}.text-xs{font-size:.72rem}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.gap-3{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.nowrap{white-space:nowrap}