:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#071721;color:#eaf5f6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.hidden{display:none!important}.brand{font-size:27px;font-weight:900;letter-spacing:.33em;color:#f4fafb;white-space:nowrap}.brand span{color:#20d9aa}.brand small{display:block;letter-spacing:.34em;font-size:9px;margin-top:4px;color:#a5c7c9}.eyebrow,.sidebar-label{font-size:11px;font-weight:800;letter-spacing:.2em;color:#31d4bb}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#164c58,transparent 42%),radial-gradient(circle at 90% 80%,#06786555,transparent 38%),#061720}.login-card{width:min(440px,100%);padding:38px;border:1px solid #d8ecf055;border-radius:26px;background:linear-gradient(130deg,#d4e6e52b,#6c848733);box-shadow:0 25px 85px #0009;backdrop-filter:blur(24px)}.login-card h1{font-size:32px;line-height:1.1;margin:32px 0 12px}.login-card p{color:#c8d9d9;line-height:1.5}.login-card form{margin-top:30px}.login-card label{display:block;font-size:12px;font-weight:700;color:#b6cacc;margin:14px 0}.login-card input{display:block;width:100%;margin-top:7px}.error{color:#ffaaa4!important;min-height:1em}.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{background:#07131c;border-right:1px solid #ffffff18;padding:30px 17px;display:flex;flex-direction:column;gap:28px}.sidebar .brand{font-size:19px;margin-left:10px}.sidebar-label{margin:22px 13px 0;color:#758f99}.sidebar nav{display:grid;gap:5px}.sidebar nav button{background:transparent;border:0;text-align:left;padding:14px;color:#9fb6bf;border-radius:11px}.sidebar nav button.selected,.sidebar nav button:hover{background:#123643;color:#eafefa}.sidebar-bottom{margin-top:auto;display:grid;gap:12px;font-size:11px;overflow-wrap:anywhere;color:#94a9b2}.sidebar-bottom button{background:none;border:1px solid #ffffff30;color:#d4e7e7;padding:9px;border-radius:9px}main{padding:36px clamp(18px,3.8vw,60px);min-width:0;background:radial-gradient(circle at 100% 0,#0a3e44,transparent 40%),#0b1e27}header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:32px}header h1{font-size:36px;margin:7px 0}header p,.panel p{color:#96aeb6;margin:4px 0}.header-actions{display:flex;align-items:center;gap:12px}.env{font-size:10px;letter-spacing:.12em;border:1px solid #1fae92;color:#55e5bd;border-radius:20px;padding:9px 13px;white-space:nowrap}.primary{background:linear-gradient(100deg,#20d6a8,#07886e);color:#062925;border:0;font-weight:800}button{border-radius:9px;padding:10px 14px;background:#14323d;color:#e8f5f4;border:1px solid #ffffff24}button:hover{filter:brightness(1.12)}input,select{background:#09212a;border:1px solid #ffffff30;border-radius:9px;color:#eef9f8;padding:11px 12px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metrics article,.panel{border:1px solid #bde1e324;background:linear-gradient(130deg,#193b478c,#0e2934d8);border-radius:18px;box-shadow:0 15px 30px #0002}.metrics article{padding:23px;display:grid;gap:11px}.metrics small{font-size:10px;letter-spacing:.15em;color:#8faeb5;font-weight:800}.metrics strong{font-size:31px;letter-spacing:-.04em}.metrics span{font-size:11px;color:#7f9ca5}.grid-two{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{padding:23px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-head h2{font-size:18px;margin:0}.panel-head button:not(.primary){background:transparent;color:#56e2c1;border:0}.finance-line,.row,.plan-row{border-top:1px solid #ffffff16;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.finance-line span,.row small,.plan-row small{color:#9eb7bb}.finance-line strong{font-size:19px}.hint{font-size:12px;margin-top:20px!important}.row-main{min-width:0;display:grid;gap:5px}.row-main strong{font-size:14px}.row-main small{font-size:12px}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.badge{font-size:10px;letter-spacing:.06em;border-radius:20px;padding:6px 9px;background:#1d4850;color:#a6f4dd;white-space:nowrap}.badge.PAYMENT_PENDING,.badge.OVERDUE{background:#6b3a27;color:#ffc192}.badge.SUSPENDED,.badge.CANCELLED{background:#4c3339;color:#ffb4bd}.badge.ACTIVE,.badge.RECEIVED{background:#184d42;color:#61ebbb}.toolbar{display:flex;gap:10px;margin-bottom:12px}.toolbar input{flex:1}.compact{max-width:760px}.notice{padding:12px 16px;border-radius:10px;background:#174a43;color:#cbffed;margin-bottom:20px}dialog{width:min(480px,calc(100vw - 24px));background:#102e38;border:1px solid #8ab1b36b;border-radius:19px;color:#edf8f8;padding:26px;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:7px 0 20px}#closeDialog{background:none;border:0;font-size:25px;padding:0 4px}#dialogFields{display:grid;gap:13px}#dialogFields label{font-size:12px;color:#b1cbd0;display:grid;gap:7px}#dialogFields input,#dialogFields select{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:static;padding:16px;gap:12px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap}.sidebar-label,.sidebar-bottom{display:none}main{padding:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media(max-width:560px){header{display:block}.header-actions{margin-top:18px}.env{font-size:8px}.metrics{gap:9px}.metrics article{padding:15px}.metrics strong{font-size:23px}.panel{padding:17px}.panel-head,.row{align-items:flex-start}.row{flex-direction:column}.row-actions{justify-content:flex-start}.toolbar{flex-direction:column}.brand{font-size:21px}}
.login-screen{background:radial-gradient(circle at 20% 20%,#164c58,transparent 42%),radial-gradient(circle at 90% 80%,#06786555,transparent 38%),#061720}.login-card form .primary{width:100%;margin-top:10px;padding:13px}

@media(max-width:850px){.app{grid-template-columns:minmax(0,1fr)}.sidebar,main{min-width:0}.sidebar .brand{white-space:normal;overflow-wrap:anywhere;letter-spacing:.18em}.sidebar nav{max-width:100%}}
@media(max-width:560px){.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.sidebar nav button{white-space:normal;text-align:center;font-size:11px;padding:9px 4px}}