:root{--ink:#14213d;--muted:#68748a;--line:#dfe5ef;--blue:#2357d8}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:16px Arial,sans-serif}button{height:42px;padding:0 17px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.secondary{background:#edf0f5;color:var(--ink)}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;display:grid;gap:18px;box-shadow:0 18px 60px #1c2b4918}.login h1{margin:0}.login p{margin:-10px 0 0;color:var(--muted)}.logo{width:48px;height:48px;border-radius:13px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800}.login label,dialog label,.tools label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#46536b}input,select{height:42px;border:1px solid #ccd5e3;border-radius:9px;padding:0 12px;font:inherit;background:#fff}.error{color:#c93044}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{height:100vh;position:sticky;top:0;background:#12233f;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 32px}.brand i{font-style:normal;background:#4b78ef;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800}.brand b,.brand small{display:block}.brand small{color:#aebbd0;margin-top:3px}nav{display:grid;gap:6px}nav button{background:transparent;color:#c5d0e1;text-align:left}nav button.on,nav button:hover{background:#23436e;color:#fff}.logout{margin-top:auto;background:#1a3152}main{padding:32px 38px 60px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}h1{font-size:29px;margin:0 0 7px}header p,.panelhead p{margin:0;color:var(--muted);font-size:14px}.tools{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;align-items:end;gap:14px;margin-bottom:18px;flex-wrap:wrap}.notice{padding:13px 16px;background:#eaf8f0;border:1px solid #bde7cd;color:#186b3f;border-radius:10px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.cards article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:grid;gap:8px}.cards span{font-size:13px;color:var(--muted)}.cards strong{font-size:26px}.cards .blue{background:#edf3ff;border-color:#b9ccf9}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panelhead{padding:20px 22px;border-bottom:1px solid #edf0f5}.panelhead h2{font-size:18px;margin:0 0 5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{padding:12px 18px;text-align:left;background:#fafbfc;color:#6c778b;text-transform:uppercase;font-size:12px}td{padding:14px 18px;border-top:1px solid #edf0f5;font-size:14px}.money{width:125px}.actionrow{display:flex;justify-content:flex-end;margin-bottom:14px}.payment{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 20px;border-bottom:1px solid #edf0f5}.payment small{display:block;color:var(--muted);margin-top:4px}.rowactions{display:flex;gap:8px}.danger{background:#fff0f1;color:#c93044}.status{display:inline-block;padding:5px 9px;border-radius:12px;background:#e6f7ed;color:#207a4a}.status.off{background:#edf0f5;color:#667085}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px #0c17334d;width:min(470px,calc(100% - 30px))}dialog::backdrop{background:#0c17336b}dialog form{padding:24px;display:grid;gap:18px}dialog h2{margin:0}.check{display:flex!important;align-items:center}.check input{height:auto}dialog footer{display:flex;justify-content:flex-end;gap:10px}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{height:auto;position:relative;padding:14px}.brand{padding-bottom:14px}nav{grid-template-columns:repeat(3,1fr)}nav button{text-align:center;font-size:13px;padding:0 8px}.logout{position:absolute;right:14px;top:14px;height:34px}.brand small{display:none}main{padding:22px 14px}.cards{grid-template-columns:1fr}.tools>*{flex:1 1 180px}.payment{grid-template-columns:1fr auto}.payment strong{grid-column:2}}