@import "https://fonts.googleapis.com/css2?family=Geist:wght@300..700&family=Geist+Mono:wght@400..600&display=swap";
:root{--brand-teal:#40c9d6;--brand-blue:#4070c0;--brand-primary:#4070c0;--brand-primary-hover:#365fa6;--brand-primary-press:#2d4f8a;--brand-gradient:linear-gradient(105deg, #40c9d6 0%, #4070c0 100%);--brand-gradient-soft:linear-gradient(105deg, #40c9d624 0%, #4070c024 100%);--gray-0:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e7e7e9;--gray-300:#d6d6d9;--gray-400:#a8a8ad;--gray-500:#76767c;--gray-600:#52525a;--gray-700:#3a3a40;--gray-800:#26282c;--gray-850:#1c1e22;--gray-900:#16181b;--gray-950:#0e0f11;--gray-1000:#08090a;--status-up:#1f9d63;--status-up-bg:#1f9d631f;--status-warn:#c98a14;--status-warn-bg:#c98a141f;--status-down:#d14343;--status-down-bg:#d143431f;--status-info:#4070c0;--status-info-bg:#4070c01f;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--r-full:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur:.18s;--dur-slow:.24s;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display:60px;--lh-display:1.04;--tr-display:-.03em;--fs-h1:44px;--lh-h1:1.08;--tr-h1:-.025em;--fs-h2:32px;--lh-h2:1.14;--tr-h2:-.02em;--fs-h3:24px;--lh-h3:1.25;--tr-h3:-.015em;--fs-h4:19px;--lh-h4:1.35;--tr-h4:-.01em;--fs-body-lg:18px;--lh-body-lg:1.6;--fs-body:16px;--lh-body:1.6;--fs-sm:14px;--lh-sm:1.55;--fs-caption:13px;--lh-caption:1.4;--fs-mono:13px}:root,:root[data-theme=light]{--bg:var(--gray-50);--surface:var(--gray-0);--surface-2:var(--gray-100);--surface-3:var(--gray-200);--border:var(--gray-200);--border-strong:var(--gray-300);--fg1:var(--gray-900);--fg2:var(--gray-600);--fg3:var(--gray-500);--fg-on-accent:#fff;--ring:#4070c052;--shadow-sm:0 1px 2px #1012140d;--shadow-md:0 4px 16px #10121412;--shadow-lg:0 12px 40px #1012141a}:root[data-theme=dark]{--bg:var(--gray-950);--surface:var(--gray-900);--surface-2:var(--gray-850);--surface-3:var(--gray-800);--border:#ffffff14;--border-strong:#ffffff24;--fg1:#f4f4f5;--fg2:#a8a8ad;--fg3:#76767c;--fg-on-accent:#fff;--ring:#40c9d666;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 16px 48px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--gray-950);--surface:var(--gray-900);--surface-2:var(--gray-850);--surface-3:var(--gray-800);--border:#ffffff14;--border-strong:#ffffff24;--fg1:#f4f4f5;--fg2:#a8a8ad;--fg3:#76767c;--ring:#40c9d666;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 16px 48px #0009}}.t-display{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tr-display);color:var(--fg1)}.t-h1{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--tr-h1);color:var(--fg1)}.t-h2{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-h2);color:var(--fg1)}.t-h3{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);color:var(--fg1)}.t-h4{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h4);color:var(--fg1)}.t-body-lg{font-family:var(--font-sans);font-weight:400;font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--fg2)}.t-body{font-family:var(--font-sans);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg2)}.t-sm{font-family:var(--font-sans);font-weight:400;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--fg2)}.t-caption{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--fg3)}.t-overline{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);font-size:12px;font-weight:600;line-height:1.2}.t-mono{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--fg2);font-weight:400}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.t-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg1);-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease), color var(--dur) var(--ease)}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer}.tnum{font-variant-numeric:tabular-nums}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{white-space:nowrap;border-radius:var(--r-full);transition:background var(--dur) var(--ease), transform var(--dur-fast) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-gradient{background:var(--brand-gradient);color:#fff}.btn-gradient:hover{filter:brightness(1.05)}.btn-secondary{background:var(--surface);color:var(--fg1);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--fg2);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--fg1)}.btn-outline{color:var(--fg1);border-color:var(--border-strong);background:0 0}.btn-outline:hover{background:var(--surface-2)}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:13px 24px;font-size:15px}.btn:disabled{opacity:.45;pointer-events:none}.btn-icon{border-radius:var(--r-sm);width:34px;height:34px;color:var(--fg2);transition:background var(--dur), color var(--dur);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--surface-2);color:var(--fg1)}.segmented{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--fg2);border-radius:var(--r-full);transition:background var(--dur), color var(--dur);background:0 0;border:none;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.segmented button:hover{color:var(--fg1)}.segmented button.on{background:var(--surface-3);color:var(--fg1)}.segmented button.on .seg-dot{background:var(--brand-primary);border-radius:50%;width:6px;height:6px}.segmented button .seg-dot{background:0 0;border-radius:50%;width:6px;height:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.pill{border-radius:var(--r-full);align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.pill .dot{border-radius:50%;width:7px;height:7px}.pill-up{color:var(--status-up);background:var(--status-up-bg)}.pill-up .dot{background:var(--status-up)}.pill-warn{color:var(--status-warn);background:var(--status-warn-bg)}.pill-warn .dot{background:var(--status-warn)}.pill-down{color:var(--status-down);background:var(--status-down-bg)}.pill-down .dot{background:var(--status-down)}.pill-info{color:var(--status-info);background:var(--status-info-bg)}.pill-info .dot{background:var(--status-info)}.theme-toggle{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--fg2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);color:var(--fg1)}@media (prefers-reduced-motion:no-preference){.fade-up{animation:fadeUp var(--dur-slow) var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.scroll-thin::-webkit-scrollbar{width:10px;height:10px}.scroll-thin::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:999px}.scroll-thin::-webkit-scrollbar-track{background:0 0}
.app{background:var(--bg);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:248px;height:100vh;display:flex;position:sticky;top:0}.sb-brand{align-items:center;gap:10px;padding:18px 16px 16px;display:flex}.sb-brand img{width:28px;height:28px}.sb-brand .name{letter-spacing:-.02em;flex:1;font-size:16px;font-weight:600}.sb-brand .chev{color:var(--fg3)}.sb-brand .chev:hover{color:var(--fg1)}.sb-nav{flex-direction:column;flex:1;gap:2px;padding:6px 12px;display:flex;overflow-y:auto}.sb-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg3);padding:14px 12px 6px;font-size:11px;font-weight:600}.sb-item{border-radius:var(--r-sm);color:var(--fg2);cursor:pointer;transition:background var(--dur), color var(--dur);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.sb-item:hover{background:var(--surface-2);color:var(--fg1)}.sb-item.active{background:var(--surface-3);color:var(--fg1)}.sb-item.active svg{color:var(--brand-primary)}.sb-item .badge{color:var(--fg3);background:var(--surface-2);border-radius:var(--r-full);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sb-foot{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 12px 12px;display:flex}.sb-account{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;padding:9px 10px;display:flex}.sb-account:hover{background:var(--surface-2)}.avatar{background:var(--brand-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.sb-account .who{line-height:1.25;overflow:hidden}.sb-account .who .e{color:var(--fg1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sb-account .who .p{color:var(--fg3);font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbanner{color:var(--fg2);border-bottom:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;gap:14px;padding:9px 16px;font-size:13px;display:flex}.topbanner a{color:var(--brand-primary);font-weight:600}.topbanner .dismiss{background:var(--surface-2);border:1px solid var(--border);color:var(--fg2);border-radius:var(--r-full);padding:4px 12px;font-size:12px;font-weight:600}.content{width:100%;max-width:1160px;margin:0 auto;padding:28px 32px 48px}.content--wide{max-width:1760px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.page-head .sub{color:var(--fg2);margin:6px 0 0;font-size:14px}.page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:640px){.page-head{flex-direction:column;align-items:stretch;gap:12px}.page-head-actions{justify-content:flex-start}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.toolbar-left{color:var(--fg3);align-items:center;gap:12px;font-size:13px;display:flex}.search-box{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--fg3);align-items:center;gap:8px;width:240px;padding:8px 13px;display:flex}.search-box input{color:var(--fg1);font-size:13px;font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px;display:grid}@media (max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);padding:16px 18px}.stat .label{color:var(--fg3);align-items:center;gap:7px;font-size:13px;display:flex}.stat .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:26px;font-weight:600}.stat .meta{color:var(--fg3);margin-top:4px;font-size:12px}.srv-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:760px){.srv-grid{grid-template-columns:1fr}}.srv{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur), box-shadow var(--dur), transform var(--dur);padding:18px}.srv:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.srv-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.srv-name{cursor:pointer;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.srv-name:hover{color:var(--brand-primary)}.srv-name svg{color:var(--fg3)}.srv-ip{font-family:var(--font-mono);color:var(--fg3);margin-bottom:14px;font-size:12px}.srv-specs{gap:20px;margin-bottom:16px;display:flex}.srv-spec .v{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.srv-spec .k{color:var(--fg3);margin-top:1px;font-size:11px}.srv-acts{gap:8px;display:flex}.srv-acts .btn{flex:1}.view-toggle{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);display:inline-flex;overflow:hidden}.view-toggle button{color:var(--fg3);cursor:pointer;transition:background var(--dur), color var(--dur);background:0 0;border:none;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button:hover{color:var(--fg1);background:var(--surface-2)}.view-toggle button.on{color:var(--brand-primary);background:var(--brand-gradient-soft)}.view-toggle button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.kebab-menu{z-index:50;background:var(--surface-1,var(--surface));border:1px solid var(--border);border-radius:var(--r-md);min-width:176px;padding:4px;position:fixed;box-shadow:0 10px 30px #00000047}.kebab-item{text-align:left;width:100%;color:var(--fg1);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur);background:0 0;border:none;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.kebab-item:hover{background:var(--surface-2)}.kebab-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.kebab-item.danger{color:var(--status-down)}.kebab-item:disabled{opacity:.5;cursor:not-allowed}.kebab-sep{background:var(--border);height:1px;margin:4px 0}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);-webkit-overflow-scrolling:touch;overflow-x:auto}table.data{border-collapse:collapse;width:100%}table.data th{text-align:left;color:var(--fg3);border-bottom:1px solid var(--border);padding:13px 18px;font-size:12px;font-weight:600}table.data td{color:var(--fg1);border-bottom:1px solid var(--border);padding:14px 18px;font-size:14px}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background var(--dur)}table.data tbody tr:hover{background:var(--surface-2)}.cell-link{color:var(--brand-primary);cursor:pointer;font-weight:600}.cell-link:hover{text-decoration:underline}.cell-mono{font-family:var(--font-mono);color:var(--fg2);font-size:13px}.cell-amt{font-variant-numeric:tabular-nums;font-weight:600}.row-actions{justify-content:flex-end;gap:4px;display:flex}.empty{text-align:center;padding:72px 24px}.empty .spark{color:var(--border-strong);margin-bottom:22px}.empty h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty p{color:var(--fg2);max-width:380px;margin:0 auto 22px;font-size:14px;line-height:1.6}.detail-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.back-link{color:var(--fg3);cursor:pointer;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--fg1)}.detail-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-top:22px;display:grid}@media (max-width:860px){.detail-grid{grid-template-columns:1fr}}.panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:20px}.panel h3{margin:0 0 16px;font-size:14px;font-weight:600}.kv{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.kv:last-child{border-bottom:none}.kv .k{color:var(--fg3)}.kv .v{font-variant-numeric:tabular-nums;font-weight:500}.kv .v.mono{font-family:var(--font-mono);font-size:13px}.action-row{flex-direction:column;gap:10px;display:flex}.action-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--fg1);cursor:pointer;transition:background var(--dur), border-color var(--dur);text-align:left;align-items:center;gap:12px;padding:12px 14px;display:flex}.action-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.action-btn svg{color:var(--fg2)}.action-btn .t{color:var(--fg1);font-size:14px;font-weight:600}.action-btn .d{color:var(--fg3);margin-top:1px;font-size:12px}.action-btn.danger:hover{border-color:var(--status-down)}.action-btn.danger:hover svg,.action-btn.danger:hover .t{color:var(--status-down)}.usage{flex-direction:column;gap:16px;display:flex}.usage-row .top{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.usage-row .top .lbl{color:var(--fg2);align-items:center;gap:7px;display:flex}.usage-row .top .val{font-variant-numeric:tabular-nums;color:var(--fg1);font-weight:600}.bar{border-radius:var(--r-full);background:var(--surface-3);height:7px;overflow:hidden}.bar i{border-radius:var(--r-full);background:var(--brand-gradient);height:100%;display:block}.toast{z-index:100;border-radius:var(--r-md);background:var(--fg1);color:var(--bg);box-shadow:var(--shadow-lg);animation:toastIn var(--dur-slow) var(--ease-out);align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{z-index:90;animation:fadeIn var(--dur) var(--ease);background:#08090a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:560px;max-width:100%;max-height:90vh;box-shadow:var(--shadow-lg);animation:modalIn var(--dur-slow) var(--ease-out);overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.modal-head h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.modal-body{padding:22px}.fld-label{color:var(--fg2);margin:18px 0 9px;font-size:13px;font-weight:600;display:block}.fld-label:first-child{margin-top:0}.plan-pick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.plan-opt{text-align:left;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--fg1);cursor:pointer;transition:border-color var(--dur), background var(--dur);padding:14px}.plan-opt:hover{border-color:var(--border-strong)}.plan-opt.on{border-color:var(--brand-primary);background:var(--brand-gradient-soft)}.po-name{color:var(--fg1);font-size:14px;font-weight:600}.po-specs{color:var(--fg3);margin:4px 0 10px;font-size:11px}.po-price{font-size:16px;font-weight:600}.po-price span{color:var(--fg3);font-size:11px;font-weight:500}.seg-wrap{flex-wrap:wrap;gap:8px;display:flex}.reg-opt{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--fg2);cursor:pointer;transition:all var(--dur);align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.reg-opt:hover{border-color:var(--border-strong);color:var(--fg1)}.reg-opt.on{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-gradient-soft)}.reg-opt.on svg{color:var(--brand-primary)}.fld{box-sizing:border-box;width:100%;font-family:var(--font-mono);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg1);padding:11px 13px;font-size:14px}.fld:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--ring);outline:none}.modal-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.foot-price{font-size:20px;font-weight:600}.foot-price .per{color:var(--fg3);margin-left:4px;font-size:12px;font-weight:500}.mobile-bar{display:none}@media (max-width:860px){.mobile-bar{border-bottom:1px solid var(--border);background:var(--surface);z-index:60;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-bar .brand{font-size:16px;font-weight:600}.mobile-bar .burger{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--fg1);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.app .sidebar{z-index:80;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app.nav-open .sidebar{transform:translate(0);box-shadow:0 0 40px #0006}.app.nav-open .nav-scrim{z-index:70;background:#00000073;position:fixed;inset:0}.app .main{width:100%}}.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (max-width:760px){.settings-layout{grid-template-columns:1fr;gap:14px}}.settings-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:16px}@media (max-width:760px){.settings-nav{flex-direction:row;padding-bottom:4px;position:static;overflow-x:auto}}.settings-nav button{text-align:left;border-radius:var(--r-md);width:100%;color:var(--fg2);cursor:pointer;white-space:nowrap;transition:background var(--dur), color var(--dur);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.settings-nav button:hover{background:var(--surface-2);color:var(--fg1)}.settings-nav button.on{background:var(--surface-2);color:var(--fg1);font-weight:600}.settings-nav button.on svg{color:var(--brand-primary)}.set-pane{max-width:760px}.set-section{margin-bottom:30px}.set-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--fg3);margin:0 0 4px;font-size:11px;font-weight:700}.set-section-desc{color:var(--fg2);margin:0 0 12px;font-size:13px;line-height:1.5}.set-rows{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.set-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.set-row:last-child{border-bottom:none}.set-row.col{flex-direction:column;align-items:stretch;gap:12px}.set-label{color:var(--fg1);font-size:14px;font-weight:500}.set-label .sub{color:var(--fg3);margin-top:2px;font-size:12.5px;font-weight:400;line-height:1.45;display:block}.set-control{flex-shrink:0;align-items:center;gap:8px;display:flex}.set-input{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--fg1);transition:border-color var(--dur), box-shadow var(--dur);outline:none;padding:7px 11px;font-size:13px}.set-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--ring)}.set-adv{border-top:1px dashed var(--border);margin-top:14px;padding-top:12px}.set-adv>summary{color:var(--fg2);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.set-adv>summary::-webkit-details-marker{display:none}.set-adv[open]>summary{margin-bottom:12px}.app-header{z-index:60;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.app-header-brand{letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.app-header-brand img{width:26px;height:26px}.app-header-center{flex:1;justify-content:center;min-width:0;display:flex}.app-header-burger{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--fg1);justify-content:center;align-items:center;display:none}.app-header-wordmark{align-items:center;gap:8px;font-size:16px;font-weight:600;display:none}@media (max-width:860px){.app-header-burger,.app-header-wordmark{display:inline-flex}}.app-header-search{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface-2);width:100%;max-width:520px;color:var(--fg3);transition:border-color var(--dur), box-shadow var(--dur);align-items:center;gap:8px;padding:7px 13px;display:flex}.app-header-search:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--ring)}.app-header-search input{width:100%;color:var(--fg1);font-size:13px;font-family:var(--font-sans);background:0 0;border:none;outline:none}.app-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-header-account{position:relative}.app-header-acct-btn{border-radius:var(--r-full);color:var(--fg1);transition:background var(--dur), border-color var(--dur);background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:5px 9px 5px 5px;display:flex}.app-header-acct-btn:hover,.app-header-acct-btn.open{background:var(--surface-2);border-color:var(--border)}.app-header-acct-btn .who{text-align:left;max-width:160px;line-height:1.2}.app-header-acct-btn .who .n{color:var(--fg1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.app-header-acct-btn .who .d{color:var(--fg3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.app-header-acct-btn svg{color:var(--fg3)}.app-header-acct-menu{min-width:200px;position:absolute;top:calc(100% + 6px);right:0}@media (max-width:640px){.app-header-acct-btn .who,.app-header-center{display:none}}.sidebar--rail{width:64px}.sb-group{flex-direction:column;gap:2px;display:flex}.sb-group-toggle{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--fg3);text-align:left;transition:color var(--dur);background:0 0;border:none;align-items:center;gap:6px;padding:14px 12px 6px;font-size:11px;font-weight:600;display:flex}.sb-group-toggle:hover{color:var(--fg1)}.sb-group-chev{transition:transform var(--dur)}.sb-group-chev.closed{transform:rotate(-90deg)}.sb-item-label{flex:1}.sb-item-ext{opacity:.4;flex-shrink:0}a.sb-item{text-decoration:none}.sb-rail-sep{background:var(--border);height:1px;margin:8px}.sidebar--rail .sb-brand{justify-content:center;padding:18px 0 16px}.sidebar--rail .sb-brand .name,.sidebar--rail .sb-brand .admin-tag{display:none}.sidebar--rail .sb-item{justify-content:center;padding:10px 0}.sidebar--rail .sb-foot{align-items:center}.badge--dot{background:var(--brand-primary);border-radius:50%;width:7px;min-width:7px;height:7px;margin:0;padding:0;position:absolute;top:7px;right:9px}.sidebar--rail .sb-item{position:relative}.sb-collapse{color:var(--fg3)}.dt{flex-direction:column;gap:14px;display:flex}.dt-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dt-toolbar-left,.dt-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dt-search{width:260px}.dt-density button{padding:6px 10px}.dt-col-wrap{position:relative}.dt-col-menu{min-width:190px;max-height:320px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.dt-col-item{color:var(--fg1);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex}.dt-col-item:hover{background:var(--surface-2)}.dt-col-item input{accent-color:var(--brand-primary)}.dt-table th.dt-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur)}.dt-table th.dt-th-sortable:hover{color:var(--fg1)}.dt-th-inner{align-items:center;gap:5px;display:inline-flex}.dt-table th.num .dt-th-inner{flex-direction:row-reverse}.dt-sort-ico{opacity:0;transition:transform var(--dur), opacity var(--dur);color:var(--fg3)}.dt-table th.dt-th-sortable:hover .dt-sort-ico{opacity:.5}.dt-sort-ico.on{opacity:1;color:var(--brand-primary)}.dt-sort-ico.asc{transform:rotate(180deg)}.dt-table td.num,.dt-table th.num{text-align:right;font-variant-numeric:tabular-nums}.dt-table tr.dt-row-click{cursor:pointer}.dt-actions-col{text-align:right;width:44px;padding-left:4px!important;padding-right:8px!important}.dt-empty{text-align:center;color:var(--fg3);font-size:14px;padding:48px 18px!important}.dt-compact th{padding:8px 14px}.dt-compact td{padding:7px 14px;font-size:13px}.dt-comfortable th{padding:13px 18px}.dt-comfortable td{padding:14px 18px}.status-cell{align-items:center;gap:8px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #0000}.status-dot--up{background:var(--status-up)}.status-dot--down{background:var(--status-down)}.status-dot--warn{background:var(--status-warn)}.status-dot--info{background:var(--status-info)}.status-dot--neutral{background:var(--fg3)}.detail-layout{flex-direction:column;display:flex}.dl-crumbs{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:14px;font-size:13px;display:flex}.dl-crumb{align-items:center;gap:2px;display:inline-flex}.dl-crumb-link{color:var(--fg3);cursor:pointer;border-radius:var(--r-xs);transition:color var(--dur);background:0 0;border:none;padding:2px 4px;font-size:13px}.dl-crumb-link:hover{color:var(--fg1)}.dl-crumb-text{color:var(--fg1);padding:2px 4px;font-weight:500}.dl-crumb-sep{color:var(--fg3);margin:0 2px}.dl-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.dl-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dl-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.dl-subtitle{color:var(--fg2);margin-top:6px;font-size:14px}.dl-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.dl-tabs{border-bottom:1px solid var(--border);align-items:center;gap:2px;margin-bottom:24px;display:flex;overflow-x:auto}.dl-tab{white-space:nowrap;cursor:pointer;color:var(--fg2);transition:color var(--dur), border-color var(--dur);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:11px 14px;font-size:14px;font-weight:500;display:inline-flex}.dl-tab:hover{color:var(--fg1)}.dl-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.dl-tab.active svg{color:var(--brand-primary)}.dl-tab-badge{color:var(--fg3);background:var(--surface-2);border-radius:var(--r-full);padding:1px 7px;font-size:11px;font-weight:600}@media (max-width:640px){.dl-head{flex-direction:column;align-items:stretch}}.pill-neutral{color:var(--fg2);background:var(--surface-3)}.pill-neutral .dot{background:var(--fg3)}.def-list{background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);gap:1px;margin:0;display:grid;overflow:hidden}.def-list[data-cols="1"]{grid-template-columns:1fr}.def-list[data-cols="2"]{grid-template-columns:1fr 1fr}.def-list[data-cols="3"]{grid-template-columns:1fr 1fr 1fr}.def-item{background:var(--surface);min-width:0;padding:12px 16px}.def-item--full{grid-column:1/-1}.def-label{color:var(--fg3);margin:0 0 4px;font-size:12px}.def-value{color:var(--fg1);word-break:break-word;font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:500}.def-value.mono{font-family:var(--font-mono);font-size:13px;font-weight:400}@media (max-width:640px){.def-list[data-cols="2"],.def-list[data-cols="3"]{grid-template-columns:1fr}}.metric-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.metric-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-title{color:var(--fg3);font-size:13px}.metric-range button{padding:4px 10px;font-size:12px}.metric-value-row{align-items:baseline;gap:8px;display:flex}.metric-value{letter-spacing:-.02em;color:var(--fg1);font-size:28px;font-weight:600;line-height:1.1}.metric-unit{color:var(--fg3);font-size:13px}.metric-delta{font-size:12px;font-weight:600}.metric-delta--up{color:var(--status-up)}.metric-delta--down{color:var(--status-down)}.metric-delta--neutral{color:var(--fg3)}.metric-spark-wrap{margin:2px -2px -4px}.metric-spark{display:block}.metric-spark--empty{background:var(--surface-2);border-radius:var(--r-sm)}.set-code{font-family:var(--font-mono);color:var(--fg1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:3px 8px;font-size:12.5px}.docs-code{position:relative}.docs-code pre{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--fg1);font-family:var(--font-mono);margin:0;padding:14px 16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.docs-code-copy{position:absolute;top:8px;right:8px}@keyframes dp-spin{to{transform:rotate(360deg)}}.dp-spinner{border:3px solid var(--border);border-top-color:var(--brand-primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite dp-spin}.dp-loading{min-height:420px;color:var(--fg3);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.dp-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:420px;padding:40px 0;display:flex}.dp-page-head{margin-bottom:32px}.dp-page-title{letter-spacing:-.02em;color:var(--fg1);margin:10px 0 6px;font-size:26px;font-weight:600}.dp-page-sub{color:var(--fg2);margin:0;font-size:14px;line-height:1.5}.dp-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.dp-config{min-width:0}.dp-summary{position:sticky;top:74px}.dp-section{border-bottom:1px solid var(--border);padding:32px 0}.dp-section:first-child{padding-top:0}.dp-section:last-child{border-bottom:none}.dp-section-head{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.dp-section-num{background:var(--brand-gradient-soft);border:1.5px solid var(--brand-primary);width:28px;height:28px;color:var(--brand-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:700;display:flex}.dp-section-title{letter-spacing:-.02em;color:var(--fg1);margin:0 0 4px;font-size:16px;font-weight:700}.dp-section-sub{color:var(--fg3);margin:0;font-size:13px;line-height:1.5}.dp-product-tabs{flex-direction:column;gap:8px;display:flex}@media (min-width:600px){.dp-product-tabs{flex-direction:row;gap:10px}}.dp-product-tab{border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--surface);color:var(--fg1);cursor:pointer;text-align:left;transition:border-color var(--dur), background var(--dur), box-shadow var(--dur);flex:1;align-items:center;gap:14px;padding:16px 18px;display:flex}.dp-product-tab:hover:not(.on){border-color:var(--border-strong);background:var(--surface-2)}.dp-product-tab.on{border-color:var(--brand-primary);background:var(--brand-gradient-soft);box-shadow:0 0 0 1px var(--brand-primary)}.dp-product-tab:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.dp-product-tab-icon{border-radius:var(--r-md);background:var(--surface-2);width:40px;height:40px;color:var(--fg3);transition:background var(--dur), color var(--dur);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dp-product-tab.on .dp-product-tab-icon{color:var(--brand-primary);background:#4070c026}.dp-product-tab-body{flex:1;min-width:0}.dp-product-tab-name{color:var(--fg1);flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.dp-product-tab-tag{color:var(--fg3);margin-top:3px;font-size:12px;display:block}.dp-product-tab-check{color:var(--brand-primary);flex-shrink:0}.dp-badge{border-radius:var(--r-full);background:var(--brand-gradient);color:#fff;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;font-size:10px;font-weight:700}.dp-plan-list{flex-direction:column;gap:8px;display:flex}.dp-plan-row{background:var(--surface);color:var(--fg1);border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;transition:border-color var(--dur), background var(--dur), box-shadow var(--dur);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.dp-plan-row:hover:not(.on){border-color:var(--border-strong);background:var(--surface-2)}.dp-plan-row.on{border-color:var(--brand-primary);background:var(--brand-gradient-soft);box-shadow:0 0 0 1px var(--brand-primary)}.dp-plan-row:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.dp-plan-row-left{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.dp-plan-name{color:var(--fg1);font-size:14px;font-weight:600}.dp-plan-specs{flex-wrap:wrap;gap:6px;display:flex}.dp-spec-chip{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);transition:background var(--dur), border-color var(--dur);align-items:baseline;gap:3px;padding:3px 8px;font-size:12px;display:inline-flex}.dp-plan-row.on .dp-spec-chip{background:#4070c01a;border-color:#4070c038}.dp-spec-val{font-variant-numeric:tabular-nums;color:var(--fg1);font-weight:600}.dp-spec-lbl{color:var(--fg3);font-size:11px}.dp-plan-row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.dp-popular-badge{border-radius:var(--r-full);color:var(--status-warn);background:var(--status-warn-bg);white-space:nowrap;padding:3px 9px;font-size:11px;font-weight:600}.dp-plan-price{color:var(--fg1);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;font-size:16px;font-weight:700;display:flex}.dp-plan-price em{color:var(--fg3);margin-left:1px;font-size:11px;font-style:normal;font-weight:500}.dp-plan-radio{border:2px solid var(--border-strong);background:var(--surface);width:18px;height:18px;transition:border-color var(--dur);border-radius:50%;flex-shrink:0;position:relative}.dp-plan-radio.on{border-color:var(--brand-primary)}.dp-plan-radio.on:after{content:"";background:var(--brand-primary);border-radius:50%;position:absolute;inset:3px}.dp-option-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.dp-option-card{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);color:var(--fg1);cursor:pointer;text-align:left;transition:border-color var(--dur), background var(--dur);align-items:center;gap:10px;padding:13px 15px;display:flex}.dp-option-card:hover:not(.on){border-color:var(--border-strong);background:var(--surface-2)}.dp-option-card.on{border-color:var(--brand-primary);background:var(--brand-gradient-soft)}.dp-option-card:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.dp-option-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dp-option-label{color:var(--fg1);font-size:13px;font-weight:600;line-height:1.3}.dp-option-price{color:var(--fg3);font-size:12px}.dp-option-card.on .dp-option-price{color:var(--brand-primary)}.dp-addon-check{border-radius:var(--r-xs);border:1.5px solid var(--border-strong);background:var(--surface);color:#fff;width:16px;height:16px;transition:all var(--dur);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dp-addon-check.on{background:var(--brand-primary);border-color:var(--brand-primary)}.dp-img-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;margin-bottom:16px;display:flex;overflow-x:auto}.dp-img-tabs::-webkit-scrollbar{display:none}.dp-img-tab{white-space:nowrap;cursor:pointer;color:var(--fg2);transition:color var(--dur), border-color var(--dur);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.dp-img-tab:hover{color:var(--fg1)}.dp-img-tab.on{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.dp-img-tab:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.dp-img-tab-count{color:var(--fg3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:1px 6px;font-size:11px;font-weight:600;line-height:1.5}.dp-img-tab.on .dp-img-tab-count{color:var(--brand-primary);background:var(--brand-gradient-soft);border-color:#4070c040}.dp-os-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.dp-os-card{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);color:var(--fg1);cursor:pointer;text-align:center;transition:border-color var(--dur), background var(--dur), box-shadow var(--dur);flex-direction:column;align-items:center;gap:7px;padding:14px 8px 12px;display:flex}.dp-os-card:hover:not(.on){border-color:var(--border-strong);background:var(--surface-2)}.dp-os-card.on{border-color:var(--brand-primary);background:var(--brand-gradient-soft);box-shadow:0 0 0 1px var(--brand-primary)}.dp-os-card:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.dp-os-icon{border-radius:var(--r-md);background:var(--surface-2);width:36px;height:36px;transition:background var(--dur);justify-content:center;align-items:center;display:flex}.dp-os-card.on .dp-os-icon{background:#4070c026}.dp-os-label{color:var(--fg1);font-size:12px;font-weight:500;line-height:1.4}.dp-os-card-price{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--fg3);white-space:nowrap;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.3}.dp-os-card-price--paid{color:var(--status-warn);background:var(--status-warn-bg,#eab3081f);border-color:#0000}.dp-os-card.on .dp-os-card-price{color:var(--brand-primary);background:#4070c01f;border-color:#4070c040}.dp-os-card.on .dp-os-card-price--paid{color:var(--status-warn)}.dp-fld-wrap{flex-direction:column;gap:6px;display:flex}.dp-fld-label{color:var(--fg2);font-size:13px;font-weight:600}.dp-fld-hint{color:var(--fg3);align-items:center;gap:5px;margin:0;font-size:12px;line-height:1.5;display:flex}.dp-fld-hint--warn{color:var(--status-warn)}.dp-ssh-loading{color:var(--fg3);padding:12px 0;font-size:13px}.dp-inline-link{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.dp-inline-link:hover{text-decoration:underline}.dp-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden}.dp-summary-head{border-bottom:1px solid var(--border);background:var(--surface-2);padding:16px 22px}.dp-summary-title{letter-spacing:.07em;text-transform:uppercase;color:var(--fg3);margin:0;font-size:11px;font-weight:700}.dp-summary-body{flex-direction:column;gap:18px;padding:20px 22px;display:flex}.dp-summary-config{flex-direction:column;gap:8px;display:flex}.dp-summary-product-row{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.dp-summary-plan-name{letter-spacing:-.02em;color:var(--fg1);font-size:20px;font-weight:700;line-height:1.2}.dp-summary-specs{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.dp-summary-spec{color:var(--fg2);border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);padding:2px 7px;font-size:12px}.dp-summary-meta{color:var(--fg3);align-items:center;gap:5px;margin-top:1px;font-size:12px;display:flex}.dp-summary-empty{color:var(--fg3);padding:8px 0;font-size:13px;font-style:italic}.dp-price-breakdown{border-top:1px solid var(--border);flex-direction:column;gap:9px;padding-top:18px;display:flex}.dp-price-line{color:var(--fg2);justify-content:space-between;align-items:center;font-size:13px;display:flex}.dp-price-line--addon{color:var(--fg3);font-size:12px}.dp-price-divider{background:var(--border);height:1px;margin:2px 0}.dp-price-total{justify-content:space-between;align-items:baseline;display:flex}.dp-price-total-label{color:var(--fg2);font-size:14px;font-weight:600}.dp-price-total-value{letter-spacing:-.03em;color:var(--fg1);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-size:28px;font-weight:700;display:flex}.dp-price-total-value em{color:var(--fg3);font-size:13px;font-style:normal;font-weight:500}.dp-price-vat{color:var(--fg3);text-align:right;margin:0;font-size:11px;line-height:1.5}.dp-summary-actions{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:18px;display:flex}.dp-deploy-btn{justify-content:center;width:100%;padding:14px 20px;font-size:15px;font-weight:600}.dp-cancel-btn{color:var(--fg3);cursor:pointer;text-align:center;width:100%;transition:color var(--dur);background:0 0;border:none;padding:4px;font-size:13px}.dp-cancel-btn:hover{color:var(--fg1)}.dp-latency-row{align-items:center;gap:4px;margin-top:3px;display:inline-flex}.dp-latency-bars{flex-shrink:0;align-items:flex-end;gap:2px;height:13px;display:inline-flex}.dp-latency-bar{border-radius:1.5px;flex-shrink:0;width:3px;display:inline-block}.dp-latency-label{color:var(--fg2);white-space:nowrap;font-size:11px;line-height:1}.dp-latency-est{color:var(--fg3);opacity:.55;white-space:nowrap;font-size:10px;line-height:1}.dp-option-desc{color:var(--fg3);margin-top:1px;font-size:11.5px;line-height:1.45}.dp-option-card.on .dp-option-desc{color:var(--fg2)}.dp-price-chip{white-space:nowrap;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--fg3);flex-shrink:0;align-self:center;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.5}.dp-price-chip--paid{color:var(--status-warn);background:var(--status-warn-bg,#eab3081a);border-color:#0000}.dp-price-chip--free{color:var(--status-up);background:#22c55e1a;border-color:#0000}.dp-storage-list{flex-direction:column;gap:8px;display:flex}.dp-storage-card{border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--surface);color:var(--fg1);cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur), background var(--dur), box-shadow var(--dur);align-items:center;gap:14px;padding:15px 18px;display:flex}.dp-storage-card:hover:not(.on){border-color:var(--border-strong);background:var(--surface-2)}.dp-storage-card.on{border-color:var(--brand-primary);background:var(--brand-gradient-soft);box-shadow:0 0 0 1px var(--brand-primary)}.dp-storage-card:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.dp-storage-icon{border-radius:var(--r-md);background:var(--surface-2);width:36px;height:36px;color:var(--fg3);transition:background var(--dur), color var(--dur);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dp-storage-card.on .dp-storage-icon{color:var(--brand-primary);background:#4070c026}.dp-storage-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dp-storage-label{color:var(--fg1);font-size:14px;font-weight:600;line-height:1.3}.dp-storage-desc{color:var(--fg3);font-size:12px;line-height:1.45}.dp-storage-card.on .dp-storage-desc{color:var(--fg2)}.dp-storage-radio{border:2px solid var(--border-strong);background:var(--surface);width:18px;height:18px;transition:border-color var(--dur);border-radius:50%;flex-shrink:0;position:relative}.dp-storage-radio.on{border-color:var(--brand-primary)}.dp-storage-radio.on:after{content:"";background:var(--brand-primary);border-radius:50%;position:absolute;inset:3px}.dp-addon-list{flex-direction:column;gap:8px;display:flex}.dp-addon-row{border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--surface);color:var(--fg1);cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur), background var(--dur), box-shadow var(--dur);align-items:center;gap:14px;padding:15px 18px;display:flex}.dp-addon-row:hover:not(.on){border-color:var(--border-strong);background:var(--surface-2)}.dp-addon-row.on{border-color:var(--brand-primary);background:var(--brand-gradient-soft);box-shadow:0 0 0 1px var(--brand-primary)}.dp-addon-row:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.dp-addon-check-box{border-radius:var(--r-xs);border:1.5px solid var(--border-strong);background:var(--surface);color:#fff;width:20px;height:20px;transition:all var(--dur);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dp-addon-row.on .dp-addon-check-box{background:var(--brand-primary);border-color:var(--brand-primary)}.dp-addon-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dp-addon-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dp-addon-label{color:var(--fg1);font-size:14px;font-weight:600;line-height:1.3}.dp-addon-desc{color:var(--fg3);font-size:12px;line-height:1.45}.dp-addon-row.on .dp-addon-desc{color:var(--fg2)}.dp-rec-badge{border-radius:var(--r-full);color:var(--status-up);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#22c55e1a;border:1px solid #22c55e40;padding:2px 7px;font-size:10px;font-weight:700}@media (max-width:900px){.dp-layout{grid-template-columns:1fr;gap:24px}.dp-summary{position:static}}@media (max-width:600px){.dp-option-grid{grid-template-columns:1fr 1fr}.dp-os-grid{grid-template-columns:repeat(3,1fr)}.dp-plan-row-right{gap:6px}.dp-popular-badge{display:none}.dp-product-tab{flex-direction:column;align-items:flex-start;gap:10px}.dp-img-tab{padding:8px 10px;font-size:12px}.dp-storage-card,.dp-addon-row{gap:10px;padding:12px 14px}.dp-storage-icon{width:30px;height:30px}}