:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf2;background:#101416;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101416;--surface: #171d20;--surface-2: #20282c;--line: #344046;--muted: #98a6ad;--text: #e8edf2;--accent: #d79a31;--accent-2: #f1bc60;--danger: #d65d5d;--success: #61b880;--info: #62a4d8}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top right,#243027 0,var(--bg) 38rem)}button,input,select,textarea{font:inherit}button{border:0;border-radius:.55rem;padding:.68rem 1rem;background:var(--accent);color:#15110a;font-weight:750;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}button.danger{background:#592d2d;color:#ffdede;border:1px solid #854242}button.text-button{padding:0;background:transparent;color:var(--accent-2);text-align:left}input,select,textarea{width:100%;background:#101618;color:var(--text);border:1px solid var(--line);border-radius:.45rem;padding:.68rem .75rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d79a3122}label{display:grid;gap:.4rem;color:#c9d2d6;font-size:.86rem;font-weight:650}label small{font-weight:400;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:1.65rem;margin-bottom:.25rem}h2{font-size:1.18rem;margin-bottom:1rem}h3{font-size:1rem}p{color:#b7c2c7;line-height:1.55}small{display:block;color:var(--muted)}code{color:#f1c77e;font-size:.8rem;overflow-wrap:anywhere}.app-shell{min-height:100vh;display:grid;grid-template-columns:15.5rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2rem;background:#0d1113ee;border-right:1px solid #2b3539;padding:1.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem}.brand strong,.brand span{display:block}.brand strong{font-size:1.1rem}.brand span{color:var(--muted);font-size:.77rem}.brand-mark{width:2.75rem;height:2.75rem;border-radius:.65rem;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-2),#95661f);color:#17110a;font-weight:950;border:1px solid #f4cc84;box-shadow:inset 0 0 0 2px #1c140b33}.brand-mark.large{width:4rem;height:4rem;font-size:1.25rem;margin:0 auto 1rem}.sidebar nav{display:grid;gap:.3rem}.sidebar nav button{text-align:left;background:transparent;color:#b6c2c7;border:1px solid transparent}.sidebar nav button.active{background:#d79a3117;border-color:#d79a3155;color:var(--accent-2)}.sidebar-foot{margin-top:auto;display:grid;gap:.2rem;padding-top:1rem;border-top:1px solid var(--line)}.sidebar-foot small{font-size:.7rem;letter-spacing:.08em}.main-content{min-width:0;padding:1.5rem 2rem 4rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.topbar p{margin:0;color:var(--muted)}.status-message{max-width:30rem;padding:.55rem .8rem;border-radius:99rem;background:#182326;border:1px solid #33434a;color:#b8c8cf;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-message.error{border-color:#8d4141;color:#ffb5b5}.page-stack{display:grid;gap:1rem}.panel{background:linear-gradient(145deg,#1a2124,#151a1c);border:1px solid var(--line);border-radius:.85rem;padding:1.15rem;box-shadow:0 12px 35px #0002;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.panel-title h2,.panel-title h3{margin-bottom:.35rem}.eyebrow{display:block;color:var(--accent-2);letter-spacing:.12em;font-size:.66rem;font-weight:850;margin-bottom:.3rem}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.metric{background:#171e20;border:1px solid var(--line);border-radius:.75rem;padding:1rem}.metric span{color:var(--muted);font-size:.75rem}.metric strong{display:block;margin-top:.35rem;font-size:1.35rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-2.unequal{grid-template-columns:minmax(16rem,.7fr) minmax(0,1.5fr)}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.control-list{margin:0;display:grid;gap:.65rem}.control-list div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.55rem;border-bottom:1px solid #2b3539}.control-list dt{color:var(--muted)}.control-list dd{margin:0;font-weight:750;text-align:right;overflow-wrap:anywhere}.form-grid{display:grid;gap:.75rem;margin-bottom:.8rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:.6rem;padding:.2rem;background:#101618}.segmented button{background:transparent;color:var(--muted);padding:.45rem .75rem}.segmented button.active{background:var(--accent);color:#17110a}.catalogue-search,.filter-row,.upload-row,.scanner-box{display:grid;grid-template-columns:auto minmax(10rem,1fr) auto;gap:.6rem;align-items:end}.filter-row{grid-template-columns:minmax(13rem,2fr) 9rem 9rem auto auto}.check{display:flex;flex-direction:row;align-items:center;white-space:nowrap;padding:.65rem 0}.check input{width:auto}.result-strip{margin-top:1rem;display:flex;gap:.65rem;overflow-x:auto;padding-bottom:.4rem}.catalogue-result{min-width:17rem;max-width:20rem;display:grid;grid-template-columns:3.2rem 1fr;gap:.65rem;align-items:center;text-align:left;background:#111719;color:var(--text);border:1px solid var(--line)}.catalogue-result.selected{border-color:var(--accent);box-shadow:0 0 0 2px #d79a3122}.catalogue-result img,.placeholder-image{width:3.2rem;height:4.4rem;object-fit:cover;border-radius:.3rem;background:#283236;display:grid;place-items:center;color:var(--muted);font-size:.65rem}.selected-chip,.pill,.sync{display:inline-flex;align-items:center;border-radius:99rem;font-size:.68rem;padding:.25rem .48rem;font-weight:800;letter-spacing:.04em}.selected-chip{background:#d79a3122;color:var(--accent-2);border:1px solid #d79a3155}.pill.raw{background:#245034;color:#a8e5ba}.pill.graded{background:#3f3759;color:#cdbcf0}.sync.synced{color:#a9e6ba;background:#244d32}.sync.pending{color:#ffe09d;background:#594a25}.sync.error{color:#ffb3b3;background:#5b2c2c}.sync.not_linked{color:#b5c0c5;background:#30393d}.notice,.error-box,.preview-card,.suggestion{border-radius:.65rem;padding:.8rem;background:#152026;border:1px solid #33444c}.error-box{background:#331e1e;border-color:#6d3838;color:#ffb8b8}.warning{color:#ffd17b}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:48rem}th,td{padding:.7rem .75rem;text-align:left;border-bottom:1px solid #2e383d;vertical-align:middle}th{position:sticky;top:0;background:#20282c;color:#aebbc1;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}td{font-size:.85rem}td small{margin-top:.2rem}.number-cell{font-size:1.2rem;text-align:center}.thumb{width:3.2rem;height:4.4rem;object-fit:cover;border-radius:.3rem;background:#252e32}.thumb.empty{display:grid;place-items:center;color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.button-row.compact button{padding:.4rem .55rem;font-size:.72rem}.danger-text{color:#ff8d8d!important}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:#0009;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{width:min(62rem,94vw);height:100%;overflow-y:auto;background:#111719;border-left:1px solid var(--line);padding:1.2rem;box-shadow:-20px 0 50px #0007}.drawer-head{display:flex;justify-content:space-between;gap:1rem;position:sticky;top:-1.2rem;z-index:5;background:#111719ee;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.2rem 0 .9rem;border-bottom:1px solid var(--line)}.drawer-head p{margin:0}.drawer-actions{display:flex;gap:.5rem;margin:1rem 0}.drawer-section{padding:1rem 0;border-top:1px solid var(--line)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.65rem;margin-bottom:.7rem}.image-card{background:#1b2326;border:1px solid var(--line);border-radius:.6rem;padding:.55rem}.image-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:.35rem;margin-bottom:.4rem}.suggestion,.preview-card{margin-top:.7rem;display:grid;gap:.4rem}.trade-totals{display:grid;gap:.2rem;min-width:10rem;text-align:right}.trade-totals span{color:var(--muted);font-size:.8rem}.trade-totals strong{color:var(--accent-2);font-size:1.2rem}.trade-card-image{width:6rem;height:8.4rem;object-fit:cover;border-radius:.45rem;border:1px solid var(--line);background:#252e32}.cardmarket-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;border:1px solid #3c5160;border-radius:.65rem;background:#142026}.cardmarket-panel>div:first-child{display:grid;gap:.25rem}.cardmarket-panel span{display:block;color:#d8e2e7;font-size:.82rem}.cardmarket-panel .button-row{flex-shrink:0}.session-list,.rule-list,.location-list{display:grid;gap:.5rem}.session-list button{background:#151c1e;color:var(--text);border:1px solid var(--line);text-align:left}.session-list button.selected{border-color:var(--accent)}.stocktake-workspace{min-height:35rem}.scanner-box{grid-template-columns:1fr auto;padding:.8rem;background:#101618;border:1px solid var(--line);border-radius:.65rem;margin-bottom:1rem}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem}.catalogue-card{display:grid;grid-template-columns:5rem 1fr;gap:.75rem;background:#171e20;border:1px solid var(--line);border-radius:.75rem;padding:.65rem}.catalogue-card>img,.catalogue-card>.placeholder-image{width:5rem;height:7rem;object-fit:cover;border-radius:.35rem}.catalogue-card h3{margin:.15rem 0 .3rem}.catalogue-card p{margin:0 0 .3rem}.rule-list article{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:.6rem;background:#151c1e}.location-list{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-top:.8rem}.location-list span{padding:.5rem;background:#111719;border-radius:.45rem}.json-cell{display:block;max-width:25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{min-height:25rem;display:grid;place-items:center;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at center top,#2d362c,#0c1012 45rem)}.auth-card{width:min(28rem,100%);background:#171d20;border:1px solid var(--line);border-radius:1rem;padding:2rem;box-shadow:0 30px 80px #0009;display:grid;gap:.8rem}.auth-card h1{text-align:center;margin:0}.auth-card p{text-align:center}.message-line{text-align:center;min-height:1rem}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.cardmarket-panel{align-items:flex-start;flex-direction:column}.trade-totals{text-align:left}.app-shell{display:block}.sidebar{position:static;height:auto;padding:.8rem;gap:.7rem}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap}.sidebar-foot{display:none}.main-content{padding:1rem}.topbar{align-items:flex-start;flex-direction:column}.status-message{max-width:100%}.grid-2,.grid-2.unequal{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.filter-row,.catalogue-search{grid-template-columns:1fr}}@media(max-width:560px){.metric-grid,.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:auto}.action-grid{grid-template-columns:1fr}.drawer{width:100%}}.listing-queue-head{padding:1rem 1rem 0}.queue-summary{display:grid;grid-template-columns:repeat(5,minmax(7rem,1fr));gap:.65rem;padding:1rem}.queue-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;background:#151f23;border:1px solid #314047;color:inherit}.queue-stat strong{font-size:1.25rem}.queue-stat span{font-size:.68rem;letter-spacing:.06em;font-weight:800}.queue-stat.selected{border-color:#d69a29}.queue-filters{padding:0 1rem 1rem}.readiness{display:inline-flex;border-radius:99rem;padding:.25rem .5rem;font-size:.68rem;font-weight:800;letter-spacing:.04em}.readiness.ready{background:#244d32;color:#a9e6ba}.readiness.needs_sync{background:#594a25;color:#ffe09d}.readiness.synced{background:#203e4f;color:#b9e5ff}.readiness.blocked{background:#5b2c2c;color:#ffb3b3}.readiness.out_of_stock{background:#30393d;color:#b5c0c5}.queue-blocker{color:#ffb3b3;display:block}@media(max-width:900px){.queue-summary{grid-template-columns:repeat(2,minmax(8rem,1fr))}}