@import"https://fonts.googleapis.com/css2?family=Saira:wght@400;800&family=Rajdhani:wght@400;700&display=swap";*{box-sizing:border-box}html,body{margin:0;padding:0;background:#070510}.obs{--navy:#0c0820;--gold:#f6d68a;--teal:#2ad4c4;--rose:#e8a0b8;--ink:#f3ecd9;position:relative;z-index:0;min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,#171033,#0a0718 60%,#070510);color:var(--ink);font-family:Saira,system-ui,sans-serif;padding:4vh 16px 12vh}#obsBg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;pointer-events:none}#obsDim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;pointer-events:none;transition:opacity .4s}.obs .wrap{position:relative;z-index:2;max-width:920px;margin:0 auto}.obs h1{font-size:clamp(24px,4vw,40px);letter-spacing:2px;text-transform:uppercase;text-align:center;margin:0 0 4px;color:#fff;text-shadow:0 0 26px var(--gold)}.obs .sub{text-align:center;color:#a99fc4;font-family:Rajdhani,sans-serif;font-size:14px;margin-bottom:18px}.roombar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto 18px;padding:8px 12px;max-width:620px;background:#0c081e80;border:1px solid rgba(246,214,138,.18);border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.roombar input[type=range]{accent-color:var(--gold);width:200px}.demobar{text-align:center;font-family:Rajdhani,sans-serif;font-size:12.5px;color:#ffe6a6;background:#f6d68a1a;border:1px solid rgba(246,214,138,.3);border-radius:10px;padding:7px 12px;margin:0 auto 14px;max-width:620px}.demobar code{color:#7ef0e4}.lock{max-width:520px;margin:12vh auto;text-align:center;background:#0c081eb3;border:1px solid rgba(246,214,138,.3);border-radius:16px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock h2{font-size:18px;color:var(--gold);margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.lock p{color:#c8bda3;font-family:Rajdhani,sans-serif;font-size:15px;margin:0}.acc{border:1px solid rgba(246,214,138,.2);border-radius:14px;overflow:hidden;margin:10px 0;background:#0c081e8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.acc>.hd{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px 18px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:14px;color:#fff;-webkit-user-select:none;user-select:none}.acc>.hd:hover{background:#1c143c80}.hd .badge{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;color:#05030f;background:var(--teal);border-radius:20px;padding:2px 10px}.hd .badge.warn{background:#ff6b6b;color:#3a0a0a}.hd .chev{color:var(--gold);transition:transform .2s}.acc.open>.hd .chev{transform:rotate(90deg)}.acc>.bd{padding:6px 18px 18px}.row{border-top:1px solid rgba(246,214,138,.12);padding:12px 2px;font-family:Rajdhani,sans-serif;font-size:14px;color:#e7dcc4;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.row .m{color:#a99fc4;font-size:12.5px}.row b{color:#fff}.pill{font-family:Saira,sans-serif;font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:20px}.pill.hi{background:#ff6b6b2e;color:#ff9b9b}.pill.ok{background:#2ad4c426;color:var(--teal)}.pill.op{background:#f6d68a29;color:var(--gold)}.btn{cursor:pointer;border:0;border-radius:22px;padding:8px 14px;font-family:Saira,sans-serif;font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#05030f}.btn.g{background:linear-gradient(90deg,var(--teal),#7ef0e4)}.btn.gold{background:linear-gradient(90deg,var(--gold),#ffe6a6)}.btn.d{background:#ff6b6be6;color:#3a0a0a}.btn.ghost{background:transparent;border:1px solid rgba(246,214,138,.4);color:var(--gold)}.btn:disabled{opacity:.5;cursor:not-allowed}.mini{font-family:Rajdhani,sans-serif;font-size:13px;color:#c8bda3}.empty{font-family:Rajdhani,sans-serif;color:#9a8fb0;font-size:13px;padding:12px 2px}.form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;align-items:center}.form input,.form select{background:#060412b3;border:1px solid rgba(246,214,138,.28);border-radius:10px;padding:8px 12px;color:#fff;font-family:Rajdhani,sans-serif;font-size:13px;outline:none}.form input:focus{border-color:var(--teal)}.note{font-family:Rajdhani,sans-serif;font-size:12.5px;color:#9a8fb0;margin-top:8px}.subh{font-family:Saira,sans-serif;font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--gold);margin:14px 0 4px}.stmt .l{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid rgba(246,214,138,.12);font-family:Rajdhani,sans-serif;font-size:14px;color:#e7dcc4}.stmt .l.tot{font-weight:800;color:#fff;border-top:1px solid rgba(246,214,138,.45)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:8px 0}.tile{background:#140e2c99;border:1px solid rgba(246,214,138,.18);border-radius:12px;padding:12px}.tile .tv{font-family:Saira,sans-serif;font-weight:800;font-size:22px;color:#fff;line-height:1}.tile .tl{font-family:Rajdhani,sans-serif;font-size:12px;color:#a99fc4;margin-top:4px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#0c081ef2;border:1px solid rgba(42,212,196,.5);color:#fff;font-family:Rajdhani,sans-serif;padding:10px 18px;border-radius:24px;z-index:50}