:root{color:#10213e;font-synthesis:none;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.splash{color:#0a2756;place-items:center;min-height:100vh;font-size:2rem;font-weight:800;display:grid}.login-shell{background:radial-gradient(circle at 80% 10%,#d9f8f6,#0000 35%),#eef4fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe7f1;border-radius:24px;gap:18px;width:min(440px,100%);padding:38px;display:grid;box-shadow:0 24px 70px #17335b1a}.brand{align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.brand-mark{color:#50ddd0;background:#062a60;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.brand small{color:#8793a7;font-size:.65rem;font-weight:600;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#009eaa;margin:0;font-size:.7rem;font-weight:800}.login-card h1,.page-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.muted{color:#69768b;margin:4px 0}.login-card label,label{gap:7px;font-size:.82rem;font-weight:700;display:grid}input,select,textarea{color:#10213e;background:#fff;border:1px solid #ccd7e5;border-radius:10px;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#00aeb5;outline:3px solid #00aeb522}.primary,.ghost,.danger-button{border:0;border-radius:10px;padding:12px 18px;font-weight:750}.primary{color:#fff;background:#082b60}.primary:hover{background:#0d3b7d}.ghost{color:#213757;background:#eaf0f7}.danger-button{color:#a11d2d;background:#ffe8e8}.compact{align-items:center;gap:7px;padding:9px 13px;display:inline-flex}.compact svg{width:17px}.login-card small{color:#718096;gap:6px;display:flex}.error{color:#a51e2e;background:#fff0f0;border:1px solid #f2caca;border-radius:10px;padding:12px 14px}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#071a37;flex-direction:column;gap:35px;height:100vh;padding:25px 18px;display:flex;position:sticky;top:0}aside nav{gap:7px;display:grid}aside nav button,.aside-foot button{color:#aebbd0;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px;display:flex}aside nav button.active,aside nav button:hover{color:#fff;background:#12305d}aside svg{width:19px}.aside-foot{border-top:1px solid #ffffff1c;gap:10px;margin-top:auto;padding-top:18px;display:grid}.aside-foot span{color:#68d8d4;align-items:center;gap:8px;font-size:.76rem;display:flex}.content{width:100%;min-width:0;max-width:1600px;margin:auto;padding:42px}.page-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.date{color:#738196}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{background:#fff;border:1px solid #dfe6ef;border-radius:15px;padding:18px}.stat span{color:#748096;margin-bottom:9px;font-size:.8rem;display:block}.stat strong{font-size:1.65rem}.stat.danger{border-left:4px solid #e24b5b}.stat.warn{border-left:4px solid #e5a52e}.stat.wide{border-left:4px solid #09a7a7;grid-column:span 2}.columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.panel{background:#fff;border:1px solid #dfe6ef;border-radius:16px;margin-bottom:20px;padding:20px}.panel h2{margin:0 0 18px;font-size:1.1rem}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head span{background:#eef3f8;border-radius:99px;padding:4px 9px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th{text-align:left;color:#718097;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5ebf2;padding:10px;font-size:.72rem}td{border-bottom:1px solid #edf1f5;padding:13px 10px}tbody tr{transition:all .15s}tbody tr:hover{background:#f7fafc}td small{color:#7a8798;margin-top:4px;display:block}.pill{border-radius:99px;padding:5px 9px;font-size:.7rem;font-weight:750;display:inline-block}.pill.ok{color:#126545;background:#dcf7ec}.pill.danger{color:#a61f32;background:#ffe4e7}.pill.warn{color:#825300;background:#fff1cf}.pill.quiet{color:#5c6675;background:#edf0f4}.empty{color:#7c8798;text-align:center;padding:25px}.toolbar{background:#fff;border:1px solid #dfe6ef;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:4px 12px;display:flex}.toolbar svg{color:#7b8797;width:18px}.toolbar input{border:0;outline:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid h2,.form-grid .full{grid-column:1/-1}.actions{justify-content:flex-end;display:flex}.back{color:#167184;background:0 0;border:0;margin-bottom:18px;padding:0}.detail-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.summary div{border-bottom:1px solid #e8edf2;gap:5px;padding:13px 0;display:grid}.summary span{color:#728096;font-size:.75rem}.summary small{color:#728096}.lifecycle{border-top:1px solid #e8edf2;gap:8px;margin-top:20px;padding-top:16px;display:flex}.row-actions{gap:6px;display:flex}.row-actions button{color:#17375d;border:0;border-radius:7px;padding:6px 9px}.notice{color:#66758a;background:#f1f6fa;border-radius:8px;padding:10px}.timeline{display:grid}.timeline>div{border-bottom:1px solid #edf1f5;gap:12px;padding:11px 0;display:flex}.timeline i{background:#0aa5a5;border-radius:50%;width:9px;height:9px;margin-top:5px}.timeline span{display:grid}.timeline small{color:#718096;margin-top:3px}@media (width<=900px){.app{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;height:auto;padding:14px;position:relative}aside nav{margin-left:auto;display:flex}.aside-foot span{display:none}.aside-foot{border:0;margin:0;padding:0}.content{padding:24px}.stats{grid-template-columns:1fr 1fr}.columns,.detail-grid{grid-template-columns:1fr}}@media (width<=620px){aside .brand span:last-child{display:none}aside nav button{font-size:0}aside nav button svg{width:22px}.aside-foot button{font-size:0}.page-head{align-items:flex-start;gap:12px}.stats,.form-grid{grid-template-columns:1fr}.stat.wide{grid-column:auto}.content{padding:18px}.panel{padding:14px}}.billing-form{background:#f7fbfd;border:1px solid #cfe0ec;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;padding:18px;display:grid}.billing-form .full,.payment-summary{grid-column:1/-1}.payment-form{background:#f3fcfa;border-color:#b9ded7}.payment-summary{border-bottom:1px solid #d6e8e5;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.payment-summary strong{font-size:1.3rem}.billing-empty{justify-items:center;gap:9px;padding:36px 20px;display:grid}.billing-empty strong{color:#203753}.empty-icon{color:#087e7c;border-radius:13px;place-items:center;width:44px;height:44px;font-size:1.3rem;font-weight:800;background:#def7f3!important;display:grid!important}.pay-button{font-weight:700;color:#12624e!important;background:#dff7f0!important}.legacy-payments{border-top:1px solid #e1e8ef;margin-top:20px;padding-top:18px}.legacy-payments h3{font-size:.9rem}.legacy-payments>div{border-bottom:1px solid #edf1f5;justify-content:space-between;padding:9px 2px;display:flex}.legacy-payments .notice{border:0;display:block}@media (width<=620px){.billing-form{grid-template-columns:1fr}.billing-form .full,.payment-summary{grid-column:auto}.panel-head{align-items:flex-start}}
