:root{--brand-primary: #19A8CA;--brand-light: #65D9E5;--brand-dark: #1290AE;--brand-faint: rgba(25, 168, 202, .08);--bg-primary: #F0F4F6;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFB;--bg-input: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-header: #FFFFFF;--bg-overlay: rgba(15, 25, 35, .4);--text-primary: #0F1923;--text-secondary: #374151;--text-muted: #9CA3AF;--text-accent: #19A8CA;--border-color: #E5E7EB;--border-focus: #19A8CA;--gradient-primary: linear-gradient(135deg, #19A8CA 0%, #65D9E5 100%);--gradient-accent: linear-gradient(135deg, #19A8CA 0%, #65D9E5 100%);--gradient-subtle: rgba(25, 168, 202, .06);--color-productive: #16a34a;--color-distraction: #dc2626;--color-neutral: #4f46e5;--color-unknown: #d97706;--color-idle: #9CA3AF;--color-online: #16a34a;--color-offline: #6b7280;--color-pending: #d97706;--color-active: #16a34a;--color-inactive: #6b7280;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07);--shadow-lg: 0 8px 28px rgba(0,0,0,.1);--shadow-glow: 0 0 20px rgba(25, 168, 202, .18);--sidebar-width: 248px;--header-height: 60px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}code,.text-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;background:var(--brand-faint);padding:2px 6px;border-radius:var(--radius-sm);color:var(--brand-dark)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);background:var(--bg-header);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.app-header-right{display:flex;align-items:center;gap:var(--space-md)}.header-user-info{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.9rem}.header-user-name{font-weight:600;color:var(--text-secondary)}.app-content{flex:1;padding:var(--space-xl);max-width:1440px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);box-shadow:var(--shadow-md);display:flex;flex-direction:column;z-index:20;overflow-y:auto}.sidebar-brand{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-color);display:flex;align-items:center;min-height:68px}.sidebar-logo{height:32px;width:auto;max-width:100%;object-fit:contain;object-position:left center}.sidebar-logo-icon-only{display:none;width:32px;height:32px;object-fit:contain}.sidebar-nav{flex:1;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;font-size:.9rem;transition:all var(--transition-fast);text-decoration:none;border-left:3px solid transparent}.sidebar-link:hover{background:var(--brand-faint);color:var(--text-secondary);text-decoration:none}.sidebar-link-active{background:var(--brand-faint);color:var(--brand-primary);border-left-color:var(--brand-primary);font-weight:600}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color)}.sidebar-role-indicator{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.8rem}.page{animation:fadeIn var(--transition-normal)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-md)}.page-header h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.page-header-count{color:var(--text-muted);font-size:.9rem;font-weight:400;background:var(--brand-faint);padding:2px 10px;border-radius:var(--radius-full);color:var(--brand-dark)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md);color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);animation:slideUp var(--transition-normal)}.card-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);animation:slideUp var(--transition-normal);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-accent, var(--gradient-primary))}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#19a8ca40}.kpi-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.kpi-icon{color:var(--kpi-accent, var(--brand-primary));opacity:.85}.kpi-title{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:1.7rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.5px}.kpi-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.period-presets{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.preset-pill{display:inline-flex;align-items:center;padding:5px 16px;border-radius:var(--radius-full);font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.preset-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-faint)}.preset-pill--active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #19a8ca47}.preset-pill--active:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.filters-bar{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-group label{font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #19a8ca1f}input::placeholder{color:var(--text-muted)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 4px 12px #19a8ca4d;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background:var(--bg-card-hover);border-color:#d1d5db;color:var(--text-primary)}.btn-sm{padding:4px 10px;font-size:.8rem}.btn-full{width:100%;padding:var(--space-md);font-size:1rem;font-weight:600}.btn-productive{background:#16a34a1a;color:#16a34a;border:1px solid rgba(22,163,74,.25)}.btn-productive:hover:not(:disabled){background:#16a34a2e}.btn-distraction{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.btn-distraction:hover:not(:disabled){background:#dc26262e}.btn-neutral{background:#4f46e51a;color:#4f46e5;border:1px solid rgba(79,70,229,.25)}.btn-neutral:hover:not(:disabled){background:#4f46e52e}.action-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.badge-md{padding:4px 14px;font-size:.85rem}.badge-productive{background:#16a34a1a;color:#16a34a}.badge-distraction{background:#dc26261a;color:#dc2626}.badge-neutral{background:#4f46e51a;color:#4f46e5}.badge-unknown{background:#d977061a;color:#d97706}.badge-active,.badge-online{background:#16a34a1a;color:#16a34a}.badge-inactive,.badge-offline{background:#6b72801f;color:#6b7280}.badge-pending{background:#d977061a;color:#d97706}.badge-default{background:#f3f4f6;color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);background:#fafafa}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid #F3F4F6;font-size:.875rem;color:var(--text-secondary);vertical-align:middle}.data-table tr:hover td{background:var(--brand-faint)}.clickable-row{cursor:pointer}.clickable-row:hover td{background:var(--brand-faint)!important}.td-primary{color:var(--text-primary);font-weight:600}.td-truncate{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-inactive td{opacity:.45}.progress-bar-container{display:flex;align-items:center;gap:var(--space-sm)}.progress-bar-container .progress-bar{height:6px;border-radius:var(--radius-full);flex:1;max-width:100px;background:#e5e7eb;position:relative;overflow:hidden}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--border-color)}.pagination-info{font-size:.85rem;color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.chart-container{min-height:300px}.chart-title{font-size:.95rem;font-weight:700;margin-bottom:var(--space-md);color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;color:var(--text-muted)}.timeline-container{position:relative;overflow-x:auto}.timeline-axis{position:relative;height:24px;margin-bottom:var(--space-sm);margin-left:120px}.timeline-hour-label{position:absolute;font-size:.7rem;color:var(--text-muted);transform:translate(-50%)}.timeline-row{display:flex;align-items:center;margin-bottom:4px}.timeline-row-label{width:120px;min-width:120px;font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--space-sm)}.timeline-row-track{flex:1;height:28px;position:relative;background:#f3f4f6;border-radius:var(--radius-sm)}.timeline-block{position:absolute;top:2px;height:24px;border-radius:3px;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);min-width:2px;opacity:.85}.timeline-block:hover{opacity:1;transform:scaleY(1.15);z-index:5}.timeline-block-dim{opacity:.35}.timeline-legend{display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.timeline-legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--text-muted)}.timeline-legend-dot{width:10px;height:10px;border-radius:2px}.timeline-empty{text-align:center;color:var(--text-muted);padding:var(--space-xl)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn var(--transition-fast)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:#f3f4f6;color:var(--text-primary)}.modal-body{padding:var(--space-lg)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;z-index:100;animation:fadeIn var(--transition-fast)}.drawer{width:480px;max-width:90vw;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideInRight var(--transition-normal);overflow-y:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);z-index:2}.drawer-body{flex:1;padding:var(--space-lg);overflow-y:auto}.drawer-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.drawer-section:last-child{border-bottom:none}.drawer-section h4{display:flex;align-items:center;gap:var(--space-sm);font-size:.72rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--space-md)}.drawer-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.drawer-meta{font-size:.8rem;color:var(--text-muted)}.drawer-reason{font-size:.85rem;color:var(--text-secondary);margin-top:var(--space-sm);font-style:italic}.drawer-detail{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:.875rem}.drawer-label{color:var(--text-muted);min-width:90px;flex-shrink:0}.drawer-title-text{word-break:break-all;color:var(--text-primary)}.drawer-mono{font-family:monospace;font-size:.8rem;color:var(--text-muted);word-break:break-all}.drawer-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.drawer-stat{text-align:center;padding:var(--space-sm);background:var(--brand-faint);border-radius:var(--radius-sm);border:1px solid rgba(25,168,202,.12)}.drawer-stat-value{display:block;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.drawer-stat-label{font-size:.7rem;color:var(--text-muted)}.drawer-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);position:sticky;bottom:0;background:var(--bg-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;min-height:300px}.empty-state-icon{color:var(--brand-light);opacity:.6;margin-bottom:var(--space-md)}.empty-state h3{font-size:1.05rem;color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-muted);font-size:.9rem}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:200}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;animation:slideUp var(--transition-normal);max-width:400px;color:var(--text-primary)}.toast-success{border-left:3px solid var(--color-active)}.toast-success svg{color:var(--color-active)}.toast-error{border-left:3px solid var(--color-distraction)}.toast-error svg{color:var(--color-distraction)}.toast-info{border-left:3px solid var(--brand-primary)}.toast-info svg{color:var(--brand-primary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;margin-left:auto}.alert{padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:.875rem}.alert-error{background:#dc262612;border:1px solid rgba(220,38,38,.25);color:#b91c1c}.spinner{width:24px;height:24px;border:3px solid rgba(25,168,202,.18);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#e8f7fa,#f0f4f6 45%,#eaf9fb);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(101,217,229,.18) 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none}.login-page:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(25,168,202,.12) 0%,transparent 70%);bottom:-100px;left:-80px;pointer-events:none}.login-bg-orbs,.orb,.orb-1,.orb-2,.orb-3{display:none}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-lg)}.login-logo img{height:40px;width:auto}.login-header h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.3px}.login-subtitle{color:var(--text-muted);font-size:.9rem}.login-form{display:flex;flex-direction:column}.login-footer-link{text-align:center;margin-top:var(--space-lg);font-size:.875rem;color:var(--text-muted)}.login-footer-link a{color:var(--brand-primary);font-weight:600;text-decoration:none;margin-left:4px}.login-footer-link a:hover{color:var(--brand-dark);text-decoration:underline}.rule-form{display:flex;flex-direction:column}.drawer-section-meta{opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark]{--bg-primary: #0D1B2A;--bg-secondary: #122030;--bg-card: #152535;--bg-card-hover: #1A2D42;--bg-input: #1A2D42;--bg-sidebar: #0A1520;--bg-header: #0A1520;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #E4ECF2;--text-secondary: #A0B4C4;--text-muted: #4E6878;--text-accent: #4DC8E0;--border-color: #1E3450;--border-focus: #19A8CA;--brand-faint: rgba(25, 168, 202, .07);--gradient-subtle: rgba(25, 168, 202, .04);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 28px rgba(0,0,0,.45)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}[data-theme=dark] ::-webkit-scrollbar-track{background:#0d1b2a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#1e3450;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#2a4060}[data-theme=dark] .badge-default{background:#ffffff12;color:var(--text-muted)}[data-theme=dark] .data-table th{background:#0d1b2a}[data-theme=dark] .data-table td{border-bottom-color:#1a2d42}[data-theme=dark] .progress-bar-container .progress-bar-track{background:#1e3450}[data-theme=dark] .btn-ghost{border-color:#1e3450}[data-theme=dark] .modal-close:hover,[data-theme=dark] .timeline-row-track{background:#1a2d42}[data-theme=dark] .login-page{background:linear-gradient(150deg,#071420,#0d1b2a,#091a28)}[data-theme=dark] .login-card{background:#152535}[data-theme=dark] .inbox-title-row td{background-color:#0d1b2a;border-bottom-color:#1a2d42}[data-theme=dark] .inbox-title-row:last-child td{border-bottom-color:#1e3450}[data-theme=dark] .inbox-title-row:hover td{background-color:#152535!important}[data-theme=dark] .page-header-count{background:#19a8ca1a;color:var(--text-accent)}.inbox-col-expand{width:32px;padding-right:0!important}.inbox-expand-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:3px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.inbox-expand-btn:hover{color:var(--text-primary);background-color:var(--bg-primary)}.inbox-app-row td{font-weight:500}.inbox-title-row td{background-color:var(--bg-primary);border-bottom:1px solid #EAECEF}.inbox-title-row:last-child td{border-bottom:2px solid var(--border-color)}.inbox-title-row:hover td{background-color:#ebf5f8!important}.inbox-title-cell{padding-left:2.5rem!important}.inbox-title-text{display:block;color:var(--text-secondary);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.data-truncated-banner{padding:10px 16px;margin-bottom:12px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);color:#b91c1c;font-size:.85rem;font-weight:500}[data-theme=dark] .data-truncated-banner{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}.inbox-summary{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#eab30814;border:1px solid rgba(234,179,8,.25);border-radius:var(--radius);margin-bottom:12px;flex-wrap:wrap}.inbox-summary-label{font-size:.82rem;color:var(--text-secondary)}.inbox-summary-value{font-size:.9rem;font-weight:700;color:#eab308}.inbox-summary-hint{font-size:.78rem;color:var(--text-muted);margin-left:auto}[data-theme=dark] .inbox-summary{background:#eab3080f;border-color:#eab3082e}.inbox-rule-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.02em}.inbox-rule-badge--app{background:#6366f11f;color:#6366f1;border:1px solid rgba(99,102,241,.25)}.inbox-rule-badge--title{background:#06b6d41f;color:#06b6d4;border:1px solid rgba(6,182,212,.25)}[data-theme=dark] .inbox-rule-badge--app{background:#6366f126;border-color:#6366f14d}[data-theme=dark] .inbox-rule-badge--title{background:#06b6d41f;border-color:#06b6d440}.heatmap-wrapper{width:100%;overflow-x:auto}.heatmap-table{border-collapse:separate;border-spacing:2px;width:100%;min-width:560px;font-size:.72rem}.heatmap-hour-label{font-weight:500;color:var(--text-muted);text-align:center;padding-bottom:var(--space-xs);min-width:22px}.heatmap-day-label{text-align:right;padding-right:var(--space-sm);font-weight:600;color:var(--text-secondary);width:40px}.heatmap-cell{width:22px;height:22px;border-radius:4px;background:var(--bg-input);cursor:default;transition:transform 80ms ease}.heatmap-cell:hover{transform:scale(1.15);outline:1px solid var(--brand-primary)}.heatmap-legend{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.heatmap-legend-gradient{width:80px;height:10px;border-radius:4px;background:linear-gradient(to right,#26acd92e,#26acd9)}.heatmap-legend-dot{width:12px;height:12px;border-radius:3px}.heatmap-legend-spacer{flex:1;min-width:var(--space-md)}.heatmap-legend-label{white-space:nowrap}.empty-message{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:.875rem}.drawer-classification-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--bg-input)}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--sidebar-width: 60px}.sidebar-logo{display:none}.sidebar-logo-icon-only{display:block}.sidebar-brand{justify-content:center;padding:var(--space-md)}.sidebar-link{justify-content:center;padding:var(--space-sm)}.sidebar-link span,.sidebar-footer{display:none}.app-content{padding:var(--space-md)}.kpi-grid{grid-template-columns:1fr 1fr}.drawer{width:100vw}}