@import "https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;700;800;900&display=swap";
:root{--burgundy:#482426;--tartan-base:#3f1119;--plate:#3d1216;--chip-dark:#2a0d10;--green:#18332b;--gold:#d1ba8b;--bone:#f2f2f2;--cream:#f2ebdb;--ink:#5e2429;--hg:"Overpass", "Highway Gothic", sans-serif}.paper{--p-bg:#f4edde;--p-card-hi:#fdfaf2;--p-card-lo:#f6edd9;--p-ink:#3d2022;--p-ink-strong:#2e1517;--p-ink-rgb:61, 32, 34;--p-gold:#8a6b32;--p-gold-rgb:138, 107, 50;--p-green:#1e5b41;--p-green-rgb:30, 91, 65;--p-amber:#8f6400;--p-amber-rgb:201, 162, 39;--p-glint:#fff;--p-shadow:#3d20221a;--p-overlay:#3d202273;background:var(--p-bg);color:var(--p-ink)}.paper.dark{--p-bg:#0f211b;--p-card-hi:#1b342c;--p-card-lo:#152a23;--p-ink:#e9e2cf;--p-ink-strong:#f5f0e1;--p-ink-rgb:233, 226, 207;--p-gold:#d1ba8b;--p-gold-rgb:209, 186, 139;--p-green:#9fd3b4;--p-green-rgb:143, 199, 166;--p-amber:#f2c94c;--p-amber-rgb:242, 201, 76;--p-glint:#ffffff0f;--p-shadow:#00000059;--p-overlay:#040c09a6}*{box-sizing:border-box}html,body{background:var(--burgundy);color:var(--bone);font-family:var(--hg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0}button{color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0;font-family:inherit}button:disabled{cursor:default}.acard{background:linear-gradient(#5e242980,#3f111999);border:1px solid #d1ba8b52;border-radius:14px;box-shadow:inset 0 1px #f2ebdb14,0 8px 22px #100a0947}.paper .acard{background:linear-gradient(180deg, var(--p-card-hi), var(--p-card-lo));border-color:rgba(var(--p-ink-rgb), .18);box-shadow:inset 0 1px 0 var(--p-glint), 0 6px 16px var(--p-shadow)}.brass{border-radius:12px;justify-content:center;align-items:center;gap:14px;width:100%;height:58px;transition:transform .12s,box-shadow .25s,background .25s;display:flex;position:relative}.brass.armed{background:linear-gradient(#dec99e,#d1ba8b 45%,#c1a776);box-shadow:inset 0 1px #fff6,0 10px 28px #00000061,0 3px 10px #d1ba8b2e}.brass.disarmed{background:#f2f2f208;box-shadow:inset 0 0 0 1px #f2f2f22e}.brass.armed:active{transform:scale(.985)}.brass .inner-rule{pointer-events:none;border-radius:8px;position:absolute;inset:4px}.brass.armed .inner-rule{border:1px solid #48242666}.brass.disarmed .inner-rule{border:1px solid #f2f2f212}.brass .word{font:900 20px var(--hg);letter-spacing:.16em;transition:color .25s}.brass.armed .word{color:var(--burgundy)}.brass.disarmed .word{color:#f2f2f259}.paper .brass.armed{box-shadow:inset 0 1px #fff6, 0 8px 20px var(--p-shadow), 0 3px 10px #b5945a4d}.paper .brass.disarmed{background:rgba(var(--p-ink-rgb), .04);box-shadow:inset 0 0 0 1px rgba(var(--p-ink-rgb), .18)}.paper .brass.disarmed .inner-rule{border-color:rgba(var(--p-ink-rgb), .07)}.paper .brass.disarmed .word{color:rgba(var(--p-ink-rgb), .35)}.ghost{border-radius:12px;justify-content:center;align-items:center;width:100%;height:54px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #f2f2f240}.ghost .inner-rule{pointer-events:none;border:1px solid #f2f2f214;border-radius:8px;position:absolute;inset:4px}.ghost .word{font:900 15px var(--hg);letter-spacing:.16em;color:#f2f2f2e6}.paper .ghost{box-shadow:inset 0 0 0 1px rgba(var(--p-ink-rgb), .3)}.paper .ghost .inner-rule{border-color:rgba(var(--p-ink-rgb), .08)}.paper .ghost .word{color:var(--p-ink)}.field{background:#100a0959;border:1px solid #d1ba8b59;border-radius:12px;padding:10px 14px 11px;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d1ba8b2e}.field .field-label{font:700 8.5px var(--hg);letter-spacing:.3em;color:#d1ba8be6}.field input{color:var(--bone);width:100%;font-family:inherit;font:400 16px var(--hg);letter-spacing:.03em;caret-color:var(--gold);background:0 0;border:none;outline:none;padding:6px 0 1px}.paper .field{background:var(--p-card-hi);border-color:rgba(var(--p-gold-rgb), .45)}.paper .field .field-label{color:var(--p-gold)}.paper .field input{color:var(--p-ink-strong);caret-color:var(--p-gold)}.paper .field:focus-within{border-color:var(--p-gold);box-shadow:0 0 0 3px rgba(var(--p-gold-rgb), .15)}.section-hd{align-items:center;gap:10px;margin:22px 0 8px;display:flex}.section-hd .label{font:700 9.5px var(--hg);letter-spacing:.38em;color:var(--gold);white-space:nowrap}.paper .section-hd .label{color:var(--p-gold)}.section-hd .rule{border-bottom:1px solid #d1ba8b47;flex:1}.paper .section-hd .rule{border-bottom-color:rgba(var(--p-gold-rgb), .3)}.diamond{border:1px solid var(--gold);flex:none;width:6px;height:6px;transform:rotate(45deg)}.paper .diamond{border-color:var(--p-gold)}.double-rule-1{background:#d1ba8b80;height:1px}.double-rule-2{background:#d1ba8b38;height:1px;margin-top:2px}.paper .double-rule-1{background:rgba(var(--p-gold-rgb), .5)}.paper .double-rule-2{background:rgba(var(--p-gold-rgb), .22)}@keyframes rspPulse{0%{box-shadow:0 0 #b5945a73}70%{box-shadow:0 0 0 9px #b5945a00}to{box-shadow:0 0 #b5945a00}}.pulse-dot{background:var(--gold);border-radius:50%;flex:none;width:6px;height:6px;animation:2s infinite rspPulse}.paper .pulse-dot{background:var(--p-gold)}.theme-flip{border:1px solid rgba(var(--p-ink-rgb), .3);width:44px;height:44px;color:var(--p-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.tartan{background-color:var(--tartan-base);background-image:repeating-linear-gradient(90deg,#18332bd9 0 16px,#0000 16px 26px,#141414cc 26px 31px,#0000 31px 48px,#d1ba8b80 48px 49.5px,#0000 49.5px 70px),repeating-linear-gradient(0deg,#18332bd9 0 16px,#0000 16px 26px,#141414cc 26px 31px,#0000 31px 48px,#d1ba8b80 48px 49.5px,#0000 49.5px 70px)}.pnl{flex-direction:column;min-height:100dvh;display:flex}.pnl-bar{border-bottom:1px solid rgba(var(--p-ink-rgb), .14);background:linear-gradient(180deg, var(--p-card-hi), transparent);z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:16px;padding:14px 22px;display:flex;position:sticky;top:0}.pnl-title{font:900 15px var(--hg);letter-spacing:.22em}.pnl-clock{font:800 15px var(--hg);letter-spacing:.1em;color:var(--p-gold)}.pnl-body{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:22px}.pnl-link{font:700 10px var(--hg);letter-spacing:.2em;color:rgba(var(--p-ink-rgb), .75);border:1px solid rgba(var(--p-ink-rgb), .2);border-radius:999px;padding:7px 13px}.pnl-link:hover{border-color:var(--p-gold);color:var(--p-gold)}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.kpi{padding:16px 18px}.kpi .k{font:700 9px var(--hg);letter-spacing:.28em;color:var(--p-gold)}.kpi .v{font:900 30px var(--hg);letter-spacing:-.01em;color:var(--p-ink-strong);margin-top:6px}.kpi .s{font:400 11px var(--hg);color:rgba(var(--p-ink-rgb), .55);margin-top:3px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.tab{font:700 10px var(--hg);letter-spacing:.2em;border:1px solid rgba(var(--p-ink-rgb), .18);color:rgba(var(--p-ink-rgb), .7);border-radius:999px;padding:9px 15px}.tab.on{background:var(--p-gold);border-color:var(--p-gold);color:var(--p-bg)}.ocard{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ocard .code{font:900 22px var(--hg);letter-spacing:.06em;color:var(--p-ink-strong)}.ocard .meta{font:700 9px var(--hg);letter-spacing:.22em;color:var(--p-gold)}.ocard .lines{font:400 13px var(--hg);color:rgba(var(--p-ink-rgb), .85)}.ocard .hint{font:400 11px var(--hg);color:rgba(var(--p-ink-rgb), .5);line-height:1.45}.pill{font:800 8.5px var(--hg);letter-spacing:.2em;border-radius:999px;padding:5px 9px;display:inline-block}.pill.wait{background:rgba(var(--p-ink-rgb), .1);color:rgba(var(--p-ink-rgb), .65)}.pill.fire{background:rgba(var(--p-amber-rgb), .18);color:var(--p-amber)}.pill.ready{background:rgba(var(--p-green-rgb), .18);color:var(--p-green)}.pill.done{background:rgba(var(--p-green-rgb), .1);color:rgba(var(--p-green-rgb), .9)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.blockrow{border:1px solid rgba(var(--p-ink-rgb), .12);border-radius:10px;grid-template-columns:70px minmax(120px,1fr) 90px 230px;align-items:center;gap:14px;padding:11px 14px;display:grid}@media (max-width:900px){.blockrow{grid-template-columns:60px 1fr 80px}.blockrow>:last-child{grid-column:1/-1}}.blockrow+.blockrow{margin-top:7px}.blockrow .t{font:800 15px var(--hg);letter-spacing:.06em}.blockrow .bar{background:rgba(var(--p-ink-rgb), .1);border-radius:999px;height:8px;overflow:hidden}.blockrow .bar>i{background:var(--p-gold);height:100%;display:block}.blockrow .n{font:700 12px var(--hg);text-align:right;color:rgba(var(--p-ink-rgb), .7)}.numpad{grid-template-columns:repeat(3,78px);justify-content:center;gap:12px;display:grid}.numpad button{height:66px;font:800 24px var(--hg);border:1px solid rgba(var(--p-ink-rgb), .18);color:var(--p-ink-strong);background:var(--p-card-hi);border-radius:14px}.numpad button:active{transform:scale(.97)}.pin-dots{justify-content:center;gap:12px;margin:26px 0 30px;display:flex}.pin-dots i{border:1px solid var(--p-gold);border-radius:50%;width:13px;height:13px;display:block}.pin-dots i.on{background:var(--p-gold)}.toast{background:var(--p-ink-strong);color:var(--p-bg);font:800 11px var(--hg);letter-spacing:.18em;z-index:90;box-shadow:0 10px 30px var(--p-overlay);border-radius:999px;padding:13px 22px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.bad{color:#fff;background:#8c2f2f}.empty{font:400 13px var(--hg);color:rgba(var(--p-ink-rgb), .45);padding:20px 2px}a{color:inherit;text-decoration:none}.modal-back{z-index:60;background:var(--p-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:20px;animation:.14s ease-out fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg, var(--p-card-hi), var(--p-card-lo));border:1px solid rgba(var(--p-ink-rgb), .18);width:100%;max-width:520px;max-height:88dvh;box-shadow:inset 0 1px 0 var(--p-glint), 0 24px 60px var(--p-shadow);border-radius:16px;flex-direction:column;display:flex}.modal.wide{max-width:860px}.modal-hd{border-bottom:1px solid rgba(var(--p-ink-rgb), .14);font:900 13px var(--hg);letter-spacing:.2em;color:var(--p-gold);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal-x{cursor:pointer;font:400 24px var(--hg);color:var(--p-ink);opacity:.5;background:0 0;border:none;padding:0 4px;line-height:1}.modal-x:hover{opacity:1}.modal-body{flex-direction:column;gap:14px;padding:18px;display:flex;overflow-y:auto}.field-hint{font:400 10.5px var(--hg);opacity:.55;margin-top:5px;line-height:1.5}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.toggle-row{cursor:pointer;align-items:flex-start;gap:11px;padding:6px 0;display:flex}.toggle{background:rgba(var(--p-ink-rgb), .12);border:1px solid rgba(var(--p-ink-rgb), .2);border-radius:999px;flex:none;width:38px;height:22px;margin-top:1px;transition:background .18s,border-color .18s;position:relative}.toggle i{background:var(--p-ink);opacity:.45;border-radius:50%;width:16px;height:16px;transition:transform .18s,opacity .18s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--p-gold);border-color:var(--p-gold)}.toggle.on i{background:var(--p-bg);opacity:1;transform:translate(16px)}.toggle-label{font:700 11.5px var(--hg);letter-spacing:.12em}.prod-row{border:1px solid rgba(var(--p-ink-rgb), .16);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.prod-row.off{opacity:.45}.prod-thumb{object-fit:cover;background:var(--p-bg);border:1px solid rgba(var(--p-ink-rgb), .16);border-radius:10px;flex:none;width:52px;height:52px}.prod-thumb.empty{font:400 8.5px var(--hg);letter-spacing:.08em;opacity:.45;text-align:center;justify-content:center;align-items:center;display:flex}.diff{flex-direction:column;gap:5px;display:flex}.diff-line{font:400 12px var(--hg);gap:8px;line-height:1.6;display:flex}.diff-line b{font-weight:800}.diff-tag{font:800 9px var(--hg);letter-spacing:.14em;border-radius:999px;flex:none;height:fit-content;margin-top:2px;padding:2px 7px}.diff-tag.add{background:rgba(var(--p-green-rgb), .2);color:var(--p-green)}.diff-tag.mod{background:rgba(var(--p-gold-rgb), .2);color:var(--p-gold)}.diff-tag.del{background:rgba(var(--p-amber-rgb), .22);color:var(--p-amber)}.otable{border-collapse:collapse;width:100%;font:400 12.5px var(--hg)}.otable th{text-align:left;font:800 9px var(--hg);letter-spacing:.2em;opacity:.55;border-bottom:1px solid rgba(var(--p-ink-rgb), .18);white-space:nowrap;padding:8px 10px}.otable td{border-bottom:1px solid rgba(var(--p-ink-rgb), .08);padding:11px 10px}.otable tbody tr{cursor:pointer;transition:background .12s}.otable tbody tr:hover{background:rgba(var(--p-ink-rgb), .05)}.otable .num{letter-spacing:.06em;font-weight:800}.otable .money{text-align:right;white-space:nowrap}.table-wrap{overflow-x:auto}
