:root{--ink: #f5f5f2;--ink2: #c7c7c0;--mut: #9b9ba4;--line: rgba(255, 255, 255, .08);--bg: #0b0b0f;--card: #141419;--panel2: #1a1a21;--accent: #ffce00;--accent2: #d9a400;--gold: #ffce00;--goldsoft: rgba(255, 206, 0, .13);--foil: linear-gradient(90deg, #ffce00, #ff7a18, #ff3d77, #7a5cff, #2e9cff);--good: #3ecf6f;--goodbg: rgba(62, 207, 111, .13);--warn: #ff9e45;--warnbg: rgba(255, 158, 69, .13);--bad: #ff5147;--badbg: rgba(255, 81, 71, .13);--pill: #1e1e27;--line-strong: rgba(255, 255, 255, .28);--accent-text: #ffce00;--soft: rgba(245, 245, 242, .75);--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--display: "Anton", "Inter", -apple-system, sans-serif;--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 18px 38px -20px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:#0b0b0f}a{color:var(--accent-text);text-underline-offset:2px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#101017;color:var(--ink);width:100%}input::placeholder,textarea::placeholder{color:#8e8e96}select option{background:#141419;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ffce0047}label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);margin:0 0 5px}.shopbar{position:relative;overflow:hidden;background:linear-gradient(180deg,#12121a,#0b0b0f);color:#fff;padding:22px 24px 18px;border-bottom:3px solid var(--gold);box-shadow:0 12px 32px -14px #000000d9}.shopbar:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1.1px,transparent 1.2px);background-size:14px 14px;opacity:.2;pointer-events:none}.shopbar .row{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:1180px;margin:0 auto}.logo{width:50px;height:50px;border-radius:10px;background:var(--gold);color:#0b0b0f;font-family:var(--display);font-size:22px;display:flex;align-items:center;justify-content:center;letter-spacing:.04em;box-shadow:0 6px 16px -6px #ffce0073;flex:none}.shopname{font-family:var(--display);font-size:25px;line-height:1.1;letter-spacing:.02em}.shopsub{font-size:13.5px;color:#f5f5f29e}.planbadge{margin-left:auto;background:var(--gold);border:1px solid var(--gold);color:#0b0b0f;font-family:var(--mono);font-weight:700;font-size:12px;padding:6px 12px;border-radius:999px}.signout{color:#f5f5f2bf;font-size:13px}.linklike{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}button.signout.linklike{text-decoration:none}button.signout.linklike:hover{text-decoration:underline}main.wrap{max-width:1180px;margin:0 auto;padding:28px 18px 44px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 26px;margin-bottom:20px;box-shadow:var(--shadow)}h2{margin:0 0 5px;font-family:var(--display);font-size:23px;font-weight:400;letter-spacing:.02em;text-transform:uppercase}h3{margin:0 0 9px;font-size:15.5px;font-weight:700;color:var(--ink)}.sub{color:var(--mut);font-size:14px;margin:0 0 16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:820px){.grid2,.grid3{grid-template-columns:1fr}.card{padding:20px 18px}}.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tscroll>table{min-width:560px}table{width:100%;border-collapse:collapse;font-size:14.5px}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);border-bottom:2px solid rgba(255,255,255,.16);padding:8px 10px}td{border-bottom:1px solid rgba(255,255,255,.06);padding:10px;vertical-align:top}tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff0a}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.btn{background:linear-gradient(180deg,var(--accent),var(--accent2));color:#0b0b0f;border:0;border-radius:10px;padding:10px 18px;font-weight:700;box-shadow:0 4px 14px -4px #0009;transition:all .15s;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.28);box-shadow:none}.btn.ghost:hover{border-color:var(--gold);color:var(--gold);background:#ffce0012;transform:none}.btn.small{padding:6px 12px;font-size:13px;border-radius:8px}.btn:disabled{background:#33333d;color:#8a8a93;cursor:not-allowed;box-shadow:none;transform:none}.pill{display:inline-block;background:var(--pill);color:var(--ink2);font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.03em;padding:3px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.07);white-space:nowrap}.pill.good{background:var(--goodbg);color:var(--good);border-color:#3ecf6f59}.pill.warn{background:var(--warnbg);color:var(--warn);border-color:#ff9e4559}.pill.bad{background:var(--badbg);color:var(--bad);border-color:#ff514759}.timeline{list-style:none;margin:8px 0 0;padding:0}.timeline li{position:relative;padding:0 0 18px 34px}.timeline li:before{content:"";position:absolute;left:10px;top:24px;bottom:-2px;width:2px;background:#ffffff21}.timeline li:last-child:before{display:none}.timeline .dot{position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:#141419;border:2px solid rgba(255,255,255,.32)}.timeline li.done .dot{background:var(--good);border-color:var(--good)}.timeline li.now .dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px #ffce0033}.timeline li.todo{color:var(--mut)}.timeline .t{font-weight:700}.timeline .ts{font-size:12.5px;color:var(--mut)}.money{font-variant-numeric:tabular-nums}.mathline{font-family:var(--mono);font-size:13px;background:#101016;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px;margin:6px 0}.totalrow td{font-weight:800;border-top:2px solid var(--gold);border-bottom:0;font-size:15px;color:var(--ink)}.banner{border-radius:12px;padding:15px 17px;margin-bottom:16px;font-size:14.5px;background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--gold)}.banner.good{background:var(--goodbg);border:1px solid rgba(62,207,111,.35);border-left:4px solid var(--good)}.banner.info{background:#ffce0014;border:1px solid rgba(255,206,0,.3);border-left:4px solid var(--gold)}.banner.warn{background:var(--warnbg);border:1px solid rgba(255,158,69,.35);border-left:4px solid var(--warn)}.banner.bad{background:var(--badbg);border:1px solid rgba(255,81,71,.35);border-left:4px solid var(--bad)}.stat{background:linear-gradient(180deg,#17171f,#121218);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}.stat .v{font-family:var(--mono);font-size:27px;font-weight:700;line-height:1.1}.stat .k{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.fineprint{font-size:12.5px;color:var(--mut);line-height:1.5}.flexrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.photo-tile{width:56px;height:76px;border-radius:8px;border:1.5px dashed rgba(255,255,255,.3);background:#101016;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--mut);text-align:center;gap:2px;padding:3px}.photo-tile.filled{position:relative;border:1.5px solid rgba(255,255,255,.25);background:linear-gradient(165deg,#23232f,#14141b 55%,#0d0d12);color:#f5f5f2d1;overflow:hidden;padding-top:12px}.photo-tile.filled:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--gold)}.photo-tile.pending{border-style:solid;border-color:#ff9e458c;color:var(--warn)}.refno{font-family:var(--mono);font-size:12px;color:var(--accent-text);white-space:nowrap;font-weight:600}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.chips button{background:var(--panel2);color:var(--ink);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;font-weight:650;font-size:13px}.chips button.active{background:var(--gold);color:#0b0b0f;border-color:var(--gold)}.balcard{background:linear-gradient(150deg,#17171f,#101016);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 20px;margin-bottom:16px;color:#f5f5f2;box-shadow:0 16px 30px -16px #000000b3}.balcard .fineprint{color:var(--mut)}.balcard a{color:var(--gold)}.balcard tbody tr:hover{background:#ffffff0f}.balcard td{border-bottom-color:#ffffff1a}.balcard .totalrow td{border-top-color:var(--gold);color:#fff}details.balbreak{margin-top:10px}details.balbreak summary{cursor:pointer;font-weight:650;color:var(--accent-text);font-size:14px}.feed{list-style:none;margin:0;padding:0;font-size:14px}.feed li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}.feed li:last-child{border-bottom:0}.planbar{height:10px;background:#26262e;border-radius:99px;overflow:hidden;margin:10px 0 4px}.planbar i{display:block;height:100%;background:linear-gradient(90deg,#ffce00,#d9a400)}.hidden{display:none!important}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;text-decoration:none;color:var(--ink);display:block}.tile .slab{height:132px;display:flex;align-items:flex-end;padding:10px;font-family:var(--mono);font-size:11px;color:#ffffff8c;background:linear-gradient(145deg,#23232f,#101016 72%)}.tile .slab.pending{color:var(--warn)}.tilemeta{padding:12px 14px}.tilemeta h4{font-size:14.5px;margin:0 0 3px}.tilemeta p{font-size:12px;opacity:.75;font-family:var(--mono);margin:0}.cornerbox{position:absolute;top:0;left:0;font-family:var(--mono);font-weight:700;font-size:11.5px;padding:6px 10px;letter-spacing:.03em;background:var(--gold);color:#0b0b0f;border-radius:0 0 10px;z-index:2}.cornerbox.foil{background:var(--foil);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.cornerbox.plain{background:#f5f5f2}.msg{border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:14px}.msg.ok{background:var(--goodbg);border:1px solid rgba(62,207,111,.35)}.msg.err{background:var(--badbg);border:1px solid rgba(255,81,71,.35)}:root[data-theme=light]{--ink: #141419;--ink2: #3e3f46;--mut: #62636b;--line: rgba(20, 20, 25, .13);--line-strong: rgba(20, 20, 25, .3);--bg: #f6f4ee;--card: #ffffff;--panel2: #f0eee7;--pill: #ece9df;--accent-text: #8a5a00;--soft: rgba(19, 19, 24, .78);--good: #177245;--warn: #a85b00;--bad: #c81e1e;--shadow: 0 1px 2px rgba(20, 20, 25, .08), 0 18px 38px -22px rgba(20, 20, 25, .28);color-scheme:light}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:#fff;border-color:#14141938}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#6e6f76}:root[data-theme=light] select option{background:#fff;color:var(--ink)}:root[data-theme=light] th{border-bottom-color:#14141933}:root[data-theme=light] td{border-bottom-color:#14141914}:root[data-theme=light] tbody tr:hover{background:#1414190a}:root[data-theme=light] .btn.ghost{border-color:#14141952}:root[data-theme=light] .btn.ghost:hover{background:#ffce0024;color:var(--ink);border-color:#8a5a00}:root[data-theme=light] .btn:disabled{background:#d8d5cc;color:#77787f}:root[data-theme=light] .pill{border-color:#1414191a}:root[data-theme=light] .timeline li:before{background:#14141929}:root[data-theme=light] .timeline .dot{background:var(--card);border-color:#14141959}:root[data-theme=light] .mathline{background:#f7f5f0;border-color:#1414191f}:root[data-theme=light] .stat{background:linear-gradient(180deg,#fff,#f4f1e8)}:root[data-theme=light] .photo-tile{background:#f7f5f0;border-color:#1414194d}:root[data-theme=light] .chips button{border-color:#14141933}:root[data-theme=light] .feed li{border-bottom-color:#14141914}:root[data-theme=light] .planbar{background:#ddd9ce}:root[data-theme=light] .balcard{--mut: #b9b9c0;--ink2: #e4e4dc}:root[data-theme=light] .tile .slab{background:linear-gradient(145deg,#e9e4d2,#fbfaf5 75%);color:var(--mut)}:root[data-theme=light] .cornerbox.plain{background:#141419;color:#f5f5f2}.theme-toggle{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font:600 13px Inter,sans-serif;display:inline-flex;gap:8px;align-items:center;cursor:pointer;white-space:nowrap}.theme-toggle:hover{border-color:var(--accent-text)}.shopbar .theme-toggle{border-color:#ffffff4d;background:#ffffff14;color:#f5f5f2}.shopbar .theme-toggle:hover{border-color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}:root[data-theme=light] :focus-visible{outline-color:#8a5a00}.shopbar .theme-toggle:focus-visible{outline-color:var(--gold)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.simple-wrap{max-width:520px;margin:0 auto;padding:48px 20px 64px}.simple-wrap.wide{max-width:720px}.simple-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.brand-kicker{color:var(--accent-text);letter-spacing:2px;font-size:12px;font-weight:700;text-transform:uppercase;margin:0}.lead{color:var(--soft);line-height:1.6}.error{color:var(--bad)}.success{color:var(--good)}.simple-form{display:grid;gap:12px;margin-top:20px}.simple-form label{display:grid;gap:6px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);margin:0}.btn.block{display:block;width:100%;text-align:center}.secondary-action{background:transparent;color:var(--ink);font-weight:600;padding:12px;border:1px solid var(--line-strong);border-radius:10px;cursor:pointer;width:100%}.secondary-action:hover{border-color:var(--accent-text)}.code-input{letter-spacing:4px}.thumb{width:34px;height:46px;object-fit:cover;border-radius:5px;border:1.5px solid var(--line);vertical-align:middle;margin-right:6px}.attach{display:inline-block;font-size:11px;color:var(--mut);margin-left:8px}.attach input{width:118px;font-size:11px}.photo-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-scope{--accent-text: var(--bt-dark, var(--accent-text))}[data-theme=light] .brand-scope{--accent-text: var(--bt-light, var(--accent-text))}.swatch{display:inline-block;width:34px;height:34px;border-radius:9px;border:2px solid var(--line);cursor:pointer;margin-right:8px;vertical-align:middle}@media(pointer:coarse){.btn.small{min-height:44px;padding-top:10px;padding-bottom:10px}.chips button{min-height:44px}}
