:root{--bg:#eef8f9;--card:#ffffffd1;--card-edge:#fffffff2;--fg:#0e2a2f;--muted:#52707a;--line:#cfe3e6;--accent:#08808c;--accent-fg:#fff;--bad:#c62828;--warn:#a85f00;--ok:#1b7a3d;--input:#fff;--top1:#0aa0af;--top2:#017885;--shadow:0 1px 2px #073c460f, 0 8px 22px #073c4614;--hover:#0aa0af14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--bg:#0a1417;--card:#11252a;--card-edge:#21393e;--fg:#e8f1f2;--muted:#8fa9ae;--line:#21393e;--accent:#22c3d2;--accent-fg:#04262b;--bad:#ff7b72;--warn:#f0b429;--ok:#4cd37e;--input:#0c1c20;--top1:#046a75;--top2:#013f48;--shadow:0 1px 2px #0006, 0 10px 24px #00000059;--hover:#22c3d217;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{color:var(--fg);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{background-color:var(--bg);min-height:100vh;overflow-x:hidden}html:not(.dark) body{background-color:#eef8f9;background-image:radial-gradient(520px 520px at 100% 0,#9fe2e8bf 0,#0000 70%),radial-gradient(460px 460px at 22% 78%,#cfe6ffb3 0,#0000 70%),radial-gradient(420px 420px at 92% 88%,#c8f3e4b3 0,#0000 70%),linear-gradient(#dff4f6 0,#eef8f9 260px,#f8fbfc 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.55rem}h2{margin:0 0 10px;font-size:1.05rem}.muted{color:var(--muted)}.wrap{max-width:1100px;padding:22px max(16px, env(safe-area-inset-left)) 40px max(16px, env(safe-area-inset-left));margin:0 auto}.top{background:linear-gradient(90deg, var(--top1), var(--top2));color:#fff;z-index:20;position:sticky;top:0;box-shadow:0 2px 10px #013c4640}.top .wrap{flex-wrap:wrap;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;display:flex}.brand{color:#fff;align-items:center;gap:9px;font-size:1.1rem;font-weight:700;display:flex}.brand span{color:#fff;letter-spacing:.02em;font-weight:600}.logo{object-fit:contain;width:30px;height:30px;display:block}.nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav a{color:#ffffffd1;border-radius:8px;padding:6px 11px}.nav a:hover{color:#fff;background:#ffffff24;text-decoration:none}.nav a.on{color:#fff;background:#ffffff38;font-weight:600}.top .btn.ghost{color:#fff;background:0 0;border-color:#ffffff73}.top .btn.ghost:hover{background:#ffffff29}.card{background:var(--card);border:1px solid var(--card-edge);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;padding:18px}html:not(.dark) .card,html:not(.dark) .tile{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{background:var(--card);border:1px solid var(--card-edge);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:12px;padding:14px}.tile .l{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem}.tile .v{overflow-wrap:anywhere;margin-top:4px;font-size:1.4rem;font-weight:700}.bad{color:var(--bad)}.warn{color:var(--warn)}.ok{color:var(--ok)}.tblwrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap;padding:9px 10px}td.wrapok{white-space:normal}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:600}tbody tr:hover{background:var(--hover)}input,select,textarea{border:1px solid var(--line);background:var(--input);width:100%;color:var(--fg);font:inherit;border-radius:9px;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}input:disabled,select:disabled,textarea:disabled{opacity:.65}label{color:var(--muted);margin-bottom:3px;font-size:.8rem;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:0;border-radius:9px;padding:9px 15px;font-weight:600;transition:filter .15s,transform 50ms}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;filter:none}.btn.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.btn.danger{background:var(--bad);color:#fff}a.btn{text-decoration:none;display:inline-block}a.btn:hover{text-decoration:none}.msg{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:10px 0;padding:9px 13px}.msg.err{color:var(--bad);border-color:var(--bad)}.msg.good{color:var(--ok);border-color:var(--ok)}.pill{border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:.78rem;display:inline-block}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.box{width:100%;max-width:410px}.hero{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex}.biglogo{width:min(280px,80%);height:auto;box-shadow:var(--shadow);border-radius:16px;display:block}.headlogo{border-radius:8px;width:auto;height:40px;display:block}.hero h1{margin:0}.themefab{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:30;position:fixed}.themebtn{place-items:center;width:38px;height:38px;padding:0;font-size:1.1rem;line-height:1;display:grid}.qr{background:#fff;border-radius:8px;padding:8px;display:inline-block}.qr img{width:180px;height:180px;display:block}code{background:var(--input);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px}.bars{align-items:flex-end;gap:6px;height:190px;padding-top:6px;display:flex;overflow-x:auto}.barcol{text-align:center;flex-direction:column;flex:1 0 34px;justify-content:flex-end;align-items:stretch;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--accent), var(--top2));border-radius:5px 5px 0 0;min-height:2px}.barval{color:var(--muted);min-height:14px;font-size:.65rem;overflow:hidden}.barlbl{color:var(--muted);margin-top:4px;font-size:.7rem}.sqllist{background:var(--input);border:1px solid var(--line);white-space:pre;border-radius:9px;max-height:260px;margin:0 0 12px;padding:10px 12px;font:.82rem/1.5 ui-monospace,Consolas,monospace;overflow:auto}.receipt{color:#12262a;max-width:640px;box-shadow:var(--shadow);background:#fff;border:1px solid #cfd9da;border-radius:8px;margin:0 auto;padding:32px}.r-head{border-bottom:2px solid #0a8f9c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:10px;display:flex}.r-logo{align-items:center;gap:10px;display:flex}.r-logo img{object-fit:contain;width:40px;height:40px}.r-brand{color:#0a8f9c;font-size:1.5rem;font-weight:800}.r-title{letter-spacing:.08em;font-weight:700}.r-tbl{border-collapse:collapse;width:100%}.r-tbl th,.r-tbl td{text-align:left;white-space:normal;color:#12262a;text-transform:none;letter-spacing:0;border-bottom:1px solid #e3eaeb;padding:9px 4px;font-size:.95rem}.r-tbl th{color:#5b6f73;width:38%;font-weight:600}.r-tbl tbody tr:hover{background:0 0}.r-amt{font-size:1.3rem;font-weight:800}.r-foot{color:#5b6f73;margin:22px 0 0;font-size:.85rem}@media (max-width:640px){.wrap{padding-top:16px}.top .wrap{gap:8px}.nav{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;order:5;width:100%;overflow-x:auto}input,select,textarea{font-size:16px}}@media (pointer:coarse){.btn,input,select{min-height:40px}input[type=checkbox],input[type=radio]{width:1.15rem;height:1.15rem;min-height:0}}@media print{.top,.noprint,.themefab{display:none!important}html,body,html:not(.dark) body{background:#fff!important}.wrap{max-width:none;padding:0}.receipt{max-width:none;box-shadow:none;border:0}}