:root{font-family:HarmonyOS Sans SC,HarmonyOS Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f7f7f8;background:#0f1014;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0f1014;--surface: #17191f;--surface-2: #1c1f26;--surface-3: #22252d;--line: #2b2e36;--text: #f7f7f8;--muted: #9297a3;--orange: #f97316;--orange-strong: #ff6400;--green: #35c589;--blue: #4a8cff;--red: #ef6b73}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color-scheme:dark}a{color:inherit}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes star-wander{0%{transform:translateZ(0) scale(.82)}52%{transform:translate3d(var(--star-mid-x),var(--star-mid-y),0) scale(1.08)}to{transform:translate3d(var(--star-dx),var(--star-dy),0) scale(.94)}}@keyframes star-pulse{0%,to{opacity:var(--star-base-opacity);filter:brightness(.82)}31%{opacity:.12;filter:brightness(.72)}72%{opacity:var(--star-peak-opacity);filter:brightness(1.35)}}@keyframes planet-tilt{0%,to{transform:perspective(560px) rotateX(-12deg) rotateY(-18deg) rotate(-4deg) translateY(0)}35%{transform:perspective(560px) rotateX(6deg) rotateY(7deg) rotate(1deg) translateY(-4px)}68%{transform:perspective(560px) rotateX(-5deg) rotateY(20deg) rotate(5deg) translateY(2px)}}@keyframes planet-surface-scroll{0%{background-position:0 50%}to{background-position:var(--planet-texture-shift) 50%}}@keyframes planet-meridian-sweep{0%{opacity:0;transform:translate(-56px) scaleX(.25)}20%{opacity:.5}50%{opacity:.72;transform:translate(0) scaleX(1)}80%{opacity:.38}to{opacity:0;transform:translate(56px) scaleX(.25)}}@keyframes orbit-main{0%{transform:rotate(-12deg)}to{transform:rotate(348deg)}}@keyframes orbit-cross{0%{transform:rotate(22deg)}to{transform:rotate(-338deg)}}@keyframes orbit-vertical{0%{transform:rotate(64deg)}to{transform:rotate(424deg)}}@keyframes orbit-node-one{0%,to{transform:translate(174px) scale(.62);opacity:.55}25%{transform:translateY(57px) scale(1);opacity:1}50%{transform:translate(-174px) scale(.76);opacity:.7}75%{transform:translateY(-57px) scale(.46);opacity:.38}}@keyframes orbit-node-earth{0%,to{transform:translate(-138px) scale(.62);opacity:.5}25%{transform:translateY(-76px) scale(.84);opacity:.76}50%{transform:translate(138px) scale(1.12);opacity:1}75%{transform:translateY(76px) scale(.78);opacity:.66}}@keyframes orbit-node-three{0%,to{transform:translate(92px) scale(.76);opacity:.68}25%{transform:translateY(116px) scale(1.08);opacity:1}50%{transform:translate(-92px) scale(.64);opacity:.5}75%{transform:translateY(-116px) scale(.5);opacity:.34}}@media(prefers-reduced-motion:reduce){.star-field i,.orbital-core,.planet-surface,.planet-meridian,.orbital-art:before,.orbital-art:after,.orbital-art i{animation:none}}.orange-button,.outline-button,.logout-button,.text-action,.row-actions button,.expand-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.orange-button{min-height:42px;padding:0 18px;border-radius:7px;color:#fff;background:var(--orange);font-size:14px;font-weight:700;box-shadow:0 8px 22px #f973162b;transition:background .18s ease,transform .18s ease}.orange-button:hover{background:var(--orange-strong);transform:translateY(-1px)}.outline-button{min-height:42px;padding:0 17px;border:1px solid var(--line);border-radius:7px;color:#d7dae0;background:transparent;font-size:14px;font-weight:600}.outline-button:hover{border-color:#565b66;background:#20232a}.outline-button.compact{min-height:34px;padding:0 12px;font-size:12px}.text-action{padding:5px 2px;color:var(--orange);background:transparent;font-size:13px;font-weight:700}.auth-loading{min-height:100vh;display:grid;place-content:center;gap:12px;color:var(--muted);background:var(--bg);text-align:center;font-size:14px}.auth-loading svg{margin:0 auto;color:var(--orange)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(500px,.95fr) minmax(520px,1.05fr);position:relative;overflow:hidden;background:#0b0d11}.auth-page>.auth-top-contact{position:absolute;top:18px;right:clamp(28px,3.4vw,54px);z-index:6}.star-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.star-field i{width:var(--star-size);height:var(--star-size);position:absolute;left:var(--star-x);top:var(--star-y);border-radius:50%;background:var(--star-color);box-shadow:0 0 4px var(--star-color),0 0 10px #f9731629;will-change:transform,opacity,filter;animation:star-wander var(--star-move-duration) ease-in-out var(--star-move-delay) infinite alternate,star-pulse var(--star-pulse-duration) ease-in-out var(--star-pulse-delay) infinite}.auth-story{min-height:100vh;padding:42px clamp(40px,4.2vw,72px);position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden}.auth-brand{display:flex;align-items:center;gap:13px}.auth-brand-mark,.brand-mark{display:grid;place-items:center;color:#fff;background:var(--orange);box-shadow:0 10px 30px #f9731638}.auth-brand-mark{width:44px;height:44px;border-radius:9px}.auth-brand strong{font-size:21px;letter-spacing:-.02em}.orbital-art{width:min(470px,43vw);aspect-ratio:1.25;margin:auto 0 12px;position:relative;left:-10px;align-self:center;display:grid;place-items:center;perspective:700px;transform:translateY(-18px)}.orbital-art:before,.orbital-art:after,.orbital-art i{content:"";position:absolute;border:1px solid rgba(249,115,22,.3);border-radius:50%;transform-origin:50% 50%;will-change:transform,opacity}.orbital-art:before{width:100%;height:38%;box-shadow:0 0 18px #f973160a;animation:orbit-main 18s linear infinite}.orbital-art:after{width:82%;height:62%;border-color:#ff94533d;animation:orbit-cross 24s linear infinite}.orbital-art i:nth-of-type(1){width:60%;height:84%;border-color:#ffb77c33;animation:orbit-vertical 31s linear infinite}.orbital-art i:nth-of-type(2),.orbital-art i:nth-of-type(3),.orbital-art i:nth-of-type(4){left:50%;top:50%;z-index:3;border:0}.orbital-art i:nth-of-type(2){width:14px;height:14px;margin:-7px 0 0 -7px;background:radial-gradient(circle at 32% 27%,#f6c191 0 8%,#b4623a 11% 34%,#603421 59%,#241410);box-shadow:inset -3px -3px 5px #10060294,0 0 13px #e47f466b;animation:orbit-node-one 15s ease-in-out infinite}.orbital-art i:nth-of-type(3){width:18px;height:18px;margin:-9px 0 0 -9px;background:radial-gradient(ellipse at 29% 42%,#5ad89a 0 18%,transparent 20%),radial-gradient(ellipse at 70% 63%,#32ad7d 0 16%,transparent 18%),radial-gradient(circle at 33% 28%,#91ecff 0 5%,#31b8d1 28%,#147da7 65%,#07384d);box-shadow:inset -4px -4px 6px #011a28ad,0 0 9px #39cdd3e0,0 0 24px #2fb4be73;animation:orbit-node-earth 21s ease-in-out infinite reverse}.orbital-art i:nth-of-type(4){width:10px;height:10px;margin:-5px 0 0 -5px;background:radial-gradient(circle at 34% 30%,#d7c3a7 0 9%,#81705e 13% 42%,#453b35 68%,#1e1a19);box-shadow:inset -2px -2px 4px #070504b3,0 0 10px #c4ad8f59;animation:orbit-node-three 18s ease-in-out infinite}.orbital-core{--planet-texture-width: 216px;--planet-texture-shift: -216px;width:144px;height:144px;position:relative;z-index:2;display:block;overflow:hidden;border:1px solid rgba(255,181,127,.22);border-radius:50%;background:#7c250f;box-shadow:inset 16px 12px 26px #ffdebe24,inset -28px -18px 40px #1b0500b8,0 0 30px #f9731647,0 0 90px #f9731630;transform-style:preserve-3d;animation:planet-tilt 14s ease-in-out infinite;will-change:transform}.orbital-core:before{content:"";position:absolute;inset:0;z-index:3;border-radius:50%;background:radial-gradient(circle at 29% 22%,rgba(255,242,220,.42),transparent 23%),radial-gradient(circle at 62% 66%,transparent 38%,rgba(22,3,0,.67) 88%);pointer-events:none}.orbital-core:after{content:"";position:absolute;inset:0;z-index:4;border-radius:50%;background:radial-gradient(circle at 36% 31%,transparent 0 50%,rgba(28,4,0,.22) 72%,rgba(15,2,0,.78) 100%),linear-gradient(105deg,rgba(255,255,255,.12),transparent 34%,transparent 60%,rgba(20,2,0,.4) 90%);pointer-events:none}.planet-surface{position:absolute;inset:0;z-index:1;display:block;border-radius:inherit;background:url(/planet-surface-v2.png) repeat-x 0 50% / var(--planet-texture-width) 100%;filter:saturate(1.08) contrast(1.03);animation:planet-surface-scroll 30s linear infinite;will-change:background-position}.planet-meridian{width:42%;height:90%;position:absolute;left:29%;top:5%;z-index:2;display:block;border-left:1px solid rgba(255,223,198,.42);border-right:1px solid rgba(92,17,0,.52);border-radius:50%;box-shadow:inset 7px 0 12px #ffebda14,inset -7px 0 12px #20030033;animation:planet-meridian-sweep 10.5s ease-in-out infinite}.auth-copy{max-width:590px}.auth-copy h1{margin:0;font-size:clamp(38px,4.2vw,62px);line-height:1.14;letter-spacing:-.045em}.auth-copy h1 span{display:inline-block;margin-left:.65em}.auth-copy p{max-width:560px;margin:20px 0 0;color:#a4a8b1;font-size:14px;line-height:1.85}.auth-panel-wrap{min-height:100vh;padding:38px clamp(28px,3.4vw,54px) 20px;position:relative;z-index:1;display:grid;grid-template-rows:1fr auto;place-items:center;gap:20px;background:transparent}.auth-panel{width:min(520px,100%);padding:20px 42px 22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#191b22,#14161b);box-shadow:0 32px 80px #00000061;transform:translateY(-14px)}.auth-tabs{margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.auth-tabs button{height:48px;position:relative;color:#777c87;background:transparent;font-size:20px;font-weight:800}.auth-tabs button.active{color:#fff}.auth-tabs button.active:after{content:"";height:3px;position:absolute;left:20%;right:20%;bottom:-1px;border-radius:3px;background:var(--orange)}.auth-panel form{display:grid;gap:18px}.auth-heading{margin-bottom:2px}.auth-heading h2{margin:0;font-size:24px;letter-spacing:-.02em}.auth-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.auth-panel label,.dark-modal label{display:grid;gap:8px;color:#d8dbe1;font-size:13px;font-weight:650}.dark-input{height:48px;display:flex;align-items:center;border:1px solid #353842;border-radius:7px;color:#737985;background:#121419;transition:border-color .18s ease,box-shadow .18s ease}.dark-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #f973161a}.dark-input>svg{margin-left:14px;flex:0 0 auto}.dark-input input{min-width:0;height:100%;padding:0 12px;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:14px}.dark-input button{width:45px;height:100%;color:#737985;background:transparent}.auth-alert{min-height:40px;padding:9px 11px;display:flex;align-items:center;gap:7px;border-radius:7px;font-size:13px;line-height:1.5}.auth-alert.error{border:1px solid rgba(239,107,115,.35);color:#ff9ca2;background:#ef6b7314}.auth-submit{width:100%;min-height:48px;margin-top:4px}.auth-panel .remember-login{display:flex;align-items:center;gap:10px;width:max-content;cursor:pointer}.remember-login input{width:17px;height:17px;margin:0;accent-color:var(--orange);cursor:pointer}.remember-login strong{color:#d8dbe1;font-size:13px;font-weight:650}.auth-divider{height:1px;margin:22px 0;position:relative;background:var(--line)}.auth-divider span{padding:0 12px;position:absolute;left:50%;top:50%;color:#777d87;background:#17191f;font-size:12px;transform:translate(-50%,-50%)}.auth-qq-button{width:100%;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #3a3d46;border-radius:7px;color:#e8e9ec;background:transparent;font-size:14px;font-weight:650}.auth-qq-button:hover{border-color:#5b8fb3;background:#26a5e50f}.auth-qq-button img{width:25px;height:25px;object-fit:contain}@media(max-width:900px){.auth-page{display:block}.auth-story{display:none}.auth-panel-wrap{padding:24px;min-height:100vh}.auth-panel{transform:none;padding:24px}}.workspace{padding:24px;max-width:1600px;margin:auto}.workspace header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px}.workspace h1{font-size:22px;margin:0}.workspace small{color:var(--muted)}.workspace section{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.workspace select{margin:0 16px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:#fff}.workspace p{color:var(--muted)}.dashboard{min-height:100vh}.dashboard-header{height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#12141a}.dashboard-brand{display:flex;align-items:center;gap:12px}.dashboard-brand>span{background:var(--orange);padding:10px;display:flex;border-radius:9px}.dashboard-brand strong{font-size:18px}.dashboard-brand small{display:block;color:#777f8d;font-size:10px;letter-spacing:1px;margin-top:5px}.account-bar{display:flex;gap:16px;align-items:center;font-size:13px}.role-tag{display:flex;gap:5px;align-items:center;color:#ffae75;background:#322319;padding:6px 9px;border-radius:5px;font-size:11px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;color:#9ea5b2;border-radius:6px}.icon-button:hover{background:#30343e;color:#fff}.danger{color:#e98989}.dashboard-content{padding:28px 32px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1px;color:#f59d64}.page-heading h1{font-size:25px;font-weight:650;margin:7px 0}.page-heading p{font-size:12px;color:#8d95a3;margin:8px 0 0}.total-count{text-align:right}.total-count strong{font-size:32px;display:block}.total-count span{font-size:11px;color:#8d95a3}.grid-panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#17191f}.grid-toolbar{display:flex;justify-content:space-between;gap:16px;padding:16px;flex-wrap:wrap}.toolbar-filters,.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-field,.select-field{display:flex;align-items:center;gap:8px;border:1px solid #343840;border-radius:6px;background:#111318;padding:0 10px;color:#858d9a;height:36px}.search-field input,.select-field select{background:transparent;color:#dce0e5;border:0;outline:none;min-width:0;font-size:12px}.search-field input{width:200px}.filter-select{background:#111318;border:1px solid #343840;border-radius:6px;color:#c7cdd6;padding:8px;font-size:12px;max-width:180px}.toolbar-actions .orange-button{min-height:34px;font-size:12px}.sheet-scroll{overflow:auto;max-height:calc(100vh - 295px);min-height:220px}.game-grid{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;table-layout:fixed;min-width:1880px}.game-grid th{position:sticky;top:0;z-index:3;background:#23262e;color:#a8afba;font-size:11px;letter-spacing:.3px;text-align:left;height:43px;padding:10px 12px;border-right:1px solid #323640;border-bottom:1px solid #393d47}.game-grid td{border-right:1px solid #292d35;border-bottom:1px solid #292d35;vertical-align:top;background:#171a20;height:56px}.game-grid tr:nth-child(2n) td{background:#1a1d24}.game-grid tr:hover td{background:#22262e}.game-grid .row-number{width:46px;color:#697384;text-align:center;vertical-align:middle;font-size:11px}.game-grid .col-customer{width:125px}.game-grid .col-name{width:220px;position:sticky;left:0;z-index:1;font-weight:600}.game-grid th.col-name{z-index:4}.game-grid .col-status{width:160px}.game-grid .col-platformAccount{width:230px}.game-grid .col-platformPassword{width:155px}.game-grid .col-entity{width:245px}.game-grid .col-payment,.game-grid .col-manager{width:100px}.game-grid .col-details{width:290px}.game-grid .col-extra{width:120px}.game-grid .col-sheet{width:100px}.game-grid .col-actions{width:60px;text-align:center}.cell-value{display:block;width:100%;height:100%;min-height:55px;text-align:left;padding:12px;background:transparent;color:#cbd1da;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;cursor:text}.cell-value:disabled{opacity:1;cursor:default}.cell-value.editable:hover{box-shadow:inset 0 0 0 1px #a86538;background:#33271f}.muted{color:#59616d}.status-live .cell-value{color:#57d6a2}.status-pending .cell-value{color:#e5b66f}.status-other .cell-value{color:#d6a1a1}.cell-editor{resize:vertical;display:block;width:100%;min-height:65px;background:#101319;border:1px solid #f97316;outline:0;border-radius:0;color:#fff;padding:10px;font-size:12px;line-height:1.6}.grid-footer{padding:12px 16px;display:flex;justify-content:space-between;font-size:11px;color:#818a98}.grid-footer span:last-child{display:flex;gap:6px;align-items:center}.empty-table{text-align:center;padding:60px!important;color:#7e8794}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:#000a;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editor-dialog{width:min(600px,100%);max-height:90vh;overflow:auto;background:#191c23;border:1px solid #393d47;border-radius:12px;box-shadow:0 20px 80px #0008}.editor-dialog header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line)}.editor-dialog h2{font-size:18px;margin:0}.dialog-fields{display:grid;gap:18px;padding:24px}.dialog-fields label{display:grid;gap:8px;font-size:12px;color:#b7bfcb}.dialog-fields input,.dialog-fields select{padding:10px 12px;background:#101318;border:1px solid #353b45;border-radius:6px;color:#fff;min-width:0}.dialog-fields input:focus{outline:1px solid #f97316}.editor-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid var(--line)}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);padding:14px 24px;border:1px solid #3a6755;border-radius:8px;z-index:1000;background:#21392f;color:#cdf3df;box-shadow:0 12px 48px #0008;max-width:90vw;font-size:13px}.toast.error{border-color:#98545b;background:#48262c;color:#ffd4d4}@media(max-width:700px){.dashboard-header{padding:0 16px}.dashboard-brand strong{font-size:14px}.dashboard-brand small{font-size:8px}.account-bar{gap:8px}.role-tag{display:none}.dashboard-content{padding:20px 12px}.page-heading h1{font-size:20px}.grid-toolbar{padding:12px}.sheet-scroll{max-height:65vh}.search-field input{width:150px}.total-count strong{font-size:25px}}.format-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border,#30343c);flex-wrap:wrap;background:#191c22;font-size:12px;color:#aeb5c1}.format-toolbar>span{margin-right:auto}.fill-picker{display:flex;align-items:center;gap:7px}.fill-picker input{width:30px;height:26px;padding:0;border:0;background:transparent;cursor:pointer}.game-grid td.selected-cell{box-shadow:inset 0 0 0 2px #ff984f;position:relative}.game-grid td.merged-cell{vertical-align:middle}.game-grid td.colored-cell .cell-value,.game-grid td.colored-cell .muted{color:inherit!important}.game-grid td.colored-cell .cell-value:hover{background:#8080801f}.game-grid td .cell-value{-webkit-user-select:none;user-select:none}.game-grid{min-width:1450px}.game-grid td.selected-cell{outline:1px solid #ff984f;outline-offset:-1px;box-shadow:inset 0 0 0 2px #ff984f,inset 0 0 0 9999px #ff984f1a}.game-grid .cell-value.editable{cursor:cell}.game-grid .cell-value.editable:hover{background:transparent}.game-grid .cell-editor{cursor:text;-webkit-user-select:text;user-select:text}.grid-panel{overflow:visible}.sheet-scroll{border-radius:0 0 8px 8px}.color-menu{position:relative}.color-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:230px;padding:12px;background:#242831;border:1px solid #4b5260;border-radius:8px;box-shadow:0 12px 35px #0008}.no-fill{display:flex;align-items:center;gap:8px;width:100%;padding:8px;color:#eef0f5;background:transparent;text-align:left}.no-fill:hover{background:#353c48}.no-fill-icon{display:block;width:18px;height:18px;border:1px solid #a6adba;background:linear-gradient(135deg,transparent 45%,#ef7777 46%,#ef7777 54%,transparent 55%)}.color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px 0;border-block:1px solid #454b56;margin:7px 0}.color-swatches button{width:27px;height:27px;border:1px solid #ffffff50;border-radius:3px}.color-swatches button:hover{outline:2px solid #ff984f;outline-offset:1px}.custom-fill{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.custom-fill input{width:36px;height:26px;padding:0;border:0;background:transparent}.active-format{border-color:#f97316;background:#55311c;color:#ffbb8b}.font-size-control{display:flex;align-items:center;gap:8px}.font-size-control select{padding:7px 9px;border:1px solid #454b56;border-radius:5px;background:#171a20;color:#dce0e5;min-width:75px}.select-all-cells{width:100%;height:100%;min-height:24px;color:inherit;background:transparent;cursor:cell}.select-all-cells:hover{color:#ff984f}.game-grid td .cell-value,.game-grid td .cell-editor{font-size:inherit}.dashboard{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sheet-topbar{min-height:54px;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;padding:6px 12px;background:#171a20;border-bottom:1px solid #363c47;flex-shrink:0}.sheet-controls{display:flex;align-items:center;gap:8px;min-width:0}.customer-picker{background:#303846;color:#fff;border:1px solid #687890;border-radius:5px;padding:8px 26px 8px 10px;font-size:12px;min-width:135px;max-width:180px;font-weight:600;cursor:pointer}.sheet-search{min-width:50px;width:110px;padding:8px;border:1px solid #343c48;border-radius:4px;background:#11151b;color:#fff;font-size:12px}.sheet-topbar .account-bar{justify-self:end;gap:8px;white-space:nowrap;font-size:12px}.sheet-topbar .format-toolbar{padding:0;background:transparent;border:0;gap:8px;flex-wrap:nowrap;justify-content:center}.sheet-topbar .format-toolbar>span{display:none}.sheet-topbar .compact{min-height:32px;padding:0 9px;font-size:12px}.alignment-controls{display:flex;gap:1px;border-inline:1px solid #343c48;padding:0 5px}.alignment-controls .icon-button{width:28px;height:30px}.font-size-control{white-space:nowrap}.font-size-control select{min-width:58px;padding:6px}.compact-sheet{flex:1;min-height:0;display:flex}.compact-sheet .grid-panel{flex:1;display:flex;flex-direction:column;border:0;border-radius:0;min-width:0;min-height:0}.compact-sheet .sheet-scroll{flex:1;min-height:0;max-height:none;border-radius:0;outline:none}.compact-sheet .grid-footer{height:27px;padding:5px 12px;flex-shrink:0;border-top:1px solid #303641}.game-grid td{height:34px}.game-grid .cell-value{min-height:33px;padding:6px 9px;line-height:1.35;text-align:inherit}.game-grid .cell-editor{text-align:inherit;min-height:34px;padding:6px 9px}.game-grid th{height:32px;padding:7px 9px}.row-select{width:100%;min-height:32px;background:transparent;color:inherit;font-size:11px;cursor:pointer}.row-select:hover{background:#3b3430;color:#ffb47e}.draft-row .row-number{color:#586577}.sheet-context{position:fixed;z-index:150;width:230px;padding:9px;background:#252b34;border:1px solid #566171;border-radius:6px;box-shadow:0 12px 32px #0008;font-size:12px}.sheet-context label{display:flex;align-items:center;gap:10px;padding:5px}.sheet-context input{width:80px;padding:5px;background:#131820;border:1px solid #596375;color:#fff}.sheet-context button{display:block;text-align:left;background:transparent;color:#dde3ed;width:100%;padding:10px 6px}.sheet-context button:hover{background:#3c4653}.sheet-context button.danger{color:#f3a4a4}.sheet-topbar .color-popover{z-index:100}.toast{top:60px}@media(max-width:1100px){.sheet-topbar{grid-template-columns:auto 1fr auto;gap:6px}.sheet-search{display:none}.customer-picker{min-width:115px;max-width:150px}.sheet-topbar .format-toolbar{gap:4px}.sheet-controls{gap:2px}}@media(max-width:760px){.sheet-topbar{display:flex;flex-wrap:wrap;justify-content:space-between}.sheet-topbar .format-toolbar{order:3;width:100%;justify-content:center}.sheet-topbar .account-bar{margin-left:auto}.compact-sheet .grid-footer span:last-child{display:none}}.sheet-topbar>.account-bar{grid-column:3}.game-grid td{border-right-color:#505967;border-bottom-color:#505967}.game-grid th{border-right-color:#697585;border-bottom:2px solid #788595}.game-grid .row-number{border-right-color:#697585}.game-grid{border-left:1px solid #505967}.sheet-filterbar{min-height:34px;display:flex;align-items:center;gap:12px;padding:3px 12px;background:#1c2027;border-bottom:1px solid #566170;flex-shrink:0;font-size:12px}.status-picker{max-width:150px;padding:4px 8px;background:#282f39;border:1px solid #687589;border-radius:4px;color:#fff;font-size:12px}.customer-credentials{display:flex;align-items:center;gap:18px;color:#aeb8c5}.customer-credentials strong{color:#e7edf5;font-weight:500;-webkit-user-select:text;user-select:text}.password-field{display:flex;align-items:center;gap:4px}.password-field input{width:8ch;box-sizing:content-box;font-family:monospace;padding:3px 0;border:0;background:transparent;color:#e7edf5;outline:none;font-size:12px}.password-field .icon-button{height:24px;width:26px}.sheet-filterbar .sheet-search{display:block;margin-left:auto;width:140px;padding:4px 8px}.sheet-filterbar{overflow-x:auto}.customer-credentials{white-space:nowrap}.sheet-filterbar .sheet-search{flex-shrink:0}.sheet-content{position:relative;min-width:1450px}.whole-row-selection .game-grid td.selected-cell{outline:none;box-shadow:none}.row-selection-rectangle{position:absolute;pointer-events:none;z-index:2;box-sizing:border-box;border:2px solid #ff984f;background:#ff984f14}.row-select{-webkit-user-select:none;user-select:none}.column-select{display:block;width:100%;height:100%;padding:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:s-resize;-webkit-user-select:none;user-select:none}.game-grid th.selected-column-header{background:#513522;color:#ffbf94;box-shadow:inset 0 -2px #ff984f}.column-select:hover{color:#ffbf94}.sheet-context .insert-inline{display:flex;align-items:center;gap:7px;padding:7px 6px;cursor:pointer;border-radius:4px;white-space:nowrap}.sheet-context .insert-inline:hover,.sheet-context .insert-inline:focus-visible{background:#3c4653;outline:none}.sheet-context .insert-inline input{width:65px;text-align:center;padding:4px 3px;cursor:text}.game-grid td:has(>.cell-editor){position:relative}.game-grid td.col-name:has(>.cell-editor){position:sticky}.game-grid td .cell-editor{position:absolute;inset:0;width:100%;height:100%;min-height:0;box-sizing:border-box;resize:none;overflow:auto;line-height:1.35;margin:0}.game-grid th:has(>.cell-editor){position:sticky}.game-grid th .cell-editor{position:absolute;inset:0;width:100%;height:100%;min-height:0;resize:none;box-sizing:border-box;font-size:inherit;text-align:inherit;padding:6px 9px}.game-grid th .column-select{text-align:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.game-grid th.selected-column-header{outline:2px solid #ff984f;outline-offset:-2px}.whole-column-selection .game-grid td.selected-cell{outline:none;box-shadow:none}.whole-column-selection .game-grid th.selected-column-header{box-shadow:none}.column-selection-rectangle{position:absolute;pointer-events:none;z-index:4;box-sizing:border-box;border:2px solid #ff984f;background:#ff984f14}.delete-confirm-dialog{position:fixed;inset:0;margin:auto;width:min(400px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid #46505e;border-radius:12px;background:#1c2027;color:#e7edf5;box-shadow:0 20px 70px #0008}.delete-confirm-dialog::backdrop{background:#0009}.delete-confirm-dialog h2{margin:0 0 16px;font-size:18px}.delete-confirm-dialog p{margin:0;line-height:1.7;font-size:14px;color:#bac3cf}.delete-confirm-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.game-grid td .readonly-cell-text{user-select:text;-webkit-user-select:text;cursor:text}.customer-readonly .game-grid td{vertical-align:middle}.customer-readonly .game-grid td .readonly-cell-text{height:auto;min-height:0}.sheet-scroll{touch-action:pan-x pan-y pinch-zoom}