:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{letter-spacing:0}.app-shell{color:#172026;background:linear-gradient(135deg,#f7f9fc 0%,#edf2f6 52%,#f7f5f1 100%);min-height:100svh;padding:32px}.admin-dashboard{gap:14px;width:min(1100px,100%);margin:0 auto;display:grid}.dashboard-header,.admin-tabs,.token-panel,.usage-summary,.token-output,.billing-panel{background:#ffffffe6;border:1px solid #d9e0e8;border-radius:8px;box-shadow:0 16px 40px #15223214}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;min-height:104px;padding:20px;display:flex}.dashboard-header h1,.panel-header h2{color:#172026;letter-spacing:0;margin:0}.dashboard-header h1{font-size:2.3rem;line-height:1.05}.dashboard-header p,.panel-header p{color:#52606c;max-width:620px;margin:8px 0 0;font-size:.95rem;line-height:1.5}.connection-indicator{color:#314150;white-space:nowrap;background:#f8fafc;border:1px solid #c8d1dc;border-radius:999px;flex:none;align-items:center;gap:9px;min-height:38px;padding:0 13px;font-size:.88rem;font-weight:800;display:inline-flex}.connection-indicator span{background:#8b98a7;border-radius:999px;width:9px;height:9px}.connection-indicator.online{color:#0f766e;background:#effaf7;border-color:#2a9d8f6b}.connection-indicator.online span{background:#2a9d8f}.connection-indicator.connecting{color:#a14921;background:#fff7ed;border-color:#e76f515c}.connection-indicator.connecting span{background:#e76f51}.connection-indicator.offline{color:#be123c;background:#fff1f2;border-color:#be123c4d}.connection-indicator.offline span{background:#be123c}.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.admin-tabs button{color:#52606c;background:0 0;border:1px solid #0000;border-radius:6px;min-height:44px;padding:0 16px;font-size:.94rem;font-weight:900}.admin-tabs button:hover,.admin-tabs button:focus-visible{background:#f8fafc;border-color:#c8d1dc;outline:none}.admin-tabs button.active{color:#fff;background:#264653;border-color:#264653}.tab-panel{gap:14px;display:grid}.tab-panel[hidden]{display:none}.token-stack,.package-stack{min-width:0}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;display:grid}.token-panel,.token-output,.token-copy-row{align-items:center;display:flex}.token-panel,.token-output,.billing-panel,.usage-summary{padding:16px}.token-panel{grid-template-columns:minmax(240px,1fr) auto;gap:12px;display:grid}.field-group{gap:7px;display:grid}.field-group label{color:#52606c;font-size:.85rem;font-weight:800}.field-group input{color:#172026;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #c8d1dc;border-radius:6px;padding:0 12px}.field-group input:focus{border-color:#2a9d8f;outline:3px solid #2a9d8f38}button{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#e76f51;border:0;border-radius:6px;font-size:.94rem;font-weight:800}.token-panel button{align-self:end;min-width:190px;padding:0 18px}button:disabled{cursor:not-allowed;background:#a9b2bd}.secondary-button{background:#264653;min-width:104px;padding:0 16px}.secondary-button:disabled{background:#a9b2bd}.usage-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;height:100%;min-height:78px;margin:0;display:grid}.usage-summary div{min-width:0}.usage-summary dt{color:#52606c;font-size:.78rem;font-weight:800}.usage-summary dd{color:#172026;overflow-wrap:anywhere;margin:5px 0 0;font-size:1.24rem;font-weight:900}.token-output{display:block}.token-copy-row{justify-content:space-between;gap:12px}.token-copy-row code{overflow-wrap:anywhere;color:#314150;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.token-copy-row button{background:#264653;flex:none;min-width:120px;padding:0 16px}.token-copy-row button:disabled{background:#a9b2bd}.token-status,.billing-status{color:#52606c;min-height:18px;margin:10px 0 0;font-size:.85rem;font-weight:700}.billing-panel{gap:14px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-header h2{font-size:1.2rem;line-height:1.2}.billing-table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #e5ebf2;padding:12px 10px}th{color:#52606c;text-transform:uppercase;font-size:.78rem;font-weight:900}td{color:#314150;font-size:.9rem;font-weight:750}th:first-child,td:first-child{text-align:left}td strong,td span{display:block}td strong{color:#172026;font-weight:900}td span{color:#6b7886;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.empty-cell{color:#6b7886;text-align:center;height:72px}@media (width<=920px){.dashboard-header,.panel-header,.token-copy-row{flex-direction:column;align-items:stretch}.dashboard-grid{grid-template-columns:1fr}.connection-indicator{align-self:flex-start}}@media (width<=760px){.app-shell{padding:18px}.dashboard-header{min-height:auto;padding:16px}.dashboard-header h1{font-size:1.75rem}.token-panel{flex-direction:column;align-items:stretch;display:flex}.token-panel button,.token-copy-row button,.secondary-button{width:100%}.usage-summary dl{grid-template-columns:1fr}}