:root{--bg:#eef2f7;--bg-strong:#e3e8ef;--bg-accent:#dde5ef;--surface:#fafcffc7;--surface-strong:#ffffffe6;--surface-solid:#f8fbff;--line:#3549611f;--line-strong:#3549612e;--ink:#17212b;--muted:#5c6b7c;--accent:#13895a;--accent-strong:#0f6e48;--accent-soft:#13895a1a;--danger:#c23f44;--shadow:0 20px 48px #10182814;--shadow-soft:0 10px 24px #1018280d;--radius-xl:18px;--radius-lg:14px;--radius-md:10px;--radius-sm:8px}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);background:radial-gradient(circle at top left, #567da824, transparent 32%), radial-gradient(circle at top right, #13895a1a, transparent 26%), linear-gradient(180deg, #f7f9fc 0%, var(--bg) 42%, #e9eef5 100%);background-attachment:fixed;font-family:Segoe UI Variable Text,Segoe UI,"Segoe UI Web (West European)",Helvetica Neue,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:auto}body:before{background:linear-gradient(#ffffff85,#0000);width:100%;height:220px;top:0;left:0}body:after{filter:blur(40px);background:#5b7cad1f;border-radius:50%;width:320px;height:320px;bottom:32px;right:32px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1460px,100% - 32px);margin:0 auto;padding:20px 0 44px}.login-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card,.panel,.report-card,.history-card,.upload-card,.empty-state{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.auth-card{grid-template-columns:1.08fr .92fr;width:min(1120px,100%);display:grid;position:relative;overflow:hidden}.auth-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffffb3,#ffffff14);border-bottom:1px solid #ffffff1f;height:40px;position:absolute;inset:0 0 auto}.auth-hero{color:#fff;background:linear-gradient(140deg,#1d344ff0,#2c4a6de0),linear-gradient(#1e3146,#304867);align-content:start;padding:64px 42px 42px;display:grid;position:relative}.auth-hero:after{content:"";filter:blur(4px);background:#ffffff14;border-radius:50%;width:240px;height:240px;position:absolute;inset:auto -48px -48px auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.82;font-size:.74rem;font-weight:700}.hero-title,.section-title,.kpi-value,.auth-title,.report-title{font-family:Segoe UI Variable Display,Segoe UI,Helvetica Neue,sans-serif}.hero-title{max-width:10ch;margin:18px 0;font-size:clamp(2.3rem,4vw,4rem);font-weight:620;line-height:.98}.hero-copy,.muted-text{color:#ffffffe6;line-height:1.65}.supporting-text{color:var(--muted);max-width:68ch;line-height:1.65}.bullet-list{gap:12px;margin-top:30px;display:grid}.bullet-item{background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.bullet-badge{background:#ffffff24;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.auth-form-wrap{background:linear-gradient(#ffffff8a,#f8fbffe6),linear-gradient(#f8fbff,#eff4fa);align-content:center;gap:24px;padding:64px 42px 42px;display:grid}.auth-title{margin:0;font-size:2rem;font-weight:620}.auth-form{gap:16px;display:grid}.field-label{color:var(--muted);gap:8px;font-size:.95rem;display:grid}.text-input,.select-input,.file-input{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--ink);background:#fffc;border:1px solid #283b5224;padding:12px 14px;box-shadow:inset 0 1px #fff9}.text-input:focus,.select-input:focus,.file-input:focus{border-color:#4a75b36b;outline:2px solid #4a75b338}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border-radius:10px;min-height:42px;padding:10px 16px;transition:background-color .14s,border-color .14s,transform .14s}.primary-button{color:#fff;background:linear-gradient(#159562,#0f6e48);border:1px solid #0f6e4824;box-shadow:0 10px 20px #0f6e4829}.secondary-button{color:var(--ink);background:#ffffffb8;border:1px solid #35496124}.ghost-button{color:var(--muted);background:#fff6;border:1px solid #3549611f}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.message{border:1px solid #0000;border-radius:12px;padding:12px 14px;font-size:.94rem}.message-error{color:var(--danger);background:#c23f4414;border-color:#c23f441f}.message-success{color:var(--accent-strong);background:#13895a14;border-color:#13895a1f}.dashboard-shell{gap:20px;min-width:0;display:grid}.topbar,.hero-panel,.section-panel{animation:.32s both rise}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:0 6px;display:flex}.brand{gap:6px;display:grid}.brand-mark{align-items:center;gap:12px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:1.24rem;font-weight:620;display:inline-flex}.brand-chip{color:#fff;background:linear-gradient(#2f4b69,#24374c);border:1px solid #ffffff2e;border-radius:9px;place-items:center;width:34px;height:34px;display:inline-grid}.hero-panel{background:linear-gradient(#ffffffb8,#f8fbffe0),linear-gradient(#f7fbff,#eff4fa);grid-template-columns:1.2fr .8fr;gap:24px;min-width:0;padding:24px;display:grid;position:relative}.hero-panel:before,.panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff6b,#0000);height:32px;position:absolute;inset:0 0 auto}.hero-panel>*,.panel>*{min-width:0;position:relative}.simple-hero{align-items:start}.simple-hero-copy{align-content:start;gap:10px;display:grid}.report-title{max-width:14ch;margin:6px 0 10px;font-size:clamp(1.9rem,3.5vw,3rem);font-weight:620;line-height:1.02}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.meta-pill{border:1px solid var(--line);color:var(--muted);background:#ffffffbd;border-radius:8px;padding:9px 12px}.hero-actions,.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions{margin-top:18px}.export-progress{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffc2,#f2f7fde0);margin-top:18px;padding:16px}.export-progress-head{color:var(--ink);flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.progress-track{background:#3549611a;border-radius:999px;width:100%;height:8px;margin-top:14px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2f7af8,#14935f);height:100%;transition:width .18s}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;display:grid}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffb8,#f6f9fde6),linear-gradient(#f8fbff,#f1f5fa);padding:16px 16px 18px;position:relative}.stat-card:before{content:"";background:linear-gradient(90deg,#2f7af8,#14935f);border-radius:999px;width:46px;height:3px;position:absolute;top:0;left:16px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.kpi-value{margin-top:12px;font-size:1.72rem;font-weight:620;line-height:1}.stat-footnote{color:var(--muted);margin-top:10px;font-size:.84rem}.grid-two{grid-template-columns:360px minmax(0,1fr);gap:20px;min-width:0;display:grid}.grid-two>*{min-width:0}.panel{background:linear-gradient(#ffffffb8,#f8fbffe6),linear-gradient(#f8fbff,#eff4fa);min-width:0;padding:20px;position:relative}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-title{margin:0 0 4px;font-size:1.22rem;font-weight:620}.section-copy{color:var(--muted);margin:0;line-height:1.55}.history-list,.history-grid{gap:12px;display:grid}.history-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.history-card{border-radius:var(--radius-lg);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffc2,#f3f7fcdb);padding:16px;transition:border-color .14s,transform .14s,background-color .14s}.history-card:hover{border-color:#2f7af83d;transform:translateY(-1px)}.history-card.active{background:linear-gradient(#e1ecfcd1,#f6f9ffeb);border-color:#2f7af857}.history-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.history-card-select,.history-delete-button{border:1px solid var(--line);cursor:pointer;background:#ffffffb8;border-radius:8px;min-height:34px;padding:7px 12px}.history-card-select{color:var(--ink)}.history-delete-button{color:var(--danger);background:#c23f440f;border-color:#c23f442e}.history-delete-button:disabled,.history-card-select:disabled{cursor:not-allowed;opacity:.7}.history-title{margin:0 0 8px;font-weight:620}.history-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.upload-card{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffd1,#f3f8fdeb);gap:14px;padding:18px;display:grid}.quick-upload{align-content:start}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff94;width:100%;max-width:100%;overflow:auto hidden}.data-table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%}.data-table th,.data-table td{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:top;border-bottom:1px solid #35496114;padding:12px 14px}.table-cell-note{color:var(--muted);margin-top:4px;font-size:.82rem}.data-table th{color:#24405e;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(#f4f8fc,#edf3f8);font-size:.8rem;font-weight:700;position:relative}.data-table tbody tr:nth-child(2n){background:#ffffff73}.data-table tbody tr:hover{background:#e6eff9b8}.group-report-table{min-width:100%}.group-report-table thead tr:first-child th{box-shadow:inset 0 -1px #35496114}.metric-group-head{text-align:center;background:linear-gradient(#e9f2fd,#f1f6fc);min-width:188px}.metric-head-note{letter-spacing:.02em;text-transform:none;color:var(--muted);margin-top:4px;font-size:.7rem}.metric-subhead{text-align:center}.sticky-col{z-index:2;background:#f8fbff;position:sticky}.sticky-col-rank{min-width:72px;left:0}.sticky-col-group{min-width:220px;max-width:300px;left:72px}.row-rank,.row-group-name{background:#f8fbfffa}.row-group-name strong{min-width:180px;display:block}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.toolbar .text-input,.toolbar .select-input{width:min(100%,240px)}.table-status,.pagination-bar{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.table-status{color:var(--muted);margin-bottom:16px;font-size:.9rem}.pagination-bar{align-items:center;margin-top:16px}.empty-state{text-align:center;color:var(--muted);padding:28px 22px}.modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e16216b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{background:linear-gradient(#ffffffeb,#f6f9fff5),linear-gradient(#f8fbff,#eef3f9);border:1px solid #35496129;border-radius:18px;gap:16px;width:min(480px,100%);padding:24px;display:grid;box-shadow:0 26px 60px #0a121c3d}.confirm-modal-badge{color:#fff;background:linear-gradient(#d9555c,#b63d44);border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:grid;box-shadow:0 10px 20px #b63d4438}.confirm-modal-copy{gap:8px;display:grid}.confirm-modal-title{margin:0;font-family:Segoe UI Variable Display,Segoe UI,Helvetica Neue,sans-serif;font-size:1.4rem;font-weight:620}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.confirm-delete-button{min-width:120px}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,#ffffffb3,#eaf1f8f5,#ffffffb3) 0 0/200% 100%;min-height:200px;animation:1.2s infinite shimmer}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1120px){.auth-card,.hero-panel,.grid-two{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.shell{width:min(100% - 20px,1460px);padding-top:14px}.login-shell,.auth-hero,.auth-form-wrap,.panel,.hero-panel{padding:18px}.hero-title,.report-title{max-width:none}.stats-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.hero-actions,.inline-actions{width:100%}.hero-actions>*,.inline-actions>*{flex:auto}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-actions>*{width:100%}.data-table th,.data-table td{padding:10px;font-size:.88rem}.sticky-col-rank,.sticky-col-group{position:static}.metric-group-head{min-width:160px}}