@import"https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=Noto+Sans+Devanagari:wght@400;600&display=swap";:root{--navy: #2B3990;--red: #D93438;--green: #1F7A4D;--paper: #F6F6F2;--card: #fff;--line: #E2E1D8;--muted: #6B7280;--text: #232936}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--text);font:14px Archivo,Noto Sans Devanagari,system-ui,sans-serif}h1{font-size:20px;font-weight:700;margin-bottom:4px}h2{font-size:14px;font-weight:700;margin-bottom:8px}code{background:#efefe9;padding:1px 5px;border-radius:4px;font-size:12.5px}.muted{color:var(--muted);font-size:12.5px}.small{font-size:11.5px}.center-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px;width:100%;max-width:410px;box-shadow:0 10px 40px #2b399014}.card.pad{max-width:640px;box-shadow:none}.stack{display:flex;flex-direction:column;gap:11px}input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;width:100%}input:focus{outline:2px solid #F2B824;outline-offset:1px}button{font:inherit;cursor:pointer;border-radius:8px;padding:10px 15px}.primary{background:var(--green);color:#fff;border:none;font-weight:600}.primary:disabled{opacity:.5;cursor:default}.ghost{background:none;border:1px solid var(--line);color:var(--muted)}.err{background:#fbe5e1;border:1px solid #EFB9AC;color:#8a2a1a;border-radius:8px;padding:8px 11px;font-size:12.5px}.app{display:flex;min-height:100vh}.side{width:236px;background:var(--navy);color:#e9ecf8;display:flex;flex-direction:column;padding:18px 13px;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center;margin-bottom:20px}.brand-name{font-weight:700;font-size:13.5px;line-height:1.25}.brand-sub{font-size:10.5px;color:#adb6e3;margin-top:2px}nav{display:flex;flex-direction:column;gap:2px}.nav-item{padding:8px 10px;border-radius:7px;font-size:13px;color:#c9cfee;text-align:left}.nav-item.live{background:none;border:none;font:inherit;font-size:13px;cursor:pointer;color:#c9cfee}.nav-item.live:hover{background:#ffffff14}.nav-item.on{background:var(--red)!important;color:#fff;font-weight:600}.nav-item.locked{opacity:.45}.nav-item em{font-size:10px;font-style:normal}.cols{display:grid;grid-template-columns:3fr 2fr;gap:14px;margin-top:14px;align-items:start}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.chip{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.chip em{font-style:normal;opacity:.6;font-size:10.5px}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 7px;border-bottom:2px solid var(--navy)}.tbl td{padding:7px;border-bottom:1px solid var(--line);font-size:13px}.tbl tr:hover td{background:var(--paper)}.rowbtn{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);padding:8px 4px;font:inherit;cursor:pointer}.rowbtn:hover{background:var(--paper)}.slip{border-left:4px solid var(--green)}.card.pad{max-width:none;box-shadow:none;margin-top:0;margin-bottom:14px}.okbox{background:#eaf5ee;border:1px solid #BFDCC9;color:#1d5b39;border-radius:8px;padding:8px 11px;font-size:12.5px}.rollgrid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rollchip{border-radius:8px;padding:7px 10px;font:inherit;font-size:12px;cursor:pointer;border:1px solid var(--line)}.rollchip em{font-style:normal;font-size:10.5px;opacity:.65;margin-right:3px}.rollchip.p{background:#eaf5ee;border-color:#bfdcc9;color:#14563f}.rollchip.a{background:#fbe9e5;border-color:#e7beb7;color:#7c2418}.rollchip:disabled{cursor:default;opacity:.8}.prow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px dashed var(--line);font-size:13px;flex-wrap:wrap}.codes{display:flex;gap:4px}.code{width:34px;height:27px;border:1px solid var(--line);background:#fff;border-radius:6px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.code.on{color:#fff;border-color:transparent}.code.c-P{background:var(--green)}.code.c-A{background:var(--red)}.code.c-AC{background:var(--navy)}.code.c-R{background:#7a4fbf}.code.c-W{background:#f2b824;color:#3a2e00}.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0 14px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 13px;display:flex;flex-direction:column}.stat strong{font-size:19px}.stat span{font-size:11px;color:var(--muted)}.stat.green strong{color:var(--green)}.stat.red strong{color:var(--red)}tr.pending td{background:#fdf3d7}.tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:5px;padding:2px 7px}.tag.ok{background:#e4f1e9;color:var(--green)}.tag.warn{background:#fbe5e1;color:var(--red)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.who{font-size:12.5px;line-height:1.4}.who-label{font-size:10.5px;color:#adb6e3}.side .ghost{border-color:#ffffff40;color:#adb6e3}.main{flex:1;padding:26px 30px;max-width:1100px}.main .card{margin-top:14px}.chip.paid{opacity:.55;text-decoration:line-through;cursor:default}.linkbtn{background:none;border:none;color:var(--navy);text-decoration:underline;cursor:pointer;font:inherit;font-size:12px;padding:0 6px}.avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;margin-top:12px}.pcard{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 8px;border-radius:10px;border:2px solid var(--line);background:#fff;font:inherit;cursor:pointer}.pcard:disabled{cursor:default;opacity:.85}.pname{font-size:11px;font-weight:600;line-height:1.15;text-align:center;word-break:break-word}.pcode{font-size:10.5px;font-weight:700;letter-spacing:.04em}.pcard.st-P{background:#eaf5ee;border-color:#9ccbad}.pcard.st-P .pcode{color:#14563f}.pcard.st-A{background:#fbe9e5;border-color:#e39b8e}.pcard.st-A .pcode{color:#7c2418}.pcard.st-AC{background:#e7ebf8;border-color:#97a3d9}.pcard.st-AC .pcode{color:#2b3990}.pcard.st-R{background:#f0e9fa;border-color:#b79adf}.pcard.st-R .pcode{color:#5b3993}.pcard.st-W{background:#fbf0d3;border-color:#e2c36a}.pcard.st-W .pcode{color:#7a5b10}.pcard.st-SL{background:#e8eef2;border-color:#9fb4c2}.pcard.st-SL .pcode{color:#33566b}.pcard.sel{outline:3px solid var(--navy);outline-offset:1px}.multibar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#ebedf6;border:1px solid #C6CCE8;border-radius:9px;padding:8px 12px;margin-top:10px;font-size:13px;font-weight:600}.multibar .code{width:40px;height:30px}.pop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f2a6b73;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.pop{background:#fff;border-radius:14px;padding:22px;width:100%;max-width:340px;text-align:center}.pop-codes{display:flex;flex-direction:column;gap:6px;margin:12px 0 8px}.popcode{display:flex;align-items:center;gap:12px;border:2px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;font:inherit;cursor:pointer}.popcode strong{width:30px;text-align:center;font-size:15px}.popcode span{font-size:13px;color:var(--muted)}.popcode.on,.popcode:hover{border-color:var(--navy)}.popcode.c-P.on{background:#eaf5ee}.popcode.c-A.on{background:#fbe9e5}.popcode.c-AC.on{background:#e7ebf8}.popcode.c-R.on{background:#f0e9fa}.popcode.c-W.on{background:#fbf0d3}.pwwrap{position:relative}.pwwrap input{padding-right:42px}.pweye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:15px;cursor:pointer;padding:4px 6px;opacity:.7}.pweye:hover{opacity:1}.filepick{display:inline-block;border:1px dashed var(--line);border-radius:8px;padding:8px 12px;font-size:12.5px;color:var(--muted);cursor:pointer}.filepick:hover{border-color:var(--navy);color:var(--navy)}