:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17263b;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.center,.login-shell{min-height:100vh;display:grid;place-items:center}.login-shell{background:#102238}.login-card{width:min(420px,calc(100vw - 32px));display:grid;gap:14px;padding:34px;background:#fff;border-radius:8px;box-shadow:0 20px 60px #0005}.login-card>svg{color:#176bd1}.login-card small,main header small,.drawer header small{font-size:10px;font-weight:800;letter-spacing:.1em;color:#6d7c91}.login-card h1{margin:0;font-size:26px}.login-card p{margin:0 0 8px;color:#65758a;line-height:1.5}.login-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.login-card input,.search input{height:40px;border:1px solid #c4cfdb;border-radius:4px;padding:0 11px}.login-card button,.actions button,.row-buttons button,.secondary{min-height:38px;border:0;border-radius:4px;padding:0 13px;background:#176bd1;color:#fff;font-weight:700;cursor:pointer}.error,.notice{padding:11px 13px;border-left:4px solid #d64242;background:#fff0f0;color:#8f2929}.shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.shell>aside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 12px;color:#cbd7e7;background:#102238}.brand{display:flex;align-items:center;gap:10px;padding:7px 9px 22px}.brand svg{color:#69a9ff}.brand span,.shell>aside footer span,td>small,.ledger span{display:flex;flex-direction:column}.brand small,.shell>aside footer small{color:#8294ab}.shell nav{display:grid;gap:4px}.shell nav button{height:42px;display:flex;align-items:center;gap:10px;border:0;border-radius:5px;padding:0 10px;color:#aebfd3;background:transparent;text-align:left}.shell nav button svg{width:17px}.shell nav button.active,.shell nav button:hover{color:#fff;background:#1c3b5e}.shell>aside footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-top:1px solid #2a415e}.shell>aside footer button,.drawer header button{border:0;color:inherit;background:transparent}.shell>aside footer svg{width:17px}main{min-width:0;padding:26px 30px}main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}main h1{margin:3px 0 0;font-size:27px}.secondary{display:flex;align-items:center;gap:7px;color:#24415f;background:#fff;border:1px solid #c7d2de}.secondary svg,.actions svg{width:15px}.notice{margin-bottom:16px;border-color:#176bd1;background:#eef6ff;color:#234e7b;cursor:pointer}.metrics,.drawer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{display:flex;flex-direction:column;gap:5px;padding:16px;background:#fff;border:1px solid #dbe2ea;border-radius:5px}.metric small{color:#728096;font-size:11px}.metric strong{font-size:21px;overflow-wrap:anywhere}section{margin-bottom:16px;background:#fff;border:1px solid #dbe2ea;border-radius:5px;overflow:hidden}section h2{margin:0;padding:17px 18px;border-bottom:1px solid #e2e7ed;font-size:17px}.toolbar{padding:12px;border-bottom:1px solid #e2e7ed}.search{position:relative;max-width:360px}.search svg{position:absolute;left:11px;top:11px;width:16px;color:#7b899b}.search input{width:100%;padding-left:35px}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;border-bottom:1px solid #e8ecf1;text-align:left;font-size:12px}th{color:#6b788b;background:#f8fafc;font-size:10px;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f5f9ff}td small{margin-top:3px;color:#7b899b}.status{display:inline-flex;padding:4px 7px;border-radius:10px;color:#3a5a4c;background:#e9f7ef;font-size:10px;font-weight:800}.status.failed,.status.past-due,.status.incomplete,.status.disabled,.status.cancelled{color:#923535;background:#ffecec}.status.draining,.status.pending{color:#805c18;background:#fff4d9}.row-buttons,.actions{display:flex;gap:7px;flex-wrap:wrap}.row-buttons button{min-height:28px;padding:0 8px;color:#294966;background:#edf3f9;font-size:10px}.actions{margin:0 0 14px}.actions button{display:flex;align-items:center;gap:6px}.actions .danger{background:#c33c3c}button:disabled{opacity:.5;cursor:not-allowed}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#10223855;z-index:20}.drawer{width:min(620px,100vw);height:100%;overflow:auto;padding:24px;background:#fff;box-shadow:-10px 0 35px #0002}.drawer>header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e1e6ed}.drawer h2{margin:4px 0 0}.drawer header button{font-size:28px;color:#5a687b}.drawer-grid{grid-template-columns:repeat(2,1fr);margin-top:18px}.drawer h3{margin:24px 0 10px;font-size:14px}.drawer dl{display:grid;grid-template-columns:120px 1fr;gap:9px;margin:0;padding:14px;background:#f6f8fb}.drawer dt{color:#6d7c90}.drawer dd{margin:0;font-weight:650}.ledger{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e3e8ee}.ledger>span:last-child{text-align:right}.ledger small{color:#77869a;font-size:10px}@media(max-width:900px){.shell{grid-template-columns:70px minmax(0,1fr)}.brand span,.shell nav button:not(.active){font-size:0}.brand{padding-inline:8px}.shell nav button{justify-content:center}.shell>aside footer span{display:none}main{padding:20px 16px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{display:block}.shell>aside{position:static;width:100%;height:auto;flex-direction:row;align-items:center}.brand{padding:7px}.shell nav{display:flex;margin-left:auto}.shell nav button{width:42px}.shell>aside footer{margin:0;border:0}.metrics{grid-template-columns:1fr 1fr}section{overflow:auto}table{min-width:720px}.drawer-grid,.drawer dl{grid-template-columns:1fr}}textarea{font:inherit}.product-name{display:flex;align-items:center;gap:10px}.product-name>img,.product-name>svg{width:32px;height:32px;border-radius:5px;object-fit:cover;color:#6f8298}.product-name>span{display:flex;flex-direction:column}.resource-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.resource-summary span{display:flex;flex-direction:column;padding:12px;background:#f6f8fb;border:1px solid #e3e8ee;border-radius:4px;color:#6d7c90;font-size:11px}.resource-summary strong{color:#17263b;font-size:20px}.plan-change select,.editor-form input,.editor-form select,.editor-form textarea,.inline-form input,.inline-form select,td select{min-height:38px;border:1px solid #c4cfdb;border-radius:4px;padding:0 10px;background:#fff}.link-button{display:block;margin:5px 0 0 auto;border:0;padding:0;color:#176bd1;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.plan-editor{width:min(760px,100vw)}.editor-form{display:grid;gap:16px;padding-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid label,.inline-form label{display:grid;gap:6px;color:#4f6074;font-size:11px;font-weight:750}.form-grid textarea{min-height:90px;padding:10px;resize:vertical}.span-2{grid-column:span 2}.sync-state{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #d7e3ef;background:#f4f9ff;border-radius:4px;font-size:12px}.sync-state code{margin-left:auto;color:#65758a}.actions .publish{background:#17845d}.hint{margin:0;padding:12px;border-left:3px solid #e6a630;background:#fff8e7;color:#71551e;font-size:12px;line-height:1.5}.inline-form{display:grid;grid-template-columns:1fr 1.2fr 1fr .7fr auto;gap:12px;align-items:end;padding:16px}.inline-form button{height:38px;border:0;border-radius:4px;padding:0 14px;color:#fff;background:#176bd1;font-weight:700}.status.banned,.status.drifted,.status.error{color:#923535;background:#ffecec}.status.allowed{color:#3a5a4c;background:#e9f7ef}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.inline-form,.resource-summary{grid-template-columns:1fr}.sync-state{align-items:flex-start;flex-direction:column}.sync-state code{margin-left:0}}