@import url('/fonts.css');
.connection-guide{padding:15px 17px;border:1px solid var(--line);border-radius:9px;background:var(--bg);margin-top:18px}.connection-guide h3{font-size:13px;margin-bottom:10px}.connection-guide ol{padding-left:19px;font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:12px}.connection-guide a{font-size:11px}
.auth-tabs{margin-top:25px;margin-bottom:20px}.signup-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.login-card:has(#register-form:not(.hidden)){padding:35px 0}.login-card:has(#register-form:not(.hidden)) .brand{margin-bottom:30px}
html[data-theme=dark] label{color:var(--muted)}html[data-theme=dark] :is(.settings-tabs button.active,nav .selected){background:var(--soft);color:var(--accent)}
.theme-control{display:flex;align-items:center;gap:6px;margin-right:4px}.theme-switch{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;color:var(--muted);position:relative}.theme-switch input{position:absolute;opacity:0;width:1px;height:1px}.theme-slider{width:35px;height:21px;border-radius:20px;background:#cdd2df;position:relative;transition:background .2s}.theme-slider:after{content:'';position:absolute;width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:transform .2s}.theme-switch input:checked+.theme-slider{background:#7767e8}.theme-switch input:checked+.theme-slider:after{transform:translateX(14px)}.theme-switch input:focus-visible+.theme-slider{outline:2px solid #8e81e8;outline-offset:3px}.theme-auto{padding:5px 6px;font-size:9px;background:transparent;color:var(--muted)}.theme-auto.active{color:var(--accent);background:var(--soft)}
html[data-theme=dark]{color-scheme:dark;--bg:#101526;--ink:#e2e7f5;--muted:#9ca9c2;--line:#2c354f;--accent:#afa3ff;--soft:#2b254c}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] :is(.card,.stat,aside,header,dialog,.login,.map-server,.map-panel){background:#192138;color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(input,select,textarea){background:#121a2e;color:var(--ink);border-color:#35405d}html[data-theme=dark] :is(th,.connection-url,.ai-answer,.audit-item pre){background:#131c30;color:#bec8df;border-color:var(--line)}html[data-theme=dark] :is(td,.card-head,.integration,.billing-row,.audit-item,.memory-item,.hosting-link-list label,.setup-navigation,.readiness>div,footer){border-color:var(--line)}html[data-theme=dark] :is(.notice){background:#26223f;border-color:#40365d;color:#c5bfe3}html[data-theme=dark] .notice strong{color:#ded6ff}html[data-theme=dark] .primary{background:#7664e8;color:#fff}html[data-theme=dark] .edit-btn{background:#30284e;color:#c6baff}html[data-theme=dark] :is(.badge,.provider-icon,.stat-icon,.setup-steps button span){background:#2c354f;color:#bac5dd}html[data-theme=dark] .badge.purple{background:#35294f;color:#c5b0ff}html[data-theme=dark] .badge.warn{background:#493c26;color:#f1cc8b}html[data-theme=dark] .badge.danger{background:#492b35;color:#ffb6b3}html[data-theme=dark] :is(.project-numbers strong,.breadcrumbs strong){color:#e2e7f5}html[data-theme=dark] :is(.settings-tabs,.map-server-footer,.map-lane,.map-server,.setup-steps button,.connection-url,.ai-answer){border-color:var(--line)}html[data-theme=dark] .setup-steps button{background:#192138;color:#aab5ca}html[data-theme=dark] .setup-steps .current{background:#30284e;color:#c5b0ff;border-color:#7764ba}html[data-theme=dark] .map-lane{background:#151d31}html[data-theme=dark] :is(.map-lane-title b,nav small){background:#2a3451;color:#c0c9df}html[data-theme=dark] .bar{background:#2a3250}html[data-theme=dark] .login-art{background:#0c1222}html[data-theme=dark] .error{color:#ffb0b0}html[data-theme=dark] .danger-text{color:#ffa8ad}@media(max-width:650px){.theme-switch>span:first-child{display:none}.theme-control{gap:2px}.theme-auto{font-size:8px}.theme-slider{width:32px;height:20px}.theme-slider:after{height:14px;width:14px}.theme-switch input:checked+.theme-slider:after{transform:translateX(12px)}}
.header-actions{display:flex;gap:8px;align-items:center}.header-actions .edit-btn{font-size:12px;padding:8px 12px}.project-numbers{display:flex;gap:24px;margin:0 0 22px;color:#788298;font-size:12px}.project-numbers strong{font-size:22px;display:block;color:#182136}.danger-text{color:#b85353}.project-card .card-head h2{margin-bottom:5px;font-size:17px}.shell aside{overflow:hidden}aside nav{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:#d3d1e8 transparent;margin-bottom:10px}aside nav button{min-height:44px;flex-shrink:0}aside .sidebar-bottom{flex-shrink:0;margin-top:10px}aside .brand,aside .workspace-label,aside>select{flex-shrink:0}@media(max-width:650px){.shell aside{overflow:visible}aside nav{overflow-x:auto;overflow-y:hidden;min-height:auto;flex:initial;margin-bottom:0;max-height:none;align-content:normal}aside nav button{min-height:40px}header{height:auto;min-height:54px;gap:8px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.header-actions{margin-left:auto;gap:5px}.header-actions .edit-btn{font-size:10px;padding:7px 9px}.header-actions .quiet{font-size:10px;padding:6px}.breadcrumbs{font-size:10px}}
.map-banner{padding:28px 30px;background:#1d2440;color:#f6f4ff;border-radius:14px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.map-banner h2{font-size:24px;letter-spacing:-.7px;margin-bottom:9px}.map-banner p{font-size:12px;color:#b6b4d5;margin:0}.map-banner .eyebrow{color:#aaa4e1}.map-banner-mark{font-size:75px;line-height:1;color:#9b8ffd;margin-right:15px}.map-panels{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:24px 0}.map-panel{background:white;border:1px solid #e7eaf1;display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;font-size:12px}.map-panel small{display:block;color:#788298}.map-board{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;overflow-x:auto}.map-lane{background:#eceef5;border:1px solid #e2e5ee;border-radius:11px;padding:11px;min-width:180px}.map-lane-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#657089;font-weight:600;padding:5px 4px 16px}.map-lane-title b{font-size:10px;background:white;border-radius:5px;padding:2px 7px}.map-server{display:block;background:white;border:1px solid #e0e4ef;border-radius:10px;padding:14px;text-align:left;width:100%;margin-bottom:11px;box-shadow:0 3px 6px #18213604;transition:transform .12s,border-color .12s;font-weight:400;color:#182136}.map-server:hover{transform:translateY(-2px);border-color:#b9b1f4}.map-server strong{display:block;font-size:12px;line-height:1.5;margin:12px 0 5px;overflow-wrap:anywhere}.map-server .ip{display:block;color:#788298;font-size:10px}.map-server-top{display:flex;align-items:center;justify-content:space-between;color:#788298;font-size:10px}.map-role-dot{width:8px;height:8px;border-radius:3px;background:#8d80e9}.map-role-dot.awg{background:#4da9b2}.map-role-dot.infrastructure{background:#d4a46f}.map-role-dot.platform{background:#7689b7}.map-tags{display:flex;flex-wrap:wrap;gap:4px;margin:15px 0}.map-tags .badge{font-size:8px;padding:3px 5px}.map-server-footer{display:flex;justify-content:space-between;border-top:1px solid #f0f1f7;padding-top:10px;color:#788298;font-size:9px}.map-empty{color:#9aa2b2;font-size:11px;text-align:center;padding:25px 0}.map-route{display:flex;align-items:center;gap:20px;padding:10px 0;font-size:12px}.map-route>span:not(.badge){font-size:23px;color:#9a90e5}.map-route small{display:block;color:#788298;font:10px ui-monospace,monospace;margin-top:5px}.map-route .badge{margin-left:auto}@media(max-width:850px){.map-board{grid-template-columns:repeat(4,210px)}.map-banner{padding:22px}.map-banner h2{font-size:21px}.map-banner-mark{display:none}.map-route{flex-wrap:wrap}.map-route .badge{margin-left:0}}
.setup-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.setup-steps button{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e7eaf1;font-size:11px;color:#788298;padding:10px}.setup-steps button span{display:grid;place-items:center;width:22px;height:22px;background:#f0f1f7;border-radius:50%;font-size:10px}.setup-steps .current{color:#5954e8;border-color:#c9c4fb;background:#f3f1ff}.setup-steps .current span{background:#5954e8;color:white}.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.setup-aside{display:flex;flex-direction:column;gap:18px}.setup-layout .card-head{gap:15px}.setup-layout .card-head h2{margin-top:5px}.setup-layout .card-body>p{font-size:13px;line-height:1.8}.setup-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.setup-instructions{padding-left:20px;font-size:13px;color:#657089;line-height:1.9}.setup-navigation{padding:16px 22px;border-top:1px solid #e7eaf1;display:flex;justify-content:space-between}.setup-layout form>label{margin:18px 0}.setup-layout .form-grid label{margin-top:10px}.setup-layout textarea[readonly]{font:11px ui-monospace,monospace}.readiness{margin:20px 0}.readiness>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e7eaf1;padding:13px 0;font-size:12px}.ai-answer{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;background:#f6f7fb;border:1px solid #e7eaf1;padding:18px;border-radius:10px;margin:20px 0;max-height:480px;overflow:auto}.memory-item{padding:15px 0;border-bottom:1px solid #e7eaf1;font-size:12px;overflow-wrap:anywhere}.memory-item p{margin-bottom:6px;white-space:pre-wrap}.memory-item button{font-size:10px;padding:4px 0}.setup-layout .notice{margin-top:20px}button:disabled{opacity:.5;cursor:default}@media(max-width:1000px){.setup-layout{grid-template-columns:1fr}.setup-aside{display:none}}@media(max-width:650px){nav{overflow-x:auto}nav button{flex-shrink:0}.setup-steps{gap:5px}.setup-steps button{padding:7px;font-size:9px}.setup-steps button span{width:17px;height:17px}.readiness>div{font-size:11px}}
.settings-tabs{display:flex;gap:6px;border-bottom:1px solid #e7eaf1;margin-bottom:26px;padding-bottom:10px;flex-wrap:wrap}.settings-tabs button{background:transparent;color:#788298;font-size:13px}.settings-tabs button.active{background:#efedff;color:#5954e8}.connections-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.connections-heading h2{margin-bottom:6px}.connections-heading p{font-size:12px;margin:0}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:20px}.connection-card .card-head h2{font-size:16px;margin-bottom:4px}.connection-url{font:12px ui-monospace,monospace;overflow-wrap:anywhere;padding:11px 12px;background:#f7f8fc;border-radius:8px;margin-bottom:15px}.connection-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:7px 0}.connection-meta>span{color:#788298}.connection-meta strong{font-weight:500;text-align:right}.connection-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.check-result{font-size:12px;background:#f6f7fb;border-radius:7px;padding:12px;margin:12px 0 0}#connection-form label small{font-size:10px;line-height:1.6;color:#788298}#connection-form h3{margin:6px 0}#connection-form .footnote{margin:6px 0 13px}.hosting-link-list{max-height:45vh;overflow:auto;margin:20px 0}.hosting-link-list label{padding:12px 0;border-bottom:1px solid #e7eaf1}.hosting-link-list small{display:block}.connection-card button:disabled{opacity:.5;cursor:wait}@media(max-width:650px){.connections-heading{align-items:flex-start;flex-direction:column}.settings-tabs button{font-size:11px;padding:9px}.connection-meta{font-size:11px}.connection-card .card-head{gap:10px}}
:root{--bg:#f6f7fb;--ink:#182136;--muted:#788298;--line:#e7eaf1;--accent:#5954e8;--soft:#efedff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 'Segoe UI',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:var(--accent);text-decoration:none}button{border:0;border-radius:9px;padding:10px 16px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:6px;line-height:1.2}h2{font-size:18px;letter-spacing:-.3px;margin-bottom:16px}h3{font-size:14px}.hidden{display:none!important}.muted{color:var(--muted)}.primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #5954e820}.primary:hover{background:#4841d5}.quiet{background:transparent;color:var(--muted)}.wide{width:100%;display:flex;justify-content:space-between}.brand{font-size:18px;font-weight:750;display:flex;align-items:center;gap:7px;white-space:nowrap;letter-spacing:-.6px}.brand .muted{font-weight:400;font-size:14px}.logo{background:var(--accent);color:white;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;font-size:26px;font-weight:800;font-style:italic}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid var(--line);padding:30px 21px;position:fixed;width:248px;height:100vh;display:flex;flex-direction:column}.workspace-label{font-size:10px;letter-spacing:1.1px;color:var(--muted);margin:38px 0 10px}aside select{width:100%;font-size:12px;padding:10px 7px;background:#f8f9fc;border:1px solid var(--line);border-radius:8px;color:var(--ink)}nav{display:grid;gap:8px;margin-top:30px}nav button{text-align:left;background:transparent;color:#737d93;display:flex;align-items:center;gap:12px;padding:12px 14px}nav button span{font-size:19px;font-weight:400;width:20px}nav .selected{color:var(--accent);background:var(--soft)}nav small{margin-left:auto;font-size:11px;border-radius:5px;background:#fff;padding:1px 7px}.sidebar-bottom{margin-top:auto;padding:15px 10px 0;font-size:12px;color:var(--muted)}.sidebar-bottom b{float:right;font-weight:500}.sidebar-bottom p{font-size:11px;line-height:1.8;margin:8px 0 0}.preview-dot{display:inline-block;background:#b6a3ff;width:7px;height:7px;border-radius:50%;margin-right:5px}.main{grid-column:2;min-width:0}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#ffffffa0}.breadcrumbs{color:var(--muted);font-size:12px}.breadcrumbs span{margin:0 12px;color:#b8bfce}.breadcrumbs strong{color:var(--ink);font-weight:500}main{padding:32px 36px 40px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-title p{margin:9px 0 0;font-size:13px}.eyebrow{color:var(--muted);letter-spacing:1.6px;font-size:10px;font-weight:650;margin-bottom:10px}.notice{display:flex;gap:12px;background:#f0efff;border:1px solid #e4e0ff;border-radius:10px;padding:14px 18px;font-size:12px;line-height:1.7;color:#686294;margin-bottom:26px}.notice>span{font-size:19px}.notice strong{font-weight:600;color:#494375}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat,.card{background:white;border:1px solid var(--line);border-radius:12px}.stat{padding:21px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.stat-icon{background:var(--soft);color:var(--accent);width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:17px}.stat-number{font-size:32px;font-weight:650;letter-spacing:-1px;margin-top:6px}.stat-detail{font-size:11px;color:var(--muted);margin-top:2px}.columns{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}.card-head h2{margin:0}.card-head small{color:var(--muted);font-size:11px}.card-body{padding:22px}.billing-row{padding:16px 23px;border-bottom:1px solid #f0f2f7;display:flex;align-items:center;gap:12px}.billing-row:last-child{border:0}.provider-icon{width:36px;height:36px;border-radius:9px;background:#f2f3f9;display:grid;place-items:center;color:#7a769d;font-size:12px;font-weight:700;flex-shrink:0}.billing-name{font-size:12px;font-weight:600}.billing-meta{font-size:11px;color:var(--muted);margin-top:3px}.billing-price{margin-left:auto;text-align:right;font-size:13px;font-weight:600;white-space:nowrap}.badge{display:inline-block;font-size:10px;border-radius:5px;padding:3px 7px;background:#f1f3f8;color:#788298;white-space:nowrap}.badge.warn{background:#fff2de;color:#ad741d}.badge.danger{background:#ffebe9;color:#c15f51}.badge.purple{background:var(--soft);color:var(--accent)}.bar-row{display:grid;grid-template-columns:105px 1fr 24px;gap:12px;align-items:center;font-size:12px;margin:17px 0}.bar{height:7px;background:#f0eff9;border-radius:9px;overflow:hidden}.bar span{display:block;height:100%;background:#8178ed;border-radius:9px}.integration{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.integration:last-child{border:0}.integration p{margin:0;font-size:12px}.integration small{font-size:11px;color:var(--muted)}.integration .badge{margin-left:auto}.amount-line{display:flex;align-items:baseline;gap:8px;margin-bottom:13px}.amount-line strong{font-size:24px;letter-spacing:-.7px}.amount-line span{color:var(--muted);font-size:12px}.footnote{font-size:11px;color:var(--muted);line-height:1.7;margin:15px 0 0}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar input{flex:1;min-width:170px}.toolbar select{min-width:150px}input,textarea,select{border:1px solid #dfe3ed;border-radius:8px;background:white;padding:10px 12px;color:var(--ink);max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #c8c3ff;outline-offset:1px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;background:#fafbfe;color:var(--muted);padding:14px 20px;white-space:nowrap}td{padding:16px 20px;border-top:1px solid var(--line);vertical-align:middle}td strong{font-weight:600}.table-wrap{overflow:auto}.subcell{font-size:11px;color:var(--muted);margin-top:3px}.ip{font-family:ui-monospace,monospace;font-size:11px}.edit-btn{background:#f5f4ff;color:var(--accent);padding:6px 9px;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid label{margin-bottom:13px}.error{color:#c14a4a;font-size:12px}.empty{padding:40px;text-align:center;color:var(--muted)}.audit-item{padding:18px 23px;border-bottom:1px solid var(--line)}.audit-item p{margin:0 0 6px}.audit-item pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8f9fc;border-radius:6px;padding:10px;font-size:11px;color:#657089}.audit-item small{color:var(--muted)}label{display:grid;gap:6px;font-size:12px;color:#657089}dialog{border:0;border-radius:16px;width:620px;max-width:94vw;padding:26px;box-shadow:0 20px 80px #15213d33;color:var(--ink);max-height:92vh}dialog::backdrop{background:#111b3e70;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin-bottom:22px;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:16px;height:16px;accent-color:var(--accent)}footer{padding:20px 36px;border-top:1px solid var(--line);color:#9aa2b2;font-size:10px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:25px;right:25px;background:#1e2540;color:white;padding:14px 22px;border-radius:10px;box-shadow:0 8px 30px #0002;z-index:5}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-card{width:400px;max-width:85vw;margin:auto;padding:60px 0}.login-card .brand{margin-bottom:70px}.login-card h1{font-size:32px}.login-card label{margin-top:20px}.login-card .primary{margin-top:25px}.login-footer{font-size:9px;letter-spacing:1.7px;color:#9aa2b2;margin-top:60px}.login-art{background:#171d35;position:relative;overflow:hidden;display:grid;place-items:center}.orbit{border:1px solid #66659d40;border-radius:50%;position:absolute;aspect-ratio:1;width:70%}.o2{width:110%}.o3{width:150%}.o1{background:radial-gradient(circle,#5e50a350,transparent 70%)}.art-center{z-index:1;color:#fff;font-size:130px;font-weight:750;font-style:italic;text-align:center;line-height:1}.art-center span{display:block;font-style:normal;font-weight:400;color:#a8a5cd;font-size:14px;margin-top:30px;letter-spacing:1px}.login-art:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#a79aff;top:24%;left:20%;box-shadow:0 0 40px #b0a3ff}
@media(min-width:1500px){main{padding-top:42px}.stats{gap:20px}.stat{padding:26px}}@media(max-width:1100px){.shell{grid-template-columns:205px 1fr}aside{width:205px;padding:25px 14px}.brand{font-size:16px;gap:5px}.brand .muted{font-size:12px}main{padding:26px 22px}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}header{padding:0 22px}.page-title h1{font-size:26px}}@media(max-width:650px){.shell{display:block}aside{position:sticky;top:0;width:100%;height:auto;padding:12px 16px;z-index:3;border-bottom:1px solid var(--line)}aside .brand{font-size:17px}.workspace-label,.sidebar-bottom{display:none}aside select{position:absolute;top:12px;right:15px;width:155px;font-size:10px;padding:7px}nav{display:flex;gap:4px;margin-top:13px;justify-content:space-between}nav button{font-size:10px;display:grid;justify-items:center;gap:2px;padding:5px 9px}nav button span{font-size:18px}nav small{display:none}header{height:46px;padding:0 17px}.breadcrumbs{font-size:10px}main{padding:22px 16px}.page-title{align-items:flex-start;gap:8px;flex-direction:column}.page-title h1{font-size:25px}.page-title .primary{font-size:11px;padding:9px 13px;margin-top:8px}.notice{font-size:10px;padding:12px}.stats{gap:10px}.stat{padding:15px}.stat-number{font-size:27px}.stat-top{font-size:10px}.stat-detail{font-size:10px}.card-head{padding:17px}.billing-row{padding:14px 16px}.card-body{padding:17px}.card-head h2{font-size:16px}.card-head small{font-size:9px}.billing-name{font-size:11px}.billing-price{font-size:11px}.billing-meta{font-size:10px}.provider-icon{width:29px;height:29px}footer{padding:16px;font-size:9px}footer span{max-width:190px;text-align:right}.login{grid-template-columns:1fr}.login-art{display:none}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}dialog{padding:20px}.toolbar select{flex:1;min-width:120px}.toast{left:16px;right:16px;bottom:16px}.page-title p{font-size:12px}}
.bar-0{width:0%}.bar-1{width:5%}.bar-2{width:10%}.bar-3{width:15%}.bar-4{width:20%}.bar-5{width:25%}.bar-6{width:30%}.bar-7{width:35%}.bar-8{width:40%}.bar-9{width:45%}.bar-10{width:50%}.bar-11{width:55%}.bar-12{width:60%}.bar-13{width:65%}.bar-14{width:70%}.bar-15{width:75%}.bar-16{width:80%}.bar-17{width:85%}.bar-18{width:90%}.bar-19{width:95%}.bar-20{width:100%}