:root{color-scheme:dark;--bg:#101318;--s:#171b22;--s2:#222731;--line:#303743;--text:#f1f2f3;--muted:#9ca4b0;--accent:#355987;--accent-bright:#88aadd;--gold:#d8a64b;--green:#54c58b}html[data-theme=light]{color-scheme:light;--bg:#eff0f2;--s:#fff;--s2:#f4f5f6;--line:#d7dbe0;--text:#1c2026;--muted:#69717d;--accent:#365f8e;--accent-bright:#315582;--gold:#a97418;--green:#218552}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}[hidden]{display:none!important}.top{height:32px;padding:0 4%;display:flex;align-items:center;gap:14px;background:#090b0e;color:#ddd;font-size:9px;font-weight:800}.top #clock{margin-left:auto}.top button{border:0;background:none;color:inherit;font-size:9px}.top i{font-style:normal}header{display:flex;align-items:center;gap:20px;padding:14px 4%;background:var(--s);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:215px;color:var(--text);text-decoration:none}.brand img{width:44px}.brand b{font-size:21px;letter-spacing:.1em}.brand small,.head small{display:block;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.1em}.head{flex:1;padding-left:22px;border-left:1px solid var(--line);font-size:12px}.head small{color:var(--gold)}.demo{color:var(--gold);font-size:8px;font-weight:900}.menu{display:none}nav{position:sticky;top:0;z-index:5;display:flex;gap:2px;padding:0 4%;background:#0d1015;border-bottom:2px solid var(--accent)}nav button{height:45px;padding:0 11px;border:0;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;color:#c8cdd5;font-size:10px;font-weight:850}nav button.active,nav button:hover{color:white;border-color:var(--accent);background:#35598726}nav .loginlink{margin-left:auto;background:var(--gold);color:#17130c;border-radius:6px;height:31px}#app{max-width:1450px;min-height:72vh;margin:auto;padding:34px 4% 50px}.headrow{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.headrow h1{margin:4px 0;font-size:clamp(26px,3vw,38px);line-height:1.1}.headrow p{margin:0;color:var(--muted)}.kicker{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.14em}button,.btn{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--s2);font-size:10px;font-weight:850}button.primary{background:var(--accent);border-color:var(--accent);color:white}button.danger{color:#adc3e0}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;min-height:290px;padding:clamp(22px,5vw,50px);border:1px solid #373d47;border-radius:18px;background:radial-gradient(circle at 80% 50%,#345d953d,transparent 38%),linear-gradient(115deg,#172131,#101722)}.hero h1{margin:12px 0;font-size:clamp(38px,6vw,62px);line-height:1;letter-spacing:-.05em}.hero em{color:var(--accent-bright);font-style:normal}.hero p{max-width:600px;color:#bbc0c8}.hero aside{display:grid;place-items:center;padding:16px;border:1px solid #383d47;border-radius:12px;background:#0d1015cc}.hero aside img{width:90px}.hero aside b{letter-spacing:.1em}.hero aside small{display:block;color:var(--muted);font-size:8px}.stats,.tiles,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0 23px}.stats article,.panel,.card{border:1px solid var(--line);border-radius:12px;background:var(--s)}.stats article{padding:13px}.stats b{display:block;font-size:22px}.stats small{color:var(--muted);font-size:8px;font-weight:850}.columns{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.stack{display:grid;gap:14px;align-content:start}.panel{overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid var(--line)}.panelhead h2{margin:0;font-size:12px}.rows,.pad{padding:14px}.row{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.row:last-child{border:0}.row small{display:block;color:var(--muted);font-size:8px}.tag{display:inline-block;padding:4px 7px;border-radius:99px;background:#ffffff12;color:#c8cdd5;font-size:8px;font-weight:900}.green{color:var(--green)}.gold{color:var(--gold)}.notice{margin:13px;padding:11px;border:1px solid #57482b;border-radius:8px;background:#d8a64b10;color:#d9dce1;font-size:9px}.tiles{grid-template-columns:repeat(3,1fr)}.tiles button{display:flex;min-height:105px;flex-direction:column;align-items:start;text-align:left;padding:12px}.tiles b{color:var(--gold);font-size:16px}.tiles small{margin-top:4px;color:var(--muted);font-size:8px}.toolbar{display:flex;gap:8px;align-items:center;margin:12px 0}.toolbar input,.panelhead input{flex:1;max-width:380px;min-height:34px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--s2);color:var(--text);font-size:9px}.cards{grid-template-columns:repeat(3,1fr)}.card{padding:13px}.card h3{margin:8px 0 4px;font-size:12px}.card p{margin:0;color:var(--muted);font-size:9px}.cardfoot,.actions{display:flex;justify-content:space-between;gap:6px;margin-top:10px}.actions{justify-content:start}.actions button,.cardfoot button{min-height:27px;padding:0 8px;font-size:8px}.tablewrap{overflow:auto;padding:0 12px 8px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:9px;border-bottom:1px solid var(--line);font-size:9px}th{color:var(--muted);font-size:8px}.rule{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.rule h3{margin:5px 0;font-size:11px}.rule p,.hint{color:var(--muted);font-size:9px}.filters{display:flex;gap:5px;overflow:auto;padding:10px}.filters button,.segment button{flex:none;min-height:27px;font-size:8px}.selected{background:var(--accent);border-color:var(--accent);color:#fff}.lawlayout{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.calc{align-self:start;position:sticky;top:55px}.segment{display:flex;margin:7px 0}.segment button{flex:1}.check,.total,.selectedrow{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:9px}.check input{accent-color:var(--accent)}.total b{color:var(--gold)}.selectedrow button{border:0;background:none}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.form label,.field{display:grid;gap:5px;color:var(--soft);font-size:9px}.form input,.form textarea,.form select,.field input{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--s2);color:var(--text);font-size:9px}.form textarea{min-height:75px}.full{grid-column:1/-1}.login{max-width:820px;margin:15px auto;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--s)}.login aside,.loginform{padding:23px}.login aside{background:radial-gradient(circle at 80% 15%,#345d9548,transparent 52%),#131b28}.login aside img{width:55px}.login p{color:var(--muted);font-size:9px}.tabs{display:flex;margin:10px 0}.tabs button{flex:1}.foot{display:flex;justify-content:space-between;gap:12px;padding:17px 4%;border-top:1px solid var(--line);background:var(--s);color:var(--muted);font-size:8px}dialog{width:min(560px,calc(100% - 24px));padding:0;border:1px solid var(--line);border-radius:12px;background:var(--s);color:var(--text)}dialog::backdrop{background:#05070acc}.modalhead{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line)}.formactions{display:flex;justify-content:flex-end;gap:7px}.empty{padding:22px;color:var(--muted);font-size:9px;text-align:center}#toast{position:fixed;bottom:15px;right:15px;z-index:9;padding:10px;border-radius:8px;background:#18251f;color:#c3f0d7;font-size:9px}#toast:empty{display:none}
@media(max-width:850px){.head{display:none}.cards{grid-template-columns:repeat(2,1fr)}.columns,.lawlayout{grid-template-columns:1fr}.calc{position:static}}@media(max-width:650px){.utility{font-size:7px}header{padding:10px 4%}.brand{min-width:0}.brand img{width:36px}.brand b{font-size:17px}.demo{margin-left:auto}.menu{display:block}nav{display:none;position:absolute;top:90px;left:0;right:0;flex-direction:column;padding:8px 4%;align-items:stretch}nav.open{display:flex}nav button{text-align:left;height:38px}nav .loginlink{margin:0}#app{padding:20px 4% 32px}.hero{grid-template-columns:1fr;padding:22px}.hero h1{font-size:42px}.stats{grid-template-columns:repeat(2,1fr)}.tiles{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.panelhead{align-items:start;flex-direction:column}.login{grid-template-columns:1fr}.form{grid-template-columns:1fr}.full{grid-column:auto}.foot{flex-direction:column}}
.brand img{width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid #d8dbe1;border-radius:9px;padding:2px;box-shadow:0 2px 10px #0004}.hero aside img{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:12px;padding:4px;box-shadow:0 3px 14px #0005}.login aside img{width:55px;height:55px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}