:root{--bg0:#0b0b0b;--bg1:#121212;--bg2:#1a1a1a;--bg3:#222;--line:#ffffff1a;--text:#f0f0f0;--muted:#9a9a9a;--accent:#c8c8c8;--accent-strong:#e8e8e8;--warn:#c4a574;--danger:#d98989;--shadow:0 18px 50px #0000008c;--radius:18px;--font-display:"Syne", sans-serif;--font-body:"Manrope", sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#555 #1a1a1a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:999px}::-webkit-scrollbar-thumb{background:#555;border:2px solid #1a1a1a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#777}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:#0b0b0b;margin:0}button,input,select{font:inherit;color:inherit}button{appearance:none}a{color:inherit;text-decoration:none}.app-shell{max-width:1180px;margin:0 auto;padding:28px 20px 64px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1}.brand span{color:var(--accent)}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a,.nav button.ghost{appearance:none;color:var(--muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;padding:8px 14px;font-weight:500;line-height:1.2;transition:all .2s}.nav a.active,.nav a:hover,.nav button.ghost:hover{color:var(--text);background:#ffffff1a;border-color:#ffffff47}.user-chip{color:var(--muted);font-size:.9rem}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#161616}.toolbar{z-index:2;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex;position:relative;overflow:visible}.field,.search{appearance:none;color:var(--text);background:#00000059;border:1px solid #ffffff29;border-radius:12px;outline:none;min-width:0;padding:10px 14px;line-height:1.2}.search{flex:1;min-width:180px;min-height:42px}.field:focus,.search:focus{border-color:#ffffff47}.ui-select{min-width:180px;position:relative}.ui-select-trigger{appearance:none;width:100%;color:var(--text);cursor:pointer;text-align:left;background:#00000059;border:1px solid #ffffff29;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:10px 14px;font-weight:500;line-height:1.2;display:flex}.ui-select-trigger:disabled{opacity:.45;cursor:not-allowed}.ui-select-trigger .placeholder{color:var(--muted)}.ui-select-chevron{color:var(--muted);font-size:.75rem}.ui-select-menu{z-index:50;max-height:280px;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#555 #161616;background:#161616;border:1px solid #ffffff24;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.ui-select-menu::-webkit-scrollbar{width:8px}.ui-select-menu::-webkit-scrollbar-track{background:#161616;border-radius:999px}.ui-select-menu::-webkit-scrollbar-thumb{background:#555;border:2px solid #161616;border-radius:999px}.ui-select-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px}.ui-select-option:hover{background:#ffffff14}.ui-select-option.active{color:var(--accent-strong);background:#ffffff1f}.btn{appearance:none;cursor:pointer;min-height:42px;color:var(--text);background:#ffffff0f;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;line-height:1.2;transition:all .18s;display:inline-flex}.btn-sm{border-radius:10px;min-height:34px;padding:7px 12px;font-size:.9rem}.btn:disabled{opacity:1;cursor:not-allowed;filter:none;color:#6e6e6e;background:#1a1a1a;border-color:#ffffff14;transform:none}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{color:#6e6e6e;background:#1a1a1a;border-color:#ffffff14}.btn-primary{color:#f2f2f2;background:#2c2c2c;border-color:#ffffff38}.btn-primary:hover:not(:disabled){background:#383838;border-color:#ffffff59;transform:translateY(-1px)}.btn-secondary{color:var(--text);background:#ffffff0a;border-color:#ffffff29}.btn-secondary:hover:not(:disabled){background:#ffffff17;border-color:#ffffff47}.btn-danger{color:#d7a0a0;background:#ffffff0a;border-color:#d7a0a059}.btn-danger:hover:not(:disabled){background:#d7a0a01f;border-color:#d7a0a080}.game-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.game-tab{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:14px;padding:10px 14px;font-weight:500;line-height:1.2;transition:all .18s}.game-tab:hover{color:var(--text);border-color:#ffffff47}.game-tab.active{color:#fff;background:#2f2f2f;border-color:#ffffff59;font-weight:700}.mode-switch{border:1px solid var(--line);background:#00000059;border-radius:14px;padding:4px;display:inline-flex}.mode-switch button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 14px;font-weight:500;line-height:1.2}.mode-switch button.active{color:var(--text);background:#ffffff1f}.section{margin-top:28px}.section-title{font-family:var(--font-display);color:var(--accent-strong);letter-spacing:-.02em;margin:0 0 12px;font-size:1.15rem}.item-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.item-card{text-align:left;border:1px solid var(--line);color:inherit;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 110px;background:#ffffff08;border-radius:16px;padding:16px 16px 14px;transition:border-color .15s,background .15s}.item-card:hover{background:#ffffff0f;border-color:#ffffff38}.item-card h3{overflow-wrap:anywhere;word-break:break-word;margin:0 0 8px;font-size:1.02rem;font-weight:600;line-height:1.3}.item-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.total-pill{font-variant-numeric:tabular-nums;color:#111;background:#cfcfcf;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{color:var(--muted);border:1px solid var(--line);background:#00000059;border-radius:999px;padding:3px 8px;font-size:.75rem}.badge strong{color:var(--text);font-variant-numeric:tabular-nums}.drawer-backdrop{z-index:40;background:#000000ad;justify-content:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--line);scrollbar-color:#555 #1a1a1a;background:linear-gradient(#1a1a1a,#101010);width:min(440px,100%);height:100%;padding:24px;animation:.25s slide;overflow:auto}.drawer h2{font-family:var(--font-display);margin:0 0 6px;font-size:1.45rem}.drawer-sub{color:var(--muted);margin-bottom:20px}.qty-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.qty-controls{align-items:center;gap:6px;display:flex}.qty-controls button{appearance:none;width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.qty-controls button:hover{background:#ffffff1a}.qty-controls input{text-align:center;border:1px solid var(--line);width:64px;color:var(--text);font-variant-numeric:tabular-nums;appearance:textfield;background:#0006;border-radius:10px;padding:8px}.qty-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(420px,100%);padding:36px 28px}.login-card h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 8px;font-size:2.4rem}.login-card p{color:var(--muted);margin:0 0 24px}.login-card form{gap:12px;display:grid}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.92rem}.empty{text-align:center;color:var(--muted);padding:40px 20px}.table-list{gap:8px;display:grid}.row-card{border:1px solid var(--line);background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:16px}.stat .label{color:var(--muted);font-size:.85rem}.stat .value{font-family:var(--font-display);margin-top:4px;font-size:1.7rem}.checkbox{color:var(--muted);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:10px;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.checkbox-box{background:#0006;border:1px solid #ffffff38;border-radius:6px;flex-shrink:0;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.checkbox-box:after{content:"";border-bottom:2px solid #0000;border-left:2px solid #0000;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.checkbox input:checked+.checkbox-box{background:#ffffff29;border-color:#fff6}.checkbox input:checked+.checkbox-box:after{border-color:var(--accent-strong)}.checkbox:hover .checkbox-box{border-color:#fff6}.file-picker{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-picker input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-picker-btn{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;line-height:1.2;transition:all .18s;display:inline-flex}.file-picker-btn:hover{background:#ffffff1a;border-color:#ffffff47}.file-picker-name{color:var(--muted);font-size:.92rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translate(24px)}to{transform:none}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start}}