:root{color-scheme:dark;--bg:#080f1f;--bg2:#0a1427;--panel:#111e34;--panel2:#14253e;--stroke:#273954;--text:#ecf4ff;--muted:#96abc6;--blue:#4b8dff;--cyan:#80c2ff;--green:#42d4a7;--yellow:#e7c378;--red:#fb9ca7;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.hidden{display:none!important}a{color:inherit}.muted{color:var(--muted);line-height:1.9;font-size:13px}.eyebrow,.header-eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;direction:ltr;color:#91baff}
/* Sign-in */
.login-scene{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 13% 20%,#193969 0%,#0b172c 38%,#080f1f 80%);position:relative;overflow:hidden;padding:36px 24px}.login-glow{position:absolute;pointer-events:none;bottom:-240px;right:-170px;width:500px;height:500px;border-radius:100%;background:#0d4ebe;filter:blur(100px);opacity:.12}.login-layout{position:relative;width:100%;max-width:1110px;display:grid;grid-template-columns:1.12fr 440px;align-items:center;gap:95px}.logo-lockup,.sidebar-brand{display:flex;gap:12px;align-items:center;direction:ltr;justify-content:flex-end}.logo-mark{width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,#5da2ff,#1759da);color:white;display:grid;place-items:center;font-size:23px;font-weight:900;box-shadow:0 11px 25px #061c4480;flex-shrink:0}.logo-lockup>div:last-child,.sidebar-brand>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.logo-lockup strong,.sidebar-brand strong{font-size:15px;font-weight:900;letter-spacing:.08em}.logo-lockup small,.sidebar-brand small{font-size:9px;color:#86a6cc;letter-spacing:.18em;margin-top:5px}.login-intro>.eyebrow{margin-top:90px}.login-intro h1{font-size:clamp(39px,5.8vw,72px);line-height:1.28;margin:24px 0 10px;letter-spacing:-.06em}.login-intro h1 span{color:#81b6ff}.login-intro p{max-width:490px;line-height:2;color:#a2b7d1;font-size:15px}.intro-chips{display:flex;gap:8px;margin-top:27px;flex-wrap:wrap;direction:ltr;justify-content:flex-end}.intro-chips span{border:1px solid #304868;background:#132640;padding:9px 12px;border-radius:8px;color:#9db5d2;font-size:11px}.login-card{background:linear-gradient(145deg,#1b2d4c,#111d32);border:1px solid #30476a;box-shadow:0 36px 85px #02081578;border-radius:23px;padding:37px}.card-top-dot{color:#87b5f5;font-size:11px;font-weight:800;letter-spacing:.13em;direction:ltr;display:flex;align-items:center;justify-content:flex-end;gap:8px}.card-top-dot span{background:#4edcb0;display:block;width:8px;height:8px;border-radius:50%}.login-card h2{font-size:28px;margin:16px 0 8px}.login-card p{margin:0 0 20px}.login-card label{display:block;margin:17px 0 9px;font-size:12px;font-weight:750}.login-card input{width:100%;background:#0b172b;border:1px solid #354a6a;border-radius:10px;outline:none;color:white;padding:14px 15px;direction:ltr;text-align:left}.login-card input:focus,.search-field:focus-within{border-color:#73a9ff;box-shadow:0 0 0 3px #4c8eff22}.password-wrap{position:relative}.password-wrap input{padding-right:68px}.small-action{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:transparent;color:#a1badb;border:0;font-size:12px;padding:7px}.login-footer{border-top:1px solid #344865;margin-top:25px;padding-top:19px;color:#8da4c5;font-size:11px;text-align:center;direction:ltr}.login-footer span{color:var(--green)}
/* Dashboard structure */
.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;position:fixed;z-index:40;right:0;top:0;bottom:0;background:#0d182b;border-left:1px solid #223550;display:flex;flex-direction:column;padding:27px 17px}.sidebar-brand{justify-content:flex-start;padding:0 10px}.sidebar-brand .logo-mark{width:42px;height:42px}.sidebar-brand strong{font-size:13px}.sidebar-tag{direction:ltr;color:#5b7a9e;letter-spacing:.1em;font-size:9px;border-top:1px solid #243552;margin-top:25px;padding:22px 13px 18px}.sidebar-tag span{display:block;color:#80b5ff;font-size:10px;margin-top:6px}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-link{width:100%;display:flex;gap:13px;align-items:center;text-align:right;background:transparent;border:1px solid transparent;color:#9fb5d0;border-radius:11px;padding:14px 14px;font-weight:650;font-size:13px;transition:background .18s,color .18s}.nav-link:hover{color:#f4f7ff;background:#172943}.nav-link.active{background:#173761;color:white;border-color:#35639b}.nav-icon{font-size:19px;font-weight:800;line-height:1;color:#8bbcff;display:grid;place-items:center;width:24px}.sidebar-bottom{margin-top:auto;border-top:1px solid #243856;padding-top:17px}.read-only-pill{font-size:11px;color:#96b3d4;margin-bottom:14px;padding:5px 12px}.read-only-pill span{color:#50d6a9}.logout-button{color:#b7c9de;background:transparent;border:1px solid #293f5e;border-radius:10px;padding:12px 15px;width:100%;text-align:right;display:flex;gap:10px}.logout-button:hover{background:#1b2c44}.workspace{width:calc(100% - 255px);margin-right:255px;min-width:0;min-height:100vh;background:radial-gradient(ellipse at 50% -300px,#16345d 0%,#0b1526 48%,#080f1f 82%)}.workspace-header{min-height:103px;padding:28px 44px;border-bottom:1px solid #263751;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#101d3180}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{font-size:23px;margin:6px 0 0}.header-actions{display:flex;align-items:center;gap:19px}.icon-button,.menu-button{border:1px solid #345071;background:#172840;color:#b8d1ed;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700}.icon-button:hover,.menu-button:hover{background:#22416b}.menu-button{display:none;font-size:21px;padding:8px 12px}.user-chip{display:flex;align-items:center;gap:11px;border-right:1px solid #314663;padding-right:18px}.avatar{display:grid;place-items:center;background:linear-gradient(145deg,#2e78ea,#21477c);border-radius:11px;width:41px;height:41px;font-weight:900}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{direction:ltr;font-size:10px;color:#88a7ca;margin-top:5px;text-align:right}.dashboard-main{max-width:1550px;margin:auto;padding:37px 44px 90px}.page-section{animation:enter .2s ease}@keyframes enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
/* Buttons + reusable */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;border-radius:11px;padding:13px 18px;border:1px solid transparent;font-weight:750;transition:filter .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn-primary{background:linear-gradient(100deg,#347bea,#4b9bff);border-color:#65a4ff;color:white;margin-top:24px}.btn-secondary{background:#1d4376;color:#e1efff;border-color:#396595}.btn-outline{background:transparent;border-color:#385779;color:#c7e1fc}.btn-full{width:100%}.notice{border:1px solid #315579;border-radius:11px;padding:13px 15px;margin-top:18px;color:#cce1fc;background:#173354;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.notice.success{background:#12372f;color:#aff8d9;border-color:#28705c}.notice.error{background:#3b2030;color:#ffc8ce;border-color:#793e4d}.notice.warning{background:#3d321e;color:#f6daa2;border-color:#766031}
/* Overview */
.welcome-banner{position:relative;overflow:hidden;border:1px solid #355780;border-radius:20px;padding:31px 34px;background:linear-gradient(120deg,#18395f,#0e2341 75%);display:flex;justify-content:space-between;align-items:center}.welcome-banner .eyebrow{color:#8bc2ff}.welcome-banner h2{font-size:29px;margin:10px 0}.welcome-banner p{font-size:13px;line-height:1.8;color:#bdd0e9;margin:0;max-width:600px}.banner-art{font-size:104px;font-weight:900;line-height:1;color:#4a92ff26;position:relative;margin:0 38px}.banner-art span{font-size:31px;position:absolute;right:20px;top:-6px;color:#6eb4ff77}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:22px 0 30px}.stat-card{min-width:0;background:linear-gradient(156deg,#16243c,#111b2e);border:1px solid #283e5b;border-radius:15px;padding:22px 23px}.stat-icon{width:36px;height:36px;display:grid;place-items:center;background:#1b3960;color:#80baff;border-radius:9px;font-size:20px;font-weight:900;margin-bottom:16px}.stat-number{font-size:28px;font-weight:850;direction:ltr;text-align:right}.stat-label{color:#9fb4cf;font-size:12px;margin-top:7px}.content-panel{border:1px solid #2b4262;background:#121e32;border-radius:17px;padding:24px}.panel-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:23px}.panel-heading h2,.section-heading h2{font-size:19px;margin:0 0 7px}.panel-heading p,.section-heading p{font-size:12px;color:#90a9c8;margin:0;line-height:1.8}.inline-link{color:#8abaff;background:transparent;border:0;font-size:12px;padding:8px 0;white-space:nowrap}.inline-link:hover{text-decoration:underline}.quick-games{margin-top:4px}.mini-game-grid,.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* Games */
.section-heading{margin-bottom:23px}.outline-chip,.series-count,.test-chip{border:1px solid #385675;border-radius:25px;color:#aec8e7;padding:8px 11px;font-size:11px;white-space:nowrap}.controls-row{display:flex;gap:12px;margin-bottom:28px}.search-field{flex:1;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #33496b;background:#13233b;border-radius:11px}.search-field span{font-size:26px;color:#8aadd1}.search-field input{border:0;background:transparent;outline:0;color:#f1f7ff;padding:14px 0;width:100%;font-size:13px}.search-field input::placeholder{color:#7e9abb}.controls-row select{min-width:165px;border:1px solid #344d70;border-radius:11px;background:#152844;color:#d2e5fa;padding:0 15px;outline:none}.series-section{margin-bottom:35px}.series-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.series-header h3{margin:0;font-size:16px;font-weight:850}.series-count{font-size:10px;padding:5px 9px;color:#8bbdff}.game-card{background:#142239;border:1px solid #2d4160;border-radius:14px;padding:18px;min-width:0;transition:border-color .18s}.game-card:hover{border-color:#4575ad}.game-head{display:flex;align-items:center;gap:12px}.game-monogram{display:grid;place-items:center;width:43px;height:46px;flex-shrink:0;border-radius:10px;background:linear-gradient(140deg,#1d4b89,#103054);border:1px solid #3b6598;color:#aad4ff;font-size:22px;font-weight:900}.game-name-block{min-width:0}.game-title{font-size:13px;font-weight:850;line-height:1.5;overflow-wrap:anywhere}.game-subtitle{font-size:11px;color:#84a4c8;margin-top:5px}.platform-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.platform-tags span{font-size:10px;color:#9bbfe9;border:1px solid #365276;padding:4px 7px;border-radius:6px;direction:ltr}.platform-tags .test-label{border-color:#6c5c36;color:#dec27e}.availability-badges{display:flex;gap:7px;flex-wrap:wrap}.availability-chip{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#172d40;color:#a9d4c9;border:1px solid #285d59;border-radius:7px;padding:7px 9px;direction:ltr;font-size:10px}.availability-chip strong{font-size:12px;color:#67e2ad}.availability-chip.out-stock{background:#1c2a3c;border-color:#30465d;color:#91a4c2}.availability-chip.out-stock strong{color:#a0aec3}.availability-unknown{font-size:11px;color:#e4c88e}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b4262;margin-top:17px;padding-top:11px;color:#91abc9;font-size:11px}
/* Accounts */
.data-table-wrap{overflow:auto;border:1px solid #2a405f;border-radius:15px;background:#101d31}.accounts-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right;font-size:12px}.accounts-table th{color:#9ab2d1;background:#14243c;font-weight:700;padding:17px 18px;border-bottom:1px solid #344961}.accounts-table td{padding:16px 18px;border-bottom:1px solid #273950;color:#c8d9ec}.accounts-table tr:last-child td{border-bottom:0}.accounts-table tbody tr:hover{background:#172941}.mono{font-family:ui-monospace,Consolas,monospace;direction:ltr;text-align:right;color:#99c8ff!important}.table-game{max-width:270px;overflow:hidden;text-overflow:ellipsis;font-weight:750}.status-pill{display:inline-block;border-radius:25px;padding:5px 9px;font-size:10px}.status-available{color:#8de7be;background:#134437}.status-sold{color:#fbb1bb;background:#4a2431}.status-reserved{color:#ffe2a1;background:#473922}.status-disabled{color:#91a4bf;background:#26374d}.account-status{color:#99a7bf;text-transform:capitalize}.account-status.active{color:#7de8b6}.empty-state{border:1px dashed #385475;border-radius:15px;padding:35px 25px;text-align:center;color:#9ab0ce;background:#102039}.empty-state strong{display:block;color:#dceafb;font-size:17px;margin-top:7px}.empty-state p{font-size:12px;line-height:1.9}.empty-icon{font-size:28px}
/* Vault demo */
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.security-grid .content-panel{min-width:0}.soft-icon{font-size:25px;color:#77aeef}.otp-panel{max-width:760px}.otp-display{border:1px solid #34567a;border-radius:13px;background:linear-gradient(135deg,#0c1d34,#162b49);padding:23px;text-align:center}.otp-caption{color:#99b5d6;letter-spacing:.18em;font-size:10px;direction:ltr}.otp-code{font-family:ui-monospace,Consolas,monospace;font-size:clamp(33px,5vw,49px);font-weight:800;letter-spacing:.18em;margin:16px 0 12px;color:#f2f9ff}.otp-countdown{color:#a6c6e8;font-size:12px}.otp-progress-track{height:5px;border-radius:10px;overflow:hidden;background:#294565;margin-top:18px}.otp-progress{height:100%;width:0;background:#62afff;transition:width .25s linear}.otp-actions{display:flex;gap:9px;margin-top:13px}.otp-actions button{flex:1}.fine-print{font-size:11px;color:#7d9bbb;line-height:1.8;margin-bottom:0}.scrim{display:none}
@media(max-width:1250px){.mini-game-grid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main{padding:30px 28px 70px}.workspace-header{padding:24px 28px}}
@media(max-width:920px){.login-layout{grid-template-columns:1fr;gap:30px;max-width:560px}.login-intro>.eyebrow{margin-top:28px}.login-intro h1{font-size:40px}.sidebar{right:-270px;transition:right .2s}.sidebar.sidebar-open{right:0}.workspace{margin:0;width:100%}.menu-button{display:inline-block}.scrim:not(.hidden){display:block;position:fixed;z-index:30;inset:0;background:#030a16ad}.security-grid{grid-template-columns:1fr}}
@media(max-width:590px){.login-scene{padding:25px 16px}.login-intro h1{font-size:32px}.login-intro p{font-size:13px}.login-card{padding:25px 22px}.workspace-header{padding:18px;min-height:85px}.dashboard-main{padding:21px 15px 55px}.header-title h1{font-size:18px}.header-eyebrow{font-size:8px}.header-actions{gap:7px}.user-chip{padding-right:9px;gap:7px}.user-chip strong{font-size:10px;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{font-size:9px}.avatar{width:31px;height:31px;font-size:12px}.icon-button{padding:8px;font-size:17px}.icon-button span{display:none}.welcome-banner{padding:24px 20px}.welcome-banner h2{font-size:22px}.welcome-banner p{font-size:11px}.banner-art{display:none}.stat-grid{gap:10px}.stat-card{padding:16px}.stat-icon{margin-bottom:11px}.stat-number{font-size:23px}.stat-label{font-size:10px}.content-panel{padding:19px}.mini-game-grid,.game-grid{grid-template-columns:1fr}.controls-row{flex-direction:column}.controls-row select{padding:13px}.section-heading h2{font-size:17px}.panel-heading h2{font-size:15px}.otp-code{font-size:30px}.otp-actions{flex-direction:column}.otp-actions button{width:100%}}

/* Accounts V2: form dialogs + account detail sheet */
.has-dialog{overflow:hidden}
.heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.heading-actions .btn{white-space:nowrap}
.toolbar-hint{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:2px 0 20px;color:var(--muted);font-size:12px}
.accounts-table .detail-open{white-space:nowrap}
.dialog-layer,.detail-layer{position:fixed;z-index:95;inset:0;display:grid;place-items:center;padding:20px}
.dialog-shade,.detail-shade{position:absolute;inset:0;background:rgba(1,6,17,.79);backdrop-filter:blur(6px)}
.dialog-card{position:relative;z-index:1;background:linear-gradient(140deg,#172740,#101c31);border:1px solid #304567;border-radius:20px;box-shadow:0 25px 95px #010613bc;width:min(100%,850px);max-height:90vh;overflow:auto;padding:27px 30px}
.dialog-small{width:min(100%,540px)}
.dialog-heading,.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.dialog-heading h2,.drawer-header h2{font-size:24px;margin:5px 0 4px;line-height:1.4}
.dialog-heading .muted,.drawer-header .muted{margin:0}
.form-eyebrow{color:var(--blue);letter-spacing:.17em;font-size:10px;font-weight:900;direction:ltr;text-align:right}
.form-subheading{font-size:15px;margin:21px 0 15px;padding-bottom:11px;border-bottom:1px solid #30425e;display:flex;justify-content:space-between;gap:12px}
.form-subheading span{font-size:10px;color:var(--muted);font-weight:500}
.editor-fields{display:grid;grid-template-columns:1fr;gap:15px}
.editor-fields.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{display:flex;flex-direction:column;gap:7px;color:#c5d6ee;font-size:12px;font-weight:650}
.field i{font-style:normal;color:#ffb3b8}
.field input,.field select,.field textarea{width:100%;min-width:0;background:#0a1629;border:1px solid #355071;border-radius:10px;color:#eef6ff;padding:13px 14px;outline:none;font-size:13px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#6ab0ff;box-shadow:0 0 0 3px #338dff26}
.field select:disabled{opacity:.65;cursor:not-allowed}
.field input::placeholder,.field textarea::placeholder{color:#6e88aa}
.field textarea{line-height:1.75}
.checkrow{display:flex;gap:20px;color:#d8e7ff;font-size:13px;padding:8px 0}
.checkrow label{display:flex;align-items:center;gap:8px;cursor:pointer}
.checkrow input{accent-color:#478efc}
.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}
.dialog-actions button{min-width:145px}
.btn-mini{border:1px solid #35547c;border-radius:8px;background:#1a3354;color:#ddebff;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}
.btn-mini:hover{background:#294771}
.detail-layer{display:block;padding:0}
.account-drawer{position:absolute;z-index:1;top:0;right:0;height:100vh;width:min(100%,630px);display:flex;flex-direction:column;overflow:hidden;padding:24px 26px 0;background:#101e32;border-left:1px solid #385474;box-shadow:-15px 0 75px #0009}
.drawer-header{padding-bottom:17px;margin-bottom:0;border-bottom:1px solid #2f4665}
.drawer-content{overflow-y:auto;min-height:0;padding:22px 5px 45px 0}
.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.info-row{background:#152844;border:1px solid #2a4360;border-radius:11px;padding:11px 13px;display:flex;flex-direction:column;gap:7px;min-width:0}
.info-row span{font-size:10px;color:#8eb2d8}
.info-row strong{font-size:13px;overflow-wrap:anywhere}
.detail-slots{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.slot-row{border:1px solid #294361;background:#122741;border-radius:11px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.slot-row strong{font-size:12px}
.drawer-section{margin-top:23px;border:1px solid #284360;background:#101b2d;border-radius:15px;padding:17px}
.drawer-section-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}
.drawer-section-head h3{font-size:15px;margin:0}
.safe-caption{font-size:10px;color:#9fcaea}
.drawer-section .muted{font-size:11px;line-height:1.9;margin:5px 0 14px}
.drawer-controls{display:flex;gap:10px;margin-top:14px}
.drawer-controls .btn{flex:1}
.credentials-list{display:grid;gap:9px;margin:12px 0 0}
.credential-row{display:grid;grid-template-columns:1fr;gap:7px;padding:12px;border:1px solid #355071;background:#142842;border-radius:12px}
.credential-label{font-size:11px;color:#93b5d9}
.credential-value{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;line-height:1.65;font:600 13px ui-monospace,Consolas,monospace;direction:ltr;text-align:left}
.credential-controls{display:flex;gap:7px;justify-content:flex-start}
#detail-totp-code{font-size:clamp(28px,5vw,39px)}
@media(max-width:750px){.editor-fields.two-cols{grid-template-columns:1fr}.dialog-card{padding:21px}.toolbar-hint{flex-direction:column;align-items:stretch}.heading-actions{justify-content:flex-start}.detail-slots{grid-template-columns:1fr 1fr}.dialog-actions button{flex:1}}
@media(max-width:500px){.dialog-layer{padding:8px}.dialog-card{max-height:97vh;padding:19px 16px}.account-drawer{padding:17px 15px 0}.detail-info{grid-template-columns:1fr}.detail-slots{grid-template-columns:1fr}.drawer-section{padding:14px}.dialog-heading h2,.drawer-header h2{font-size:19px}}

/* V3 accounts & sales */
.account-cost-card{margin:12px 0 10px;padding:17px;border:1px solid #36618b;border-radius:13px;background:#0b233d}
.account-cost-card .muted{margin:10px 0 0;font-size:11px;line-height:1.8;color:#9ab4d3}
.credential-placeholder{padding:18px;background:#0b1b30;border:1px dashed #416180;border-radius:12px;color:#a9bfdc;font-size:12px}
.detail-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
.slot-sale-button{font-size:11px;padding:10px 11px;width:100%;min-height:38px;white-space:nowrap}
.slot-owner-name{font-size:10px;color:#a9c5e4;overflow-wrap:anywhere;line-height:1.7}
.sale-safety-note{background:#132e42;border:1px solid #345d75;border-radius:11px;padding:14px;font-size:12px;line-height:1.8;color:#bcd5e9;margin-top:15px}
@media(max-width:640px){.detail-slots{grid-template-columns:1fr}.slot-row{gap:8px}}

/* V4 client & sales management, no financial summaries for managers */
.compact-primary{margin-top:0!important}
.management-filter-row{align-items:stretch;flex-wrap:wrap}
.management-filter-row .search-field{min-width:240px}
.management-filter-row select{min-height:46px}
.date-filter{background:#13233b;border:1px solid #344d70;border-radius:11px;color:#afc8e6;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:12px}
.date-filter input{border:0;background:transparent;color:#ecf5ff;min-height:45px;color-scheme:dark;max-width:148px}
.management-detail-panel{margin-top:26px}
.management-detail-panel .panel-heading{margin-bottom:16px}
.management-detail-panel .panel-heading .btn{flex-shrink:0}
.client-history-list{display:grid;gap:9px}
.client-history-row{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0d2038;border:1px solid #2c4766;border-radius:12px;padding:15px}
.client-history-meta{min-width:0;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
.client-history-meta strong{font-size:12px}
.client-history-meta span{font-size:11px;color:#9cb5d4}
.client-history-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.table-sale-game{display:flex;flex-direction:column;gap:5px;min-width:140px}
.table-sale-game strong{font-size:12px}
.table-sale-game span{font-size:11px;color:#96b0d0;direction:ltr;text-align:right}
.table-sales-actions{display:flex;align-items:flex-start;gap:8px;flex-direction:column}
.btn-cancel-sale{color:#ffc2c8;border-color:#804757;background:#3b2236}
.btn-cancel-sale:hover{background:#563044}
.money-cell,.ltr-cell{direction:ltr;text-align:right;white-space:nowrap}
.management-hint{font-size:11px;line-height:1.85;color:#9fb7d4;margin-top:15px}
.cancel-reason{font-size:10px;line-height:1.6;color:#b7cbe5;max-width:250px;overflow-wrap:anywhere}
@media(max-width:900px){.management-filter-row{flex-direction:column}.date-filter{justify-content:space-between}.date-filter input{max-width:none;flex:1}.client-history-row{align-items:flex-start;flex-direction:column}.client-history-actions{width:100%;justify-content:space-between}}

/* V5 — One-sheet PlayStation account, grouped backups, sales/transfer actions */
.detail-layer{display:grid;place-items:center;padding:16px 22px;background:#030914aa;overflow-y:auto}
.account-drawer.account-document{
 position:relative;top:auto;right:auto;height:min(94vh,1080px);width:min(100%,1000px);
 padding:0;background:#eef3fa;color:#142847;border:1px solid #cfdaea;border-radius:19px;
 box-shadow:0 32px 100px #000d;overflow:hidden
}
.account-document .drawer-header{background:linear-gradient(110deg,#142d52,#1d4f95);color:white;display:flex;align-items:center;justify-content:space-between;padding:23px 32px 20px;margin:0;border:0}
.account-document .drawer-header h2{font-size:28px;color:white;margin:7px 0}
.account-document .drawer-header .form-eyebrow{color:#aecbff}
.account-document .drawer-header .muted{margin:0;color:#d4e3ff}
.account-document .drawer-header .icon-button{background:#163968;border:1px solid #7199cf;color:#fff}
.account-document .drawer-content{padding:24px 32px 34px;overflow-y:auto;min-height:0;scrollbar-color:#b9cbe2 transparent}
.account-sheet-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #dae3ed;padding:0 0 17px;margin:0 0 17px}
.account-sheet-heading strong{display:block;font-size:12px;letter-spacing:.13em;color:#214576;direction:ltr;text-align:right}
.account-sheet-heading span{display:block;color:#657893;font-size:12px;margin-top:5px}
.account-sheet-seal{height:45px;width:45px;border-radius:10px;color:white!important;font-weight:900;font-size:23px!important;margin:0!important;display:grid!important;place-items:center;background:#1e61b5}
.account-document .detail-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.account-document .info-row{background:white;border-color:#d5e0ec;padding:14px}
.account-document .info-row span{color:#778da5}
.account-document .info-row strong{color:#223958}
.account-document .form-subheading{border:0;color:#203d65;margin:21px 0 12px;font-size:13px}
.account-document .detail-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.account-document .slot-row{background:white;border:1px solid #d5e0ec;border-radius:13px;padding:14px;gap:9px}
.account-document .slot-row strong{color:#203b62;font-size:13px}
.account-document .slot-owner-name{color:#536e8b;font-size:11px}
.slot-management-actions{display:flex;gap:7px;flex-wrap:wrap;width:100%}
.slot-management-actions .btn-mini{flex:1;min-width:90px;font-size:10px;padding:9px}
.buyback-trigger{color:#1b6d57;background:#e0f7ed;border-color:#9bd9c1}
.transfer-trigger{color:#265ca6;background:#e6f0ff;border-color:#b4d0f2}
.account-document .drawer-section{margin-top:19px;background:#fff;border:1px solid #d5e0ec;border-radius:14px;padding:19px}
.account-document .drawer-section-head h3{color:#1e3e69;font-size:16px}
.account-document .safe-caption{color:#4374a4}
.account-document .drawer-section .muted{color:#687f99;font-size:12px;margin-bottom:12px}
.account-document .drawer-controls{border-top:1px solid #e0e7ef;padding-top:13px;margin-top:15px}
.account-document .drawer-controls .btn{flex:0 1 auto}
.paper-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}
.paper-field{background:#f7fafe;border:1px solid #dce5f0;border-radius:11px;padding:14px;min-width:0}
.paper-field-title{font-size:10px;letter-spacing:.07em;font-weight:850;color:#6e83a0;direction:ltr;text-align:left}
.paper-field-value{font:700 13px ui-monospace,Consolas,monospace;direction:ltr;text-align:left;overflow-wrap:anywhere;white-space:pre-wrap;color:#18345a;min-height:23px;margin:8px 0}
.paper-field-actions{display:flex;gap:7px;direction:ltr;justify-content:flex-start}
.account-document .btn-mini{background:#eaf1fc;border-color:#c7d9ed;color:#27568d;font-weight:700}
.account-document .btn-mini:hover{background:#dcecff}
.paper-backup-panel{border:1px solid #d6e3ee;border-radius:11px;padding:15px;margin-top:13px;background:#f7faff}
.paper-backup-heading,.handoff-count-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.paper-backup-heading strong{font-size:14px;color:#183b67}
.paper-code-counter,.backup-editor-counter{color:#145dbe;background:#e5efff;border-radius:18px;font-size:11px;padding:5px 12px}
.backup-editor-counter{display:inline-block;margin:0 8px;direction:rtl}
.paper-code-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.paper-code-tile{background:white;border:1px solid #dae5ee;border-radius:9px;padding:11px 8px;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:center}
.paper-code-index{font-size:10px;color:#8296aa}
.paper-code-value{font:700 11px ui-monospace,monospace;color:#294a6d;min-height:19px;overflow-wrap:anywhere;text-align:center}
.paper-code-button{border:0;background:transparent;font-size:10px;color:#1c65aa;padding:5px;cursor:pointer}
.paper-code-empty{color:#6a839d;font-size:12px}
.backup-copy-row{margin-top:12px;display:flex;justify-content:flex-start}
.handoff-toolbar{margin-top:16px;background:#e5f0ff;border:1px dashed #98bde8;border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:13px}
.handoff-toolbar strong{font-size:13px;color:#1a4070}
.handoff-toolbar p{font-size:11px;line-height:1.8;color:#55728f;margin:6px 0 0}
.handoff-toolbar .btn-primary{margin:0;flex-shrink:0}
.account-document .otp-display{background:#102544;border:1px solid #234b78}
.account-document .otp-caption{color:#a5c7f5}
.account-document .drawer-section .otp-countdown{color:#bed3ec}
.handoff-dialog .handoff-code-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0}
.handoff-code-choice{border:1px solid #335278;border-radius:10px;background:#122944;padding:12px;display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer;min-width:0}
.handoff-code-choice span:last-child{overflow-wrap:anywhere;font:700 12px ui-monospace,monospace;color:#c2e5ff}
.handoff-code-choice input{accent-color:#58a7ff;flex-shrink:0}
.handoff-code-number{font-size:10px;color:#91b6d9}
.handoff-count-line{margin:20px 0 8px;color:#bcd2ec;font-size:12px}
.handoff-count-line strong{color:white}
.handoff-warning{line-height:1.8;border:1px solid #786037;border-radius:10px;padding:12px;background:#362c1d;color:#f0d3a1;font-size:11px}
@media(max-width:850px){.account-document .detail-info{grid-template-columns:1fr 1fr}.paper-code-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-document .detail-slots{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.detail-layer{padding:0}.account-drawer.account-document{width:100%;height:100vh;border-radius:0}.account-document .drawer-header{padding:18px}.account-document .drawer-content{padding:16px 14px 35px}.account-document .detail-info,.account-document .detail-slots,.paper-fields{grid-template-columns:1fr}.paper-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.handoff-toolbar{align-items:stretch;flex-direction:column}.handoff-toolbar .btn{width:100%}.handoff-dialog .handoff-code-options{grid-template-columns:1fr}.account-document .drawer-controls .btn{flex:1}}
/* The worker-handoff dialog opens on top of the account document. */
#handoff-layer{z-index:135}

/* V6 PS Plus subscriptions: compact date badges, no second-by-second countdown */
.plus-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;direction:ltr;text-align:right;color:#81b5ff;margin-bottom:6px}
.plus-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}
.plus-stat{padding:15px;border:1px solid #29486a;background:#10223b;border-radius:12px;display:flex;flex-direction:column;gap:7px}
.plus-stat span{font-size:11px;color:var(--muted)}.plus-stat strong{font-size:26px;color:#e2f0ff;direction:ltr;text-align:right}
.plus-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:19px}
.plus-card{padding:20px;border:1px solid #35557c;border-radius:18px;background:linear-gradient(150deg,#162c49,#0f1d32);display:flex;flex-direction:column;gap:17px;box-shadow:0 8px 25px #010c1a45}
.plus-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.plus-card-title h3{font-size:17px;margin:4px 0}.plus-card-title small{font-size:11px;color:var(--muted)}
.plus-days-small{border-radius:999px;font-weight:700;font-size:10px;padding:7px 9px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:78px}
.plus-active{color:#98f3c5;background:#144735}.plus-soon{color:#ffe09b;background:#5b4524}.plus-expired{color:#fcb8c2;background:#562e39}.plus-unknown{background:#304152;color:#bbcee2}
.plus-card-dates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plus-date-cell{padding:12px;background:#102642;border:1px solid #2a476c;border-radius:11px;display:flex;flex-direction:column;gap:6px}.plus-date-cell span{color:#98b4d3;font-size:10px}.plus-date-cell strong{color:#e5f2ff;font-size:12px;direction:ltr;text-align:right}
.plus-card-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.plus-slot-summary{border:1px solid #32506e;border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.plus-slot-summary>span:first-child{font-size:10px;color:#b2cce8}
.plus-card-actions{display:flex;gap:10px;flex-wrap:wrap}.plus-card-actions>.btn{flex:1;font-size:12px}
.plus-form-explainer{border:1px solid #365c80;background:#112b46;color:#e1f1ff;padding:13px 14px;border-radius:12px;margin-top:17px;font-size:12px;font-weight:650}
.plus-detail-banner{margin:13px 0 0;background:#102d4c;border:1px solid #3c75a7;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:10px 15px;flex-wrap:wrap;padding:12px 14px}
.plus-detail-banner strong{color:#e9f5ff;font-size:13px}.plus-detail-banner>span:not(.plus-days-small){color:#b7d1ee;font-size:11px}
@media(max-width:1050px){.plus-results{grid-template-columns:1fr}.plus-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.plus-card{padding:14px}.plus-card-header{flex-direction:column}.plus-card-slots{grid-template-columns:1fr 1fr}.plus-summary{gap:8px}.plus-card-actions{flex-direction:column}.plus-stat strong{font-size:22px}}

/* V7: user-friendly edit forms */
.table-sales-actions{display:flex;gap:6px;flex-wrap:wrap;}
#sale-fix-layer textarea{resize:vertical;}
#plus-dates-layer input:disabled{opacity:.6;}
#client-editor-layer .field span, #sale-editor-layer .field span{line-height:1.5;}

/* V8 — finance, same Kemo dashboard palette */
.owner-only.hidden{display:none!important}
.finance-period-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0 27px}
.fin-period{background:linear-gradient(145deg,#183553,#101e32);border:1px solid #34547b;border-radius:16px;padding:21px;display:flex;flex-direction:column;gap:9px}
.fin-period>span{font-size:12px;color:#9fbddd}.fin-period>strong{font-size:clamp(18px,2.1vw,28px);direction:ltr;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fin-period>small{font-size:11px;color:#9cb9d9}
.fin-negative{color:#ff9eaa!important}
.finance-panel{margin-top:20px}
.finance-range-form{display:flex;align-items:end;flex-wrap:wrap;gap:13px;margin-bottom:24px}
.finance-range-form .field{min-width:160px;flex:1}.finance-range-form button{min-height:47px}
.finance-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.fin-metric{background:#0e2038;border:1px solid #294969;padding:16px;border-radius:13px;display:flex;flex-direction:column;gap:12px}
.fin-metric-label{color:#9bbada;font-size:11px}.fin-metric-value{font-size:clamp(16px,1.8vw,22px);direction:ltr;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fin-featured{border-color:#4988c7;background:linear-gradient(160deg,#183a60,#122841)}
.finance-flow-card{border:1px solid #2b4968;padding:22px;border-radius:14px;background:#0b1a2e}
.finance-flow-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}.finance-flow-head span{font-size:11px;color:#9db7d7}
.finance-cash-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #2b435e;font-size:12px}
.finance-cash-row strong{font-size:14px;direction:ltr;white-space:nowrap}.finance-cash-row:last-child{border:0;color:#cbe5ff;font-weight:900;font-size:14px}
.finance-flow-card p{font-size:11px;color:#9eb7d5;line-height:1.9;margin:17px 0 0}
.finance-expense-breakdown{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.fin-category{border:1px solid #294b70;background:#132a44;border-radius:10px;padding:9px 12px;display:flex;gap:16px;align-items:center;font-size:11px}
.fin-category>strong{direction:ltr;white-space:nowrap}.fin-empty{font-size:12px;color:#aac2d9}
.fin-void{opacity:.65}.fin-void-btn{margin-right:6px;color:#ffb9bd;border-color:#9b3f4a}
@media(max-width:850px){.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-period-strip{gap:8px}.fin-period{padding:15px}}
@media(max-width:600px){.finance-period-strip{grid-template-columns:1fr}.finance-kpis{grid-template-columns:1fr}.finance-range-form{flex-direction:column;align-items:stretch}.finance-range-form .field{min-width:0;width:100%}.finance-range-form button{width:100%}.fin-period strong{font-size:22px}}

/* KEMO V9 BULK IMPORT */
.bulk-panel{margin-bottom:18px}
.bulk-upload{display:flex;flex-direction:column;align-items:center;gap:7px;justify-content:center;border:1px dashed #54729e;border-radius:16px;padding:28px 18px;background:rgba(52,102,182,.08);cursor:pointer;text-align:center}
.bulk-upload:hover{background:rgba(52,102,182,.15);border-color:#6ea6f8}
.bulk-upload-icon{font-size:38px;color:#8abcff;font-weight:700}
.bulk-upload small,.bulk-upload strong{display:block}
.bulk-upload input{max-width:100%;margin-top:12px;color:#dce7fb}
.bulk-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:12px;margin:16px 0}
.bulk-stat{border:1px solid rgba(111,154,210,.2);padding:14px;border-radius:13px;background:rgba(15,30,58,.68);display:grid;gap:5px}
.bulk-stat span{font-size:12px;color:#a6b9d4}.bulk-stat strong{font-size:23px;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.bulk-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;max-height:370px;overflow:auto}
.bulk-game-item{border:1px solid rgba(120,155,210,.2);padding:13px;border-radius:12px;display:grid;gap:10px;background:rgba(12,25,48,.65)}
.bulk-game-item strong{overflow-wrap:anywhere}.bulk-game-label{display:flex;justify-content:space-between;align-items:center;gap:9px}.bulk-game-label select{min-width:120px}
.bulk-progress-row{display:flex;align-items:center;gap:12px;margin:18px 0}.bulk-progress-row progress{width:100%;height:10px;accent-color:#4e9efd}.bulk-progress-row span{white-space:nowrap;color:#b5c9e7;font-size:12px;direction:ltr}
.bulk-error{color:#ffadad;max-width:340px;white-space:normal}.bulk-done{color:#8fe5ba}
@media(max-width:670px){.bulk-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-progress-row{flex-direction:column;align-items:stretch}}

/* V9 isolated staging controls */
.kemo-stage-panel{border-color:#41678c;background:linear-gradient(130deg,#132940,#102038)}
.kemo-stage-panel .panel-heading h2{color:#b9ddff}
.kemo-stage-actions{flex-wrap:wrap;justify-content:flex-start;margin:16px 0}
.kemo-stage-actions .btn{white-space:normal;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.kemo-stage-actions .btn-danger{color:#ffd4dc;border:1px solid #8c4c5f;background:#572738}
.kemo-stage-actions .btn-danger:disabled{opacity:.4}
.kemo-stage-panel .data-table-wrap{max-height:330px;overflow-y:auto}
.kemo-stage-panel .accounts-table td{font-size:11px}

/* V9.2: read-only Owner stock valuation and reversible deletion */
.finance-stock-info{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #285284;background:linear-gradient(145deg,#12284c,#0c1a32);border-radius:16px;padding:20px;margin:18px 0;}
.finance-stock-info strong{font-size:clamp(26px,3vw,38px);letter-spacing:.3px;display:block;margin:8px 0;color:#e5f4ff;}
.finance-stock-eyebrow{font-size:15px;font-weight:700;color:#a5ccff;}
.finance-stock-info .management-hint{margin:5px 0 0;color:#bdcce1;max-width:770px;line-height:1.7;}
.accounts-archive-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;padding:10px 13px;border-radius:12px;background:#162844;border:1px solid #345477;color:#e0e9f5;}
.accounts-archive-toggle input{width:16px;height:16px;accent-color:#58b8fe;}
#detail-delete{margin-inline-start:10px;}
#detail-restore{margin-inline-start:10px;}


/* V9.3 — KEMO blue/white identity derived from customer's original logo (#0049FF) */
:root{
 color-scheme:light;
 --bg:#f5f7fc;--bg2:#eef3fb;--panel:#ffffff;--panel2:#f5f8ff;
 --stroke:#dbe5f1;--text:#14233e;--muted:#65768f;
 --blue:#0049ff;--cyan:#2c6fff;--green:#117850;--yellow:#996319;--red:#bb324c;
 --brand:#0049ff;--brand-deep:#0038c8;
}
html{background:#f5f7fc;scrollbar-color:#b8c8e2 #f5f7fc}
body{background:var(--bg);color:var(--text)}
::selection{background:#bcd0ff;color:#0b2459}
:focus-visible{outline:3px solid #6b9cff;outline-offset:2px}
/* Exact logo artwork, presented on a white mount rather than substituting a K icon. */
.brand-logo-frame{width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border:1px solid #e3ebf7;border-radius:13px;padding:4px;box-shadow:0 7px 18px #000d2a22}
.brand-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}
.sidebar-brand .brand-logo-frame{width:54px;height:54px}
.sidebar{background:#101b33;border-left:1px solid #1c345b;box-shadow:-7px 0 24px #0b235011}
.sidebar-brand{padding:0 8px;gap:12px}
.sidebar-brand strong{font-size:14px;color:#fff;letter-spacing:.035em}
.sidebar-brand small{color:#93b7ec;font-size:10px;letter-spacing:.13em}
.sidebar-tag{border-top:1px solid #29446e;color:#91a9ce}
.sidebar-tag span{color:#fff;font-weight:800}
.nav-link{color:#d7e3f9;border-radius:11px;font-weight:650}
.nav-link:hover{background:#1e3359;color:#fff}
.nav-link.active{background:#0049ff;border-color:#3272ff;color:#fff;box-shadow:0 6px 17px #0049ff40}
.nav-link.active .nav-icon{color:#fff}
.nav-icon{color:#80b1ff}
.sidebar-bottom{border-color:#2b4366}
.logout-button{color:#e3ecfa;border-color:#355078}
.logout-button:hover{background:#243957}
.workspace{background:linear-gradient(180deg,#eef3ff 0%,#f7f9fe 240px,#f5f7fc 100%)}
.workspace-header{background:#fff;border-bottom:1px solid #d9e2f0;box-shadow:0 2px 17px #152b502a;min-height:99px}
.header-title h1{color:#14233e;font-weight:850;letter-spacing:-.035em}
.eyebrow,.header-eyebrow,.form-eyebrow{color:var(--blue)}
.header-actions .user-chip{border-right-color:#dde5ef}
.user-chip strong{color:#17294a}
.user-chip small{color:#647894}
.avatar{background:linear-gradient(135deg,#0049ff,#276fff);color:white}
.icon-button,.menu-button{color:#23416c;background:#f3f6fc;border:1px solid #d7e3f1}
.icon-button:hover,.menu-button:hover{background:#e6efff}
.btn,.btn-mini,.nav-link{transition:background .17s,border-color .17s,transform .17s,box-shadow .17s}
.btn:hover:not(:disabled),.btn-mini:hover:not(:disabled){transform:translateY(-1px);filter:none}
.btn-primary{background:#0049ff;border-color:#0049ff;color:#fff;box-shadow:0 6px 13px #0049ff28}
.btn-primary:hover:not(:disabled){background:#003dcc;box-shadow:0 10px 18px #0049ff37}
.btn-secondary{background:#e9f0ff;border-color:#d2e0ff;color:#0041ca}
.btn-outline{background:#fff;border-color:#cad8eb;color:#2e4870}
.btn-mini{color:#0f4ed9;background:#eef4ff;border-color:#cbdcff}
.btn-mini:hover{background:#dceaff}
.inline-link{color:var(--brand);font-weight:750}
.welcome-banner{background:linear-gradient(115deg,#0049ff 0%,#003dce 70%,#102c79 100%);border-color:#276afa;box-shadow:0 13px 30px #0049ff22}
.welcome-banner h2{color:#fff;font-weight:900}
.welcome-banner .eyebrow{color:#d4e2ff}
.welcome-banner p{color:#ebf2ff}
.banner-brand{width:148px;height:138px;display:grid;place-items:center;padding:10px;background:#fff;border-radius:25px;box-shadow:0 12px 35px #00123c4d;transform:rotate(-4deg);flex-shrink:0}
.banner-brand img{max-width:100%;max-height:100%;object-fit:contain}
.stat-card,.content-panel,.game-card,.bulk-panel,.kemo-stage-panel,.finance-card{
 background:#fff;border:1px solid #dce6f3;box-shadow:0 4px 15px #1133640b;
}
.stat-card{border-radius:16px;position:relative;overflow:hidden}
.stat-card:before{content:"";position:absolute;right:0;top:0;width:55px;height:3px;background:#0049ff;border-radius:0 0 0 7px}
.stat-number{color:#0f2c63;font-weight:900}
.stat-label{color:#687e9c}
.stat-icon{background:#edf3ff;color:var(--brand)}
.content-panel{border-radius:17px}
.panel-heading h2,.section-heading h2,.series-header h3{color:#132b52}
.panel-heading p,.section-heading p,.toolbar-hint,.management-hint,.fine-print{color:#637892}
.outline-chip,.series-count,.test-chip{border:1px solid #dae5f3;background:#eff5ff;color:#2658a6}
.search-field,.controls-row select,.date-filter{background:#fff;border:1px solid #d4e0ee;color:#233d64}
.search-field input,.date-filter input{color:#163252}
.date-filter input{color-scheme:light}
.search-field span{color:#457bcf}
.search-field input::placeholder,.field input::placeholder{color:#8293aa}
.game-card{border-radius:16px;padding:19px;transition:transform .18s,box-shadow .18s,border-color .18s}
.game-card:hover{border-color:#9fbfff;box-shadow:0 10px 26px #0049ff16;transform:translateY(-2px)}
.game-monogram{background:#edf4ff;border:1px solid #cbdfff;color:#0049ff}
.game-title{color:#132b51;font-size:14px}
.game-subtitle{color:#657b98}
.platform-tags{gap:6px}
.platform-tags span{color:#3562a5;background:#eff5ff;border:1px solid #dbe7f7;border-radius:7px}
.platform-tags .edition-tag{color:#0040cb;background:#eaf1ff;border:1px solid #b5ceff;font-weight:800;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.availability-chip{background:#edf9f3;border:1px solid #cde8d9;color:#31634e}
.availability-chip strong{color:#11784e}
.availability-chip.out-stock{background:#f1f4f8;border-color:#e1e6ed;color:#60748c}
.availability-chip.out-stock strong{color:#60748c}
.availability-unknown{color:#8d5a1d}
.card-foot{color:#657c99;border-color:#e6edf6;flex-wrap:wrap;gap:8px}
.card-foot .btn-edit-game{font-size:10px;padding:7px 10px}
.data-table-wrap{background:#fff;border:1px solid #dce6f4}
.accounts-table th{background:#eff4fd;color:#29486e;border-bottom:1px solid #d8e3f2;font-weight:850}
.accounts-table td{color:#253854;border-bottom:1px solid #e7edf6}
.accounts-table tbody tr:hover{background:#f1f6ff}
.mono{color:#0356dd!important}
.table-game{color:#142f58}
.status-available{color:#08714e;background:#e6f7ef}
.status-sold{color:#a52d4b;background:#fcecf0}
.status-reserved{color:#906015;background:#fff4d7}
.status-disabled{color:#596a80;background:#edf1f6}
.account-status{color:#637991}.account-status.active{color:#0b7955}
.empty-state{background:#fff;color:#687e9a;border-color:#cbdbea}
.empty-state strong{color:#12355f}
.notice{background:#edf4ff;border-color:#cdddf4;color:#22466e}
.notice.success{background:#e9f7ee;border-color:#bee7d1;color:#147045}
.notice.error{background:#fff0f2;border-color:#efc6d0;color:#9f2442}
.notice.warning{background:#fff7e7;border-color:#f2dcaa;color:#8b5c19}
.dialog-shade,.detail-shade{background:#1423409e;backdrop-filter:blur(5px)}
.dialog-card{background:#fff;border:1px solid #d5e2f1;box-shadow:0 30px 90px #071d3d57;color:#152d51}
.dialog-heading h2,.drawer-header h2{color:#133361}
.form-subheading{color:#133058;border-bottom-color:#e1e9f5}
.field{color:#294363}
.field input,.field select,.field textarea{background:#fafdff;border:1px solid #cddae9;color:#142b4a}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#0049ff;box-shadow:0 0 0 3px #0049ff20}
.field input::placeholder,.field textarea::placeholder{color:#8797ae}
.checkrow{color:#294465}.checkrow input{accent-color:#0049ff}
.account-cost-card,.sale-safety-note,.credential-placeholder{background:#eff5ff;border-color:#c9def8;color:#24486d}
.account-cost-card .muted{color:#657b98}
.dialog-actions{border-top:1px solid #e7eef7;padding-top:18px}
.management-detail-panel,.client-history-row,.kemo-stage-panel,.bulk-game-item{background:#fff;border-color:#dbe6f3;color:#1f3659}
.client-history-meta span,.cancel-reason{color:#647895}
.date-filter{background:#fff}
.login-scene{background:radial-gradient(circle at 30% 24%,#4279ff 0%,#0049ff 45%,#002f9f 100%)}
.login-intro h1,.login-intro .eyebrow,.login-intro .logo-lockup strong{color:white}
.login-intro h1 span{color:#d9e6ff}
.login-intro p{color:#e2ebff}
.login-intro .logo-lockup small{color:#d0defa}
.login-card{background:#fff;color:#172c4f;border-color:#cde0ff;box-shadow:0 28px 80px #001a6769}
.login-card h2{color:#172e56}
.login-card input{background:#f9fbff;color:#1b345a;border:1px solid #ccdaf0}
.login-card label{color:#344f71}
.login-card .muted,.login-footer{color:#647e9c}
.small-action{color:#0049ff}
.intro-chips span{background:#ffffff24;color:#fff;border:1px solid #d2e2ff78}
.otp-display{background:#f3f7ff;border-color:#cbdfff}
.otp-code{color:#0049ff}.otp-caption,.otp-countdown{color:#365983}
.otp-progress-track{background:#dce7f9}.otp-progress{background:#0049ff}
.game-editor-edition-help,.edition-help{display:block;font-size:11px;font-weight:500;line-height:1.7;color:#5d7698;margin-top:0}
/* Account one-sheet deliberately retains white paper and encrypted field controls. */
.account-drawer.account-document{background:#f6f9ff;color:#162b4d;border-color:#d3e0f1}
.account-document .drawer-header{background:linear-gradient(110deg,#0049ff,#0032a9)}
.account-document .drawer-header h2{color:#fff}
.account-document .drawer-header .form-eyebrow{color:#d6e4ff}
.account-document .drawer-header .muted{color:#dce7ff}
.account-document .drawer-header .icon-button{background:#003bab;border-color:#86acff;color:#fff}
.account-sheet-seal{background:#0049ff}
.account-sheet-heading strong{color:#1346b0}
/* More compact mobile behavior with 2000+ accounts */
@media(max-width:920px){.workspace{width:100%}.sidebar{right:-270px}.sidebar.sidebar-open{right:0}}
@media(max-width:590px){.banner-brand{display:none}.login-layout{gap:20px}.content-panel{padding:17px}.stat-card{padding:16px}.card-foot{align-items:stretch}.game-card{padding:15px}}
/* Final layer: light Kemo treatment for subscriptions, imports and finance. */
.plus-eyebrow{color:#0049ff}
.plus-stat,.plus-card,.plus-date-cell,.plus-slot-summary{background:#fff;border-color:#dce5f3;color:#182f53;box-shadow:0 4px 17px #1745850b}
.plus-stat strong,.plus-card-title h3,.plus-date-cell strong{color:#17365d}
.plus-card-title small,.plus-date-cell span,.plus-slot-summary>span:first-child{color:#667d99}
.plus-active{color:#13764a;background:#e6f8ef}
.plus-soon{color:#97600b;background:#fff2d5}
.plus-expired{color:#a72a49;background:#ffeaf0}
.plus-unknown{color:#637897;background:#ecf1f7}
.plus-detail-banner,.plus-form-explainer{background:#edf4ff;border-color:#c5dafd;color:#20456d}
.plus-detail-banner strong,.plus-detail-banner>span:not(.plus-days-small){color:#21446f}
.fin-period,.fin-metric,.finance-flow-card,.fin-category{background:#fff;border:1px solid #dae5f4;color:#1d3558;box-shadow:0 4px 16px #1436660c}
.fin-period>span,.fin-period>small,.fin-metric-label,.finance-flow-head span,.finance-flow-card p{color:#657e9c}
.fin-period>strong,.fin-metric-value{color:#133968}
.fin-featured{background:#ecf3ff;border-color:#bcd1fa}
.finance-cash-row{border-bottom-color:#e1e9f4}
.finance-cash-row:last-child{color:#0d3f9a}
.fin-category{background:#f6f9ff}
.fin-empty{color:#788ca5}
.fin-negative{color:#bc3153!important}
.finance-stock-info{background:linear-gradient(115deg,#0049ff,#003bbb);border-color:#0049ff;box-shadow:0 7px 22px #0049ff24}
.finance-stock-info strong{color:#fff}
.finance-stock-eyebrow,.finance-stock-info .management-hint{color:#e2ecff}
.bulk-upload{border-color:#bdd2fb;background:#edf4ff;color:#24466f}
.bulk-upload:hover{background:#e2edff;border-color:#6c9bff}
.bulk-upload-icon{color:#0049ff}
.bulk-upload input{color:#203e6b}
.bulk-stat{background:#f4f8ff;border:1px solid #d8e5f9;color:#1b365e}
.bulk-stat span{color:#657b9b}
.bulk-stat strong{color:#003bce}
.bulk-game-item{background:#fff;border-color:#d5e1f2;color:#213c64}
.bulk-game-label{color:#44617c}
.bulk-game-label select{border:1px solid #cbd9ea;border-radius:8px;background:#fff;color:#243b58;padding:7px 10px}
.bulk-progress-row span{color:#456489}
.bulk-progress-row progress{accent-color:#0049ff}
.bulk-error{color:#a52b48}.bulk-done{color:#12764a}
.kemo-stage-panel{background:#f8fbff;border-color:#d5e5fb}
.kemo-stage-panel .panel-heading h2{color:#163a79}
.handoff-code-choice{border-color:#d1dff1;background:#f6f9fe;color:#1f395d}
.handoff-code-choice span:last-child{color:#0d4ec4}
.handoff-code-number{color:#55728f}.handoff-count-line{color:#446588}.handoff-count-line strong{color:#0d4084}
.handoff-warning{border-color:#eed69a;background:#fff6dd;color:#82520c}
/* Keep OTP display on the account document dark for explicit visual separation. */
.account-document .otp-display{background:#0e2a55;border-color:#244b81}
.account-document .otp-code{color:#fff}
.account-document .otp-caption{color:#a5c7f5}