:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fa;color:#111827;--bg: #f5f7fa;--card: #ffffff;--primary: #2563eb;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--text: #111827;--muted: #6b7280;--line: #e5e7eb;--shadow: 0 18px 45px rgba(17, 24, 39, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.boot-screen,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(37,99,235,.1),transparent 36%),linear-gradient(315deg,rgba(22,163,74,.08),transparent 34%),var(--bg)}.boot-card,.login-panel{width:min(430px,100%);background:var(--card);border:1px solid rgba(229,231,235,.9);box-shadow:var(--shadow);border-radius:8px;padding:28px}.login-panel{display:grid;gap:18px;position:relative;transform-style:preserve-3d;box-shadow:0 34px 70px #0f172a2e,inset 0 1px #fffc}.login-panel:before,.login-panel:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.login-panel:before{top:12px;right:-12px;bottom:-14px;left:12px;z-index:-2;background:#2563eb24;filter:blur(1px)}.login-panel:after{top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(145deg,#ffffffe6,#fff0)}.login-logo-stack{display:flex;align-items:center;gap:12px}.login-logo-stack span{color:var(--muted);font-size:13px;font-weight:700}.login-panel h1{margin:0;font-size:28px;line-height:1.1}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#64748b}.password-toggle:hover{background:#eef2ff;color:var(--primary)}.brand-mark,.brand-tile{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#2563eb;color:#fff;font-weight:800}.logo-mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;position:relative;border-radius:8px;background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#111827));color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 26%,transparent);overflow:hidden}.logo-mark.large{width:54px;height:54px}.logo-bars{display:flex;align-items:end;gap:3px;height:20px;z-index:1}.logo-bars i{display:block;width:5px;border-radius:999px 999px 2px 2px;background:#fff}.logo-bars i:nth-child(1){height:10px;opacity:.72}.logo-bars i:nth-child(2){height:17px}.logo-bars i:nth-child(3){height:13px;opacity:.86}.logo-line{position:absolute;width:28px;height:14px;border:2px solid rgba(255,255,255,.86);border-top:0;border-left:0;border-radius:0 0 10px;transform:translate(2px,2px) rotate(-8deg)}.app-shell{height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);overflow:hidden;transition:grid-template-columns .18s ease}.app-shell.collapsed{grid-template-columns:92px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;background:#22303d;border-right:1px solid #121b24;padding:0;display:flex;flex-direction:column;gap:0;z-index:20}.sidebar-head{display:flex;align-items:center;gap:10px;min-height:68px;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.28);color:#fff}.sidebar-head strong{display:block}.sidebar-head span,.topbar p,.setting-item span,.stat-card span,.table-meta,.export-panel p,.setting-card span{color:var(--muted);font-size:13px}.sidebar-head span{color:#9fb0bf}.sidebar nav{display:grid;gap:0;flex:1;min-height:0;align-content:start;overflow-y:auto;padding:0}.nav-section{display:grid;gap:0;align-content:start}.sidebar a,.nav-parent{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;border:0;border-bottom:1px solid rgba(0,0,0,.3);border-radius:0;background:transparent;color:#fff;text-decoration:none;font-size:14px;font-weight:700;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar a:hover,.sidebar a.active,.nav-parent:hover,.nav-parent.active{background:#34495b;color:#fff}.nav-section.open>.nav-parent{background:#405870;box-shadow:inset 4px 0 0 var(--primary)}.nav-chevron{margin-left:auto;transition:transform .16s ease}.nav-section.open .nav-chevron{transform:rotate(180deg)}.nav-chevron.single{transform:rotate(-90deg)}.nav-submenu{display:grid;background:#1b2732}.nav-submenu a{min-height:40px;padding-left:18px;color:#fff;font-size:13px;font-weight:500;border-bottom-color:#0000003d}.nav-subgroup{display:grid;border-bottom:1px solid rgba(0,0,0,.22)}.nav-subgroup-title{width:100%;border:0;border-radius:0;background:transparent;min-height:32px;display:flex;align-items:center;gap:8px;padding:8px 14px 6px 18px;color:#9fb0bf;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase;cursor:pointer;text-align:left;transition:background .16s ease,color .16s ease}.nav-subgroup-title:hover,.nav-subgroup-title.active{background:#ffffff0d;color:#fff}.nav-section.open .nav-subgroup:not(.open) .nav-subgroup-title .nav-chevron{transform:rotate(0)}.nav-subgroup.open .nav-subgroup-title .nav-chevron{transform:rotate(180deg)}.nav-subgroup-items{display:grid}.nav-subgroup-items a{min-height:36px;padding-left:34px}.nav-submenu a:before{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);opacity:.9}.nav-submenu a svg{display:none}.nav-submenu a.active{background:#2b3b49;color:#fff;box-shadow:inset 4px 0 0 var(--primary)}.workspace{min-width:0;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.top-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--primary),var(--success),var(--warning));z-index:60;opacity:0}.top-progress.running{opacity:1;animation:top-load .9s ease-in-out infinite}@keyframes top-load{0%{width:0;left:0}50%{width:58%;left:22%}to{width:0;left:100%}}.topbar{position:sticky;top:0;z-index:10;min-height:76px;padding:16px 28px;background:#f5f7fadb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.72);display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h2,.topbar p,.panel h3,.export-panel p{margin:0}.topbar h2{font-size:22px}.topbar-actions{display:inline-flex;align-items:center;gap:10px;min-width:0}.user-menu-btn{min-height:42px;border:1px solid var(--line);background:#fff;color:#111827;border-radius:8px;display:inline-flex;align-items:center;gap:10px;padding:0 12px;box-shadow:0 8px 24px #1118270a;transition:transform .15s ease,box-shadow .15s ease}.team-selector{position:relative;min-width:190px}.team-selector>button{width:100%;min-height:42px;border:1px solid var(--line);background:#fff;color:#111827;border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:9px;padding:0 12px;box-shadow:0 8px 24px #1118270a}.team-selector>button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(280px,76vw);max-height:300px;overflow:auto;display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.user-menu-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #11182714}.user-avatar{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}.user-avatar.large{width:46px;height:46px;font-size:18px}.page{min-width:0;padding:26px;display:grid;gap:18px}.page>*{min-width:0}.filter-bar,.panel,.stat-card,.export-panel,.setting-item,.setting-card{background:var(--card);border:1px solid rgba(229,231,235,.92);border-radius:8px;box-shadow:0 10px 32px #1118270d}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px}.filter-bar>input,.filter-bar>select{width:auto;min-width:150px;max-width:280px;flex:0 0 auto}.filter-bar>input[type=date],.filter-bar>input[type=month],.filter-bar>input[type=number]{min-width:152px;max-width:184px}.panel,.export-panel{min-width:0;padding:18px}.panel-title,.preview-head,.export-panel{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-title{margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{padding:17px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.stat-card strong{display:block;margin-top:10px;font-size:clamp(22px,2.4vw,30px);line-height:1.05}.dashboard-breakdown{display:grid;gap:8px}.dashboard-breakdown .panel-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card{position:relative;display:grid;gap:14px;padding:16px;border:1px solid rgba(229,231,235,.95);border-radius:8px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 16px 32px #0f172a12,inset 0 1px #ffffffeb;overflow:hidden;transform-style:preserve-3d}.summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-head strong{font-size:15px}.summary-head span{min-width:44px;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,#ffffff);color:var(--accent);padding:5px 8px;font-weight:800;text-align:center}.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-metrics div{padding:9px;border:1px solid #eef2f7;border-radius:8px;background:#ffffffc7}.summary-metrics span{display:block;color:var(--muted);font-size:11px}.summary-metrics strong{display:block;margin-top:4px;font-size:14px;word-break:break-word}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart-card{min-height:336px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 22px 44px #0f172a14,inset 0 1px #fffffff2;transform-style:preserve-3d}.chart-card .recharts-wrapper{filter:drop-shadow(0 14px 18px rgba(15,23,42,.08))}.chart-tooltip{min-width:170px;display:grid;gap:7px;padding:11px 12px;border:1px solid rgba(203,213,225,.92);border-radius:8px;background:#fffffff5;box-shadow:0 18px 40px #0f172a29}.chart-tooltip strong{font-size:13px}.chart-tooltip span{display:flex;align-items:center;gap:7px;color:#334155;font-size:12px}.chart-tooltip i{width:8px;height:8px;border-radius:999px;background:var(--dot, var(--primary))}.primary-btn,.ghost-btn,.icon-btn,.segmented button,.multi-select>button{border:0;border-radius:8px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.primary-btn{padding:0 16px;background:var(--primary);color:#fff;box-shadow:0 10px 24px #2563eb38}.primary-btn.compact{min-height:36px;padding:0 13px}.ghost-btn.compact{min-height:34px;padding:0 12px}.primary-btn.danger-btn{background:var(--danger);box-shadow:0 12px 28px #dc26262e}.compact-action{min-height:38px;padding:0 11px;white-space:nowrap}.primary-btn:hover,.ghost-btn:hover,.icon-btn:hover,.segmented button:hover,.multi-select>button:hover{transform:translateY(-1px)}.primary-btn:disabled{opacity:.7;cursor:progress}.ghost-btn,.icon-btn,.segmented button,.multi-select>button{background:#f9fafb;color:#374151;border:1px solid var(--line);padding:0 12px}.icon-btn{width:38px;padding:0}.danger-icon{color:var(--danger)}.sidebar-toggle{margin-top:auto;border-radius:0;border-width:1px 0 0;border-color:#00000059;background:#1b2732;color:#fff}.mobile-menu{display:none}input,select,textarea{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 12px;outline:none;transition:border .14s ease,box-shadow .14s ease}input:focus,select:focus,textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1a}label{display:grid;gap:7px;font-size:13px;color:#374151}.segmented{display:flex;gap:4px;background:#eef2f7;padding:4px;border-radius:8px;overflow-x:auto}.segmented button{white-space:nowrap;min-height:34px;background:transparent;border-color:transparent;box-shadow:none}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 6px 16px #11182714}.date-preset{position:relative;width:184px}.date-preset>button{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111827;padding:0 12px;box-shadow:0 8px 20px #1118270a}.date-menu{position:absolute;z-index:55;top:calc(100% + 6px);left:0;width:100%;overflow:hidden;border:1px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:0 20px 44px #0f172a29}.date-menu button{width:100%;min-height:36px;display:flex;align-items:center;border:0;border-bottom:1px solid #e5e7eb;background:#fff;color:#111827;padding:0 12px;text-align:left}.date-menu button:last-child{border-bottom:0}.date-menu button:hover,.date-menu button.active{background:color-mix(in srgb,var(--primary) 36%,#ffffff);color:#111827}.multi-select{position:relative;min-width:220px}.multi-select>button{width:100%;justify-content:space-between}.multi-select span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.multi-menu{position:absolute;z-index:50;width:100%;max-height:260px;overflow:auto;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:8px;display:grid;gap:4px}.check-row,.toggle-row{display:flex;grid-template-columns:none;align-items:center;gap:8px;min-height:30px}.check-row input,.toggle-row input{width:auto;min-height:auto}.upload-form,.stack-form{display:grid;gap:14px}.upload-workspace{display:grid;gap:18px}.upload-hero,.upload-card{background:#fff;border:1px solid rgba(229,231,235,.92);border-radius:8px;box-shadow:0 14px 38px #1118270f}.upload-hero{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 45%),#fff}.upload-hero h3,.upload-hero p{margin:0}.upload-hero h3{margin-top:5px;font-size:26px}.upload-hero p{margin-top:6px;color:var(--muted)}.eyebrow{display:inline-flex;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.upload-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.upload-card{padding:18px}.primary-upload-card{display:grid;gap:14px}.upload-step{display:flex;align-items:flex-start;gap:12px}.upload-step>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,#ffffff);color:var(--primary);font-weight:800}.upload-step p{margin:3px 0 0;color:var(--muted);font-size:13px}.upload-form{grid-template-columns:240px minmax(260px,1fr) auto;align-items:center}.dropzone{min-height:68px;border:1px dashed rgba(37,99,235,.45);background:#2563eb0a;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;padding:12px}.dropzone input{display:none}.dropzone.modern{min-height:190px;display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;border:1px dashed color-mix(in srgb,var(--primary) 58%,#ffffff);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 6%,#ffffff),#fff);transition:border .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}.dropzone.modern:hover,.dropzone.modern.has-file{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 18px 38px color-mix(in srgb,var(--primary) 12%,transparent)}.dropzone.modern strong{font-size:17px}.dropzone.modern span{color:var(--muted);font-size:13px}.upload-preview-btn{min-height:46px}.upload-info-card{display:grid;gap:14px}.upload-info-row{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.upload-info-row span{color:var(--muted);font-size:12px}.upload-info-row strong{word-break:break-word}.required-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.formula-list{display:grid;gap:8px}.formula-list.compact{margin-top:10px}.formula-list>div{display:grid;gap:4px;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.formula-list strong{font-size:13px}.formula-list span{color:var(--muted);font-size:12px;word-break:break-word}.formula-input-wrap{position:relative;min-width:0}.formula-suggest-menu{position:absolute;z-index:90;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 20px 44px #0f172a29;padding:6px}.formula-suggest-menu button{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#111827;padding:7px 9px;text-align:left}.formula-suggest-menu button:hover,.formula-suggest-menu button.active{background:color-mix(in srgb,var(--primary) 10%,#ffffff)}.formula-suggest-menu strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.formula-suggest-menu span{color:var(--muted);font-size:12px;white-space:nowrap}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e5e7eb;margin:16px 0 4px}.progress-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success));transition:width .18s ease}.progress-track.indeterminate>div{width:40%;animation:slide-progress .9s ease-in-out infinite}@keyframes slide-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.preview-block{margin-top:18px;display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 14px 38px #1118270f}.save-mode-card{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:12px;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.save-mode-card>div:first-child{display:grid;align-content:center;gap:3px}.save-mode-card span,.save-mode-card small{color:var(--muted)}.save-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.save-mode-options label{display:flex;align-items:flex-start;gap:10px;min-height:78px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.save-mode-options label.active{border-color:color-mix(in srgb,var(--primary) 55%,#ffffff);box-shadow:0 10px 24px #2563eb1f}.save-mode-options label.warning.active{border-color:#f59e0bbf;box-shadow:0 10px 24px #f59e0b24}.save-mode-options label:hover{transform:translateY(-1px)}.save-mode-options input{width:auto;min-height:auto;margin-top:3px}.save-mode-options strong,.save-mode-options small{display:block}.save-mode-options strong{color:var(--text)}.alert{padding:12px 14px;border-radius:8px;font-size:14px;border:1px solid transparent}.alert.danger{background:#dc262614;border-color:#dc262633;color:#991b1b}.alert.success{background:#16a34a14;border-color:#16a34a38;color:#166534}.alert.warning{background:#f59e0b1a;border-color:#f59e0b47;color:#92400e}.delete-data-panel{display:grid;gap:16px}.delete-data-form{display:grid;gap:14px}.delete-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.delete-preview{display:grid;gap:14px}.delete-confirm-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,240px) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(220,38,38,.22);border-radius:8px;background:#dc26260a}.delete-confirm-card strong,.delete-confirm-card span{display:block}.delete-confirm-card span{margin-top:2px;color:var(--muted);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;align-items:start;justify-items:center;padding:20px;background:#0f172a52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}.modal-panel{width:min(560px,100%);max-height:min(86vh,860px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 80px #0f172a38;padding:18px}.modal-panel.large{width:min(880px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h3,.stack-form h4{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal-actions.left{justify-content:flex-start}.profile-summary{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f9fafb;margin-bottom:12px}.profile-summary strong,.profile-summary span{display:block}.profile-summary span,.detail-grid span,.form-note{color:var(--muted);font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.detail-grid>div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.detail-grid strong{display:block;margin-top:5px;word-break:break-word}.form-note{margin:-6px 0 0}.table-wrap{width:100%;max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:8px}.table-meta{padding:10px 12px;border-bottom:1px solid var(--line)}.report-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.report-pager>span{color:var(--muted);font-size:13px}.report-pager>div{display:inline-flex;align-items:center;gap:10px}.report-pager strong{min-width:74px;text-align:center;font-size:13px}table{width:max-content;min-width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle;font-size:13px;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#f9fafb;color:#374151;font-weight:700}tbody tr{transition:background .12s ease}tbody tr:hover{background:#f9fafb}.empty-cell{text-align:center;color:var(--muted);padding:28px}.table-skeleton,.skeleton-grid{display:grid;gap:10px}.skeleton{border-radius:8px;background:linear-gradient(90deg,#edf0f5 25%,#f8fafc 40%,#edf0f5 65%);background-size:320% 100%;animation:skeleton 1.15s ease-in-out infinite}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}.split-grid,.settings-grid,.users-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;align-items:start}.users-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)}.row-actions{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.ip-modal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.ip-modal-summary>div{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.ip-modal-summary span{color:var(--muted);font-size:12px}.ip-modal-summary strong{word-break:break-word}.user-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:14px}.form-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cost-settings-section{background:linear-gradient(135deg,#f8fbff,#f7fffb)}.cost-settings-section h4{margin:0}.ads-mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.upload-currency-lock{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--primary) 5%,#ffffff)}.upload-currency-lock strong{color:var(--primary)}.upload-currency-lock span{color:var(--muted);font-size:12px}.cost-currency-overview{overflow:hidden}.cost-currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.cost-currency-card{display:grid;gap:12px;min-height:132px;padding:16px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;background:#fff;box-shadow:0 8px 22px #0f172a0d}.cost-currency-code{width:fit-content;padding:3px 8px;border-radius:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#ffffff);font-size:12px;font-weight:800}.cost-currency-values{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);gap:10px}.cost-currency-values>div{display:grid;align-content:center;min-height:64px;gap:4px;padding:10px 12px;border:1px solid #E8EEF6;border-radius:7px;background:#f8fafc}.cost-currency-values span{color:var(--muted);font-size:12px}.cost-currency-values strong{color:var(--text);font-size:20px;line-height:1.12}.cost-currency-values>div:first-child strong,.cost-currency-values>div:last-child strong{font-size:23px}.currency-split-state{margin-top:6px;color:#64748b;font-size:12px}.manual-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-section{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcff}.switch-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.switch-row.highlight{border-color:color-mix(in srgb,var(--primary) 24%,#ffffff);background:color-mix(in srgb,var(--primary) 5%,#ffffff)}.switch-row input{width:auto;min-height:auto;margin-top:3px}.switch-row span,.switch-row small{display:block}.switch-row small{color:var(--muted);margin-top:2px}.permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.permission-toolbar strong,.permission-toolbar span{display:block}.permission-toolbar span{color:var(--muted);font-size:13px;margin-top:2px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:430px;overflow:auto;padding-right:4px}.permission-card{border:1px solid var(--line);border-radius:8px;padding:13px;display:grid;align-content:start;gap:7px;background:#fcfdff}.permission-card>strong{padding-bottom:8px;border-bottom:1px solid #eef2f7}.permission-card .check-row{min-height:34px;padding:4px 0}.employee-auto-access{border:1px solid color-mix(in srgb,var(--primary) 22%,#ffffff);border-radius:8px;padding:13px;background:color-mix(in srgb,var(--primary) 6%,#ffffff)}.employee-auto-access strong,.employee-auto-access span{display:block}.employee-auto-access span{color:var(--muted);font-size:13px;margin-top:3px}.employee-brand-access{border-color:color-mix(in srgb,var(--primary) 18%,#ffffff);background:#fbfdff}.employee-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.employee-account-page{display:grid;gap:18px}.employee-search-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.6fr);gap:18px;align-items:stretch;padding:24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,#ffffff),#fff 58%),#fff;box-shadow:var(--shadow)}.employee-search-hero h3{margin:6px 0;font-size:30px}.employee-search-hero p,.employee-search-panel p{color:var(--muted)}.employee-search-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-search-metrics>div{padding:15px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1}.employee-search-metrics span,.employee-search-metrics strong{display:block}.employee-search-metrics span{color:var(--muted);font-size:13px}.employee-search-metrics strong{margin-top:7px;font-size:20px}.employee-search-form{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(320px,1fr) auto;gap:14px;align-items:end}.employee-search-form label{display:grid;gap:7px;color:var(--muted);font-size:13px}.employee-search-input{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.employee-search-input input{border:0;padding:0;min-height:0}.employee-search-input input:focus{box-shadow:none}.employee-empty-state{display:grid;justify-items:center;gap:8px;padding:46px 20px;color:var(--muted);text-align:center}.employee-empty-state strong{color:var(--text);font-size:18px}.settings-list,.settings-cards{display:grid;gap:12px}.brand-settings-form{display:grid;gap:16px;max-width:760px}.brand-preview{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.brand-preview span{color:var(--muted);font-size:13px}.brand-preview strong{display:block;margin-top:4px;font-size:20px}.color-input-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.color-input-row input[type=color]{padding:4px}.setting-item{padding:14px;display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:14px;align-items:center}.pill-row{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border-radius:999px;background:#eef2ff;color:#1e40af;font-size:12px}.pill.calculated,.pill.extra{background:#ecfdf5;color:#166534}.pill small{max-width:360px;overflow:hidden;color:inherit;opacity:.72;text-overflow:ellipsis;white-space:nowrap}.upload-setting-summary{display:grid;gap:10px}.upload-setting-summary>div{display:grid;gap:6px}.upload-setting-summary span,.upload-setting-summary em{color:var(--muted);font-size:12px}.upload-setting-summary em{font-style:normal}.dashboard-mapping-panel .panel-title p{color:var(--muted);font-size:13px}.dashboard-builder-panel{overflow:visible}.builder-actions,.builder-tabs,.definition-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.builder-tabs{width:fit-content;max-width:100%;margin:18px 0;padding:6px;border:1px solid #E2E8F0;border-radius:8px;background:#f8fafc}.builder-tabs button{padding:8px 12px;border:0;border-radius:6px;background:transparent;color:#475569;cursor:pointer;font:inherit}.builder-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0f172a1f}.dashboard-definition-list{display:grid;gap:10px}.dashboard-definition-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(260px,1.8fr) minmax(130px,.7fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid #E2E8F0;border-radius:8px;background:#fff}.definition-main,.definition-rule{display:grid;min-width:0;gap:3px}.definition-main strong{color:#0f172a}.definition-main span,.definition-rule span{overflow:hidden;color:#64748b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.definition-rule code{display:block;overflow:hidden;color:#7c3aed;text-overflow:ellipsis;white-space:nowrap}.pill.inactive{background:#fee2e2;color:#991b1b}.metric-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:12px;border:1px solid #E2E8F0;border-radius:8px}.metric-checkbox-grid legend{padding:0 6px;color:#334155;font-size:13px;font-weight:700}.metric-checkbox-grid .check-row{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px;border:1px solid #EEF2F7;border-radius:6px;color:#334155}.metric-checkbox-grid .check-row span{display:grid;gap:2px}.metric-checkbox-grid .check-row small{color:#64748b}.dashboard-builder-form input[type=color]{width:52px;min-height:42px;padding:3px}@media(max-width:920px){.dashboard-definition-row{grid-template-columns:1fr;gap:10px}.dashboard-definition-row .row-actions{justify-self:start}.metric-checkbox-grid{grid-template-columns:1fr}}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mapping-group{display:grid;align-content:start;gap:10px}.mapping-group-head,.mapping-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mapping-group-head span,.mapping-card-title span{color:var(--muted);font-size:12px}.mapping-card,.mapping-empty{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.mapping-card{display:grid;gap:12px}.mapping-card-title>div{display:grid;gap:3px}.mapping-table{display:grid;gap:7px}.mapping-table>div{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(120px,.8fr);gap:10px;align-items:center;min-height:34px;padding:8px;border:1px solid #edf2f7;border-radius:8px;background:#fbfdff}.mapping-table span,.mapping-table small,.mapping-empty{color:var(--muted);font-size:12px}.mapping-table strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-editor{display:grid;gap:8px;max-height:430px;overflow:auto}.formula-reference{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 18%,#e5e7eb);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,#ffffff),#fff)}.formula-reference strong,.formula-reference span{display:block}.formula-reference span{margin-top:3px;color:var(--muted);font-size:13px}.formula-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.formula-reference-grid>div{display:grid;gap:5px;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffffbd}.formula-reference code{color:#1e40af;font-size:12px;white-space:normal;word-break:break-word}.column-row{display:grid;grid-template-columns:130px minmax(150px,1fr) minmax(150px,1fr) 38px;gap:8px;align-items:center}.combined-report-note{display:grid;gap:4px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 20%,#e5e7eb);border-radius:8px;background:color-mix(in srgb,var(--primary) 5%,#ffffff)}.combined-report-note span{color:var(--muted);font-size:13px}.report-column-editor{display:grid;gap:8px;max-height:430px;overflow:auto}.report-column-row{display:grid;grid-template-columns:120px minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) 38px;gap:8px;align-items:center}.report-column-row .formula-input-wrap{grid-column:span 2}.settings-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-card{padding:16px}.setting-card strong{display:block;margin-top:8px;word-break:break-word}.mobile-shade{display:none}@media(max-width:1180px){.card-grid,.summary-grid,.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid,.split-grid,.settings-grid,.users-grid,.delete-filter-row,.delete-confirm-card,.employee-search-hero,.employee-search-form,.employee-brand-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;transform:translate(-102%);transition:transform .18s ease;width:min(290px,88vw)}.sidebar.open{transform:translate(0)}.mobile-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#0f172a47;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-shade.show{display:block}.mobile-menu{display:inline-flex}.topbar{padding:14px 16px;flex-wrap:wrap}.topbar-actions{width:100%;justify-content:space-between}.team-selector{flex:1;min-width:0}.user-menu-btn span:not(.user-avatar){max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page{padding:16px}.card-grid,.summary-grid,.chart-grid,.mapping-grid,.settings-cards{grid-template-columns:1fr}.mapping-table>div{grid-template-columns:1fr}.upload-hero,.permission-toolbar{align-items:flex-start;flex-direction:column}.upload-form,.column-row,.report-column-row{grid-template-columns:1fr}.report-column-row .formula-input-wrap{grid-column:auto}.filter-bar{display:grid}.filter-bar>input,.filter-bar>select{width:100%;max-width:none}.segmented,.multi-select,.date-preset{width:100%}.panel-title,.preview-head,.export-panel,.report-pager{align-items:flex-start;flex-direction:column}.report-pager>div{width:100%;justify-content:space-between}.save-mode-card,.save-mode-options,.permission-grid,.formula-reference-grid,.user-form-grid,.form-two-col,.ads-mapping-grid{grid-template-columns:1fr}.upload-currency-lock{align-items:flex-start;flex-direction:column}.cost-currency-values,.manual-player-grid,.ip-modal-summary,.setting-item,.detail-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px;align-items:end}.modal-panel,.modal-panel.large{width:100%;max-height:92vh}}