:root{--bg-page:#F5F6F8;--bg-card:#FFFFFF;--bg-row-alt:rgba(0,0,0,0.025);--border:#E2E8F0;--border-hover:#CBD5E0;--border-subtle:#F0F0F0;--border-group:#E2E8F0;--text-body:#111111;--text-dim:#444444;--text-dimmer:#777777;--text-footer:#AAAAAA;--scrollbar-track:#F0F0F0;--scrollbar-thumb:#CBD5E0;--scrollbar-hover:#A0AEC0;--badge-bg:#EDF2F7;--link:#2B6CB0;--glow-red:rgba(233,69,96,0.08);--color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;overscroll-behavior-x:none}body{font-family:DM Sans,sans-serif;background:var(--bg-page);color:var(--text-body);font-weight:450;min-height:100vh;width:100%;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:700;color:#000000}th{font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.glow-line{height:2px;background:linear-gradient(90deg,transparent,#E94560,#6C5CE7,transparent);margin-bottom:32px;opacity:.6}.pill-group{display:inline-flex;flex-wrap:wrap;background:var(--bg-card);border-radius:10px;border:1px solid var(--border);overflow:hidden}.pill-btn{padding:8px 16px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-dim);background:transparent;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.pill-btn.active{color:#fff}.pill-btn.active.red{background:#E94560}.pill-btn.active.blue{background:#0984E3}.pill-btn.active.purple{background:#6C5CE7}.pill-btn:hover:not(.active),.toggle-switch{color:var(--text-dim)}.toggle-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-switch .switch-track{position:relative;width:32px;height:18px;background:var(--border);border-radius:9px;transition:background .2s;flex-shrink:0}.toggle-switch.on .switch-track{background:var(--switch-color,#0984E3)}.toggle-switch .switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.on .switch-thumb{transform:translateX(14px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.card-glow{position:relative;overflow:hidden;touch-action:pan-y}.card-glow:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:15px;background:linear-gradient(135deg,var(--glow-red),transparent 50%);z-index:-1}.toggle-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;transition:all .2s;border:2px solid}.toggle-pill .dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.import-textarea{width:100%;height:120px;background:var(--bg-page);border:1px solid var(--border);border-radius:10px;padding:12px;color:var(--text-body);font-size:12px;font-family:JetBrains Mono,monospace;resize:vertical}.import-textarea:focus{outline:none;border-color:#E94560}.import-input{background:var(--bg-page);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-body);font-size:13px;font-family:DM Sans,sans-serif;width:150px}.import-input:focus{outline:none;border-color:#E94560}.btn-primary{background:#E94560;color:#fff;border:none;border-radius:10px;padding:10px 22px;cursor:pointer;font-weight:700;font-size:13px;font-family:DM Sans,sans-serif;transition:transform .1s}.btn-primary:hover{transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:10px 18px;cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;transition:border-color .2s}.btn-ghost:hover{border-color:var(--border-hover)}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:8px 12px;border-bottom:1px solid var(--border-subtle)}.data-table tr:nth-child(2n){background:var(--bg-row-alt)}.data-table tr.group-sep td{border-top:2px solid var(--border-group);padding-top:10px}.data-table a{color:var(--link);text-decoration:none}.data-table a:hover{text-decoration:underline}a[target=_blank]:after{content:"";display:inline-block;width:10px;height:10px;margin-left:3px;vertical-align:middle;opacity:1;flex-shrink:0;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.stat-label,.stat-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.select-dark{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:7px 28px 7px 10px;color:var(--text-body);font-size:13px;font-family:DM Sans,sans-serif;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='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}[data-theme=dark] .select-dark{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='%23C9D1D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.select-dark:focus{outline:none;border-color:#6C5CE7}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.login-screen h1{font-size:32px;font-weight:700;color:#E94560;letter-spacing:-.5px}.login-screen p{color:var(--text-dim);font-size:14px}.login-error{color:#E94560;font-size:13px;background:#E9456018;padding:8px 16px;border-radius:8px}.login-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 32px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:border-color .2s,box-shadow .2s}.login-btn-wrap:hover{border-color:var(--border-hover);box-shadow:0 0 20px rgba(233,69,96,.08)}.login-hint{font-size:12px;color:var(--text-dimmer);transition:color .2s}.login-btn-wrap:hover .login-hint,.logout-btn{color:var(--text-dim)}.logout-btn{background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:border-color .2s;white-space:nowrap}.logout-btn:hover{border-color:var(--border-hover);color:var(--text-body)}.signout-btn{background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 14px;color:var(--text-dim);font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.signout-btn:hover{border-color:#E9456066;color:#E94560;background:#E9456010}.user-menu-trigger{background:transparent;border:1px solid var(--border);border-radius:8px;padding:5px 12px;color:var(--text-dimmer);font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.user-menu-trigger:hover{border-color:var(--text-dim);color:var(--text-body)}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);min-width:120px;overflow:hidden}.user-menu-dropdown button{display:block;width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;color:var(--text-body);font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.user-menu-dropdown button:hover{background:#E9456015;color:#E94560}.company-tab{padding:6px 16px;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-dim);background:transparent;transition:all .2s;white-space:nowrap;border-radius:0}.company-tab:hover{color:var(--text-body)}.company-tab.active{font-weight:600}.view-tab{padding:6px 16px;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-dim);background:transparent;transition:all .2s;white-space:nowrap;border-radius:0}.view-tab:hover{color:var(--text-body)}.view-tab.active{font-weight:600}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-dim)}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#E94560;cursor:pointer}.date-input{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:7px 10px;color:var(--text-body);font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer;color-scheme:var(--color-scheme)}.date-input:focus{outline:none;border-color:#6C5CE7}.import-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.import-wrapper.open{grid-template-rows:1fr}.import-inner{overflow:hidden}.shortcuts-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:6px;min-width:260px;max-height:360px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.3)}.shortcuts-item{display:block;width:100%;text-align:left;padding:9px 12px;border:none;background:transparent;color:var(--text-body);font-family:DM Sans,sans-serif;font-size:13px;border-radius:7px;cursor:pointer;transition:background .15s}.shortcuts-item:hover{background:var(--bg-row-alt)}.shortcuts-item-label{font-weight:600;display:block}.shortcuts-item-sub{font-size:11px;color:var(--text-dim);display:block;margin-top:1px}.pill-btn svg{display:block}.pill-label-wrap{position:relative;display:inline-flex}.pill-hover-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:10px;color:var(--text-dim);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;font-family:DM Sans,sans-serif}.pill-label-wrap:hover .pill-hover-label{opacity:1}@keyframes hue-spin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes glow-pulse{0%,to{height:3px;opacity:.6;box-shadow:0 0 8px #E94560,0 0 20px #6C5CE7}50%{height:4px;opacity:1;box-shadow:0 0 12px #E94560,0 0 30px #6C5CE7}}.import-scroll-area{max-height:60vh;overflow-y:scroll;overflow-x:hidden;position:relative;border-radius:8px;border:1px solid var(--border);padding:12px;margin-top:8px}.import-scroll-area::-webkit-scrollbar{width:6px}.import-scroll-area::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.import-scroll-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;min-height:40px}.import-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}@media (max-width:768px){body,html{overflow-x:hidden;overscroll-behavior-x:none}.controls-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.pill-group{flex-wrap:wrap;width:-moz-fit-content;width:fit-content;max-width:100%}.pill-btn{padding:8px 12px;font-size:12px}.header-row{flex-direction:column!important}.date-range-row{flex-wrap:wrap!important;align-items:center!important}.date-input{width:auto}.stat-value{font-size:20px}.card{padding:14px;max-width:100vw;overflow-x:auto}.data-table{min-width:0}.login-screen{padding:0 20px}.login-screen h1{font-size:26px}.recharts-surface,.recharts-wrapper{max-width:100%!important}.app-nav{max-width:100vw}.toggle-switch{font-size:10px;gap:6px}.toggle-pill{font-size:11px;padding:4px 10px}.batch-recovery-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.page-container{padding:16px 12px!important}.stat-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.stat-value{font-size:18px}.stat-label{font-size:10px}.pill-btn{padding:6px 10px;font-size:11px;max-width:160px}.card{padding:10px}.btn-ghost{font-size:11px;padding:6px 10px}.btn-primary{font-size:12px;padding:8px 16px}.data-table th{padding:6px 8px;font-size:10px}.data-table td{padding:6px 8px;font-size:11px}.select-dark{font-size:12px;padding:5px 24px 5px 8px}.shortcuts-dropdown{min-width:220px}.page-title{font-size:22px!important}}.thumb-preview{position:fixed;z-index:99999;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);pointer-events:none;width:180px;opacity:0;transition:opacity .2s ease}.thumb-preview.visible{opacity:1}.thumb-preview img{width:100%;border-radius:6px;display:block;aspect-ratio:9/16;object-fit:cover;background:var(--border)}.thumb-title{font-size:11px;color:var(--text-body);margin-top:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.thumb-creator{font-size:10px;color:var(--text-dim);margin-top:2px}.app-nav{justify-content:space-between;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--bg-card);gap:12px;flex-wrap:wrap}.app-nav,.app-nav-left{display:flex;align-items:center}.app-nav-left{gap:8px}.app-nav-brand{font-size:16px;font-weight:700;color:#E94560;letter-spacing:-.3px}.app-nav-center{gap:4px}.app-nav-center,.app-nav-link{display:flex;align-items:center}.app-nav-link{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-dim);text-decoration:none;transition:background .15s,color .15s;gap:6px}.app-nav-link.active,.app-nav-link:hover{background:var(--badge-bg);color:var(--text-body)}.app-nav-link.active{font-weight:600}.app-nav-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#6C5CE720;color:#6C5CE7;padding:2px 6px;border-radius:4px}.app-nav-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:640px){.app-nav{padding:8px 12px}.app-nav-left{flex:0 0 auto}.app-nav-center{order:3;width:100%;justify-content:center;padding-top:6px;border-top:1px solid var(--border)}.app-nav-right{flex:1 1;justify-content:flex-end}.user-menu-trigger{font-size:10px;padding:4px 8px}.app-nav-right .nav-modes{order:2}.company-tab,.view-tab{padding:4px 10px;font-size:13px}}