:root{--ink:#183144;--muted:#536b7c;--line:#dce5eb;--radius:16px;color-scheme:light}
body{background:#edf2f6;font-size:1rem;line-height:1.55}
.sidebar{background:linear-gradient(160deg,#17384b,#0d202f)}
.sidebar .nav-item{color:#c0d1db;font-size:.9rem;min-height:48px}
.sidebar .nav-item.active{background:#b4ede21c;border-color:#b4ede247;color:#ecfffc}
.sidebar-brand small,.sidebar-bottom small{color:#bdcbd3;font-size:.8rem}
.sidebar-bottom strong{font-size:.9rem}.nav-label{font-size:.8rem;color:#93adbd}
.main-content{background:#edf2f6}.surface,.metric-card{background:#fff;border-color:#d9e3ea;backdrop-filter:none}
.metric-card{box-shadow:0 6px 20px #17384b06}.metric-card>span,.metric-card small{color:#536b7c;font-size:.875rem}
.metric-card>strong{color:#102e41;font-weight:650;font-size:2rem;margin:14px 0 8px}
.metric-grid{margin-top:22px}.topbar{background:#fff;border-color:#dbe5ec}
.topbar,.workspace-footer{font-size:.875rem}.connection-state,.breadcrumb,.workspace-footer,.eyebrow,.section-heading p,.subtle,.count-label,.text-button,.rule-note{font-size:.875rem}
.connection-state,.breadcrumb,.count-label,.section-heading p,.workspace-footer{color:#536b7c}
.connection-state.connected:before{background:#198c77;width:8px;height:8px}
.primary{background:#183e53}.primary:hover:not(:disabled){background:#285e77}.secondary{border-color:#c6d5df;color:#29495c;min-height:44px}
.text-button,.user-link{color:#146b77}.text-button{min-height:40px}.live-overview{display:flex;justify-content:space-between;gap:26px;padding:28px;background:linear-gradient(115deg,#14364b,#24556a);border:0;color:#fff}
.live-overview .eyebrow{color:#a6e6dd;letter-spacing:.12em}.live-overview h2{font-size:1.35rem;margin:8px 0}.live-overview p{font-size:.875rem;color:#cadce5}
.live-numbers{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.live-numbers>div{min-width:95px}.live-numbers strong{display:block;font-size:2.1rem;font-variant-numeric:tabular-nums}.live-numbers span{font-size:.875rem;color:#d0e1e9}
.recent-tasks{margin-top:24px}.task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px}.task-list>.empty-state{grid-column:1/-1}
.task-card{border:1px solid #dce5eb;background:#f9fbfc;border-radius:12px;padding:20px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:9px}
.task-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.task-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.task-top strong{font-size:1rem}.user-link{background:transparent;padding:2px 0;font-weight:600;font-size:.95rem;text-align:left;min-height:36px;text-decoration:underline;text-underline-offset:4px}
.task-badge{padding:4px 9px;border-radius:7px;font-size:.875rem;background:#e7eef2;white-space:nowrap;color:#345368}.task-badge.running{background:#d9f0eb;color:#176757}.task-badge.review,.task-badge.queued{background:#fff0cc;color:#7c5809}.task-badge.failed{background:#fde5e5;color:#983c3c}.task-badge.completed{background:#e3f1e5;color:#2c6237}
.task-card small{display:block;color:#617786;font-size:.8125rem}.task-card .task-title{font-size:1rem;color:#203e51}.task-stage{color:#406073;font-size:.875rem}.task-fee{font-size:.95rem;font-weight:600;color:#17384b}
progress{width:100%;height:8px;accent-color:#258e83;border:0;border-radius:8px;overflow:hidden;background:#dce9ed}progress::-webkit-progress-bar{background:#dce9ed}progress::-webkit-progress-value{background:#258e83}
.monitor-toolbar{display:flex;align-items:center;gap:12px;padding:20px 25px;border-bottom:1px solid #e4ebef}.monitor-toolbar label{white-space:nowrap;font-size:.875rem}.monitor-toolbar input{max-width:350px;min-width:0;background:white}.monitor-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:22px;font-size:.875rem}
.monitor-note{font-size:.875rem;color:#536b7c;padding:16px 24px;background:#f2f7fa;line-height:1.8}
table{font-size:.9rem}th{font-size:.875rem;color:#466172;background:#eef4f7}td{font-size:.9rem;color:#365367;padding:18px 22px}td strong{font-size:.95rem;color:#193a4d}td small{font-size:.8125rem;color:#657a89;max-width:310px;white-space:normal}.status-tag,.table-action{font-size:.875rem}.status-tag{color:#4c6675}
.login-view{background:radial-gradient(ellipse at top left,#326278,transparent 70%),#0e2434}.login-card{background:#fff;border-color:#cbdce6;box-shadow:0 30px 80px #06121d60}.login-brand small,.login-note,.login-footer,.secure-label,.form-status{font-size:.875rem}.login-card .subtle,.login-note,.secure-label{color:#526c7c}.login-intro p{color:#c6d8e3}.login-intro h1{letter-spacing:-.03em}.login-card input{background:#f6f9fb;border-color:#bccdd8;font-size:1rem}.login-submit{font-size:1rem;height:50px}.login-footer{color:#aac4d4}
#userDetailDialog{width:760px;max-width:calc(100vw - 28px);max-height:90dvh;overflow-y:auto;padding:25px}#userDetailDialog .task-list{padding:12px 0;grid-template-columns:1fr}#userDetailDialog h3{font-size:1rem;margin:24px 0 12px}
.user-balances{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;background:#edf4f7;border-radius:10px;padding:20px;font-size:.95rem}.user-balances dt{color:#486676}.user-balances dd{margin:0;text-align:right;font-weight:650}.detail-ledger{padding:14px 0;border-bottom:1px solid #dce6ec;display:grid;gap:5px}.detail-ledger small{color:#617786;font-size:.875rem}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3197a7;outline-offset:3px}
@media(max-width:1100px){.live-overview{display:block}.live-numbers{margin-top:20px}.workspace{padding:26px 22px}.task-list{grid-template-columns:1fr}}
@media(max-width:720px){
 .admin-layout{padding-bottom:80px}.sidebar{padding:19px 20px;position:relative}.sidebar nav{position:fixed;bottom:0;left:0;right:0;margin:0;padding:9px 6px calc(9px + env(safe-area-inset-bottom));background:#102d3f;border-top:1px solid #7ba0b04d;z-index:20;gap:0;display:grid;grid-template-columns:repeat(5,1fr)}
 .sidebar .nav-item{font-size:.875rem;justify-content:center;min-height:48px;padding:8px 3px;border-radius:8px}.topbar{padding:0 17px}.connection-state{font-size:.8125rem}.breadcrumb{font-size:.8125rem}.workspace{padding:23px 16px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:1.6rem}.page-heading .subtle{font-size:.875rem}.page-heading>.secondary{margin-top:22px;min-width:78px;font-size:.875rem}.eyebrow.dark{font-size:.8125rem}
 .live-overview{padding:22px}.live-overview h2{font-size:1.2rem}.live-numbers{gap:12px;display:grid;grid-template-columns:repeat(3,1fr)}.live-numbers>div{min-width:0}.live-numbers strong{font-size:1.75rem}.live-numbers span{font-size:.8125rem}.metric-grid{gap:12px}.metric-card{padding:20px 16px}.metric-card>span,.metric-card small{font-size:.875rem}.metric-card>strong{font-size:1.55rem;overflow-wrap:anywhere}.section-heading{padding:20px 17px;flex-wrap:wrap}.section-heading p{font-size:.875rem}.task-list{padding:16px;gap:12px}.task-card{padding:17px}.task-badge{font-size:.8125rem}.task-card small{font-size:.8125rem}
 .monitor-toolbar{flex-wrap:wrap;padding:16px;gap:10px}.monitor-toolbar label{width:100%}.monitor-toolbar input{flex:1;width:0}.monitor-toolbar .secondary{min-width:70px}.filter-label{font-size:.875rem}.filter-label select{font-size:1rem;max-width:160px;min-height:44px}.monitor-note{padding:15px 17px}
 .table-wrap{overflow:visible}table,tbody,tr,td{display:block;white-space:normal;width:100%}thead{display:none}tr{padding:14px 17px;border-bottom:1px solid #dce6ec}td{padding:9px 0;border:0;display:grid;grid-template-columns:108px minmax(0,1fr);gap:3px 12px;align-items:start;overflow-wrap:anywhere}td:before{content:attr(data-label);color:#607989;font-size:.875rem;grid-column:1;grid-row:1/10}td>*{grid-column:2}td small{max-width:none}td .user-link{padding:0;min-height:0}
 .balance-strip{grid-template-columns:1fr;padding:20px;gap:15px}.balance-strip>div{padding:0;border:0;display:flex;justify-content:space-between;align-items:center}.balance-strip span{font-size:.875rem}.balance-strip strong{margin:0;font-size:1.1rem}.workspace-footer{padding:16px;flex-wrap:wrap;font-size:.8125rem}.package-list span,.rule-note{font-size:.875rem}.rules-card .eyebrow{font-size:.8125rem}.exchange-rate>span{font-size:.875rem}
 .login-view{padding:26px 18px;min-height:100dvh}.login-shell{padding:32px 0}.login-card{padding:28px 22px;border-radius:18px}.login-footer{font-size:.8125rem}.login-brand small{font-size:.8125rem}#userDetailDialog{padding:22px 18px}.user-balances{padding:16px;gap:12px}.monitor-pagination{gap:10px;padding:18px 10px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}