:root{--sidebar-w:260px;--dash-bg:#090a0f;--dash-card:#12131a;--dash-card-hover:#171822;--dash-border:#ffffff14;--dash-border-subtle:#ffffff0a;--chart-1:oklch(63.78% .1051 172.72);--chart-2:oklch(72% .09 168);--chart-3:#f59e0b;--chart-4:oklch(63.78% .1051 172.72);--chart-5:#ef4444;--dashboard-icon-bg:conic-gradient(from 90deg, #32333d 0%, #202129 25%, #15161c 50%, #252631 75%, #32333d 100%);--dashboard-icon-shadow:inset 0 1px 0 #ffffff26, 0 2px 6px #0006;--shadow-custom:inset 0 1px 0 0 #ffffff0a, 0 4px 20px -2px #00000080}html,body{height:100%;background-color:var(--dash-bg,#090a0f)!important;overflow:hidden!important}.capitalio-shell{background:var(--dash-bg);color:#fff;height:100vh;max-height:100vh;font-family:var(--font-sans);display:flex;position:relative;overflow:hidden}.capitalio-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);border-right:1px solid var(--dash-border);z-index:90;background:#0d0e14;flex-direction:column;flex-shrink:0;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 24px #0006}.sidebar-header{border-bottom:1px solid var(--dash-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 18px;display:flex}.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-icon-box{background:linear-gradient(135deg,#2ea88c40,#2ea88c14);border:1px solid #2ea88c59;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 16px #2ea88c40}.brand-text-col{flex-direction:column;gap:2px;display:flex}.brand-title-row{align-items:center;gap:8px;display:flex}.brand-name{letter-spacing:-.02em;color:#fff;font-size:1.05rem;font-weight:800}.brand-pill{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#2ea88c26;border:1px solid #2ea88c4d;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:700}.brand-sub{color:var(--text-muted);font-size:.72rem}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.sidebar-content{overscroll-behavior:contain;flex-direction:column;flex:1;gap:24px;padding:20px 14px;display:flex;overflow:hidden auto}.nav-section-label{letter-spacing:.08em;color:#fff6;margin-bottom:8px;padding:0 10px;font-size:.68rem;font-weight:700;display:block}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-item{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.88rem;font-weight:500;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:#fff;background:#6366f11a;border:1px solid #6366f147;box-shadow:inset 0 0 8px #6366f126,0 2px 8px #0000004d}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{color:#ffffff80;justify-content:center;align-items:center;display:flex}.nav-label{flex:1}.nav-badge{color:#fff;background:#ffffff14;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.nav-dot{background:var(--chart-4);border-radius:50%;width:6px;height:6px}.sidebar-footer{border-top:1px solid var(--dash-border-subtle);background:#0a0b0ff2;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 14px;display:flex}.quota-widget{flex-direction:column;gap:8px;display:flex}.quota-head{justify-content:space-between;font-size:.75rem;display:flex}.quota-label{color:var(--text-muted)}.quota-count{color:#fff;font-weight:600}.quota-bar-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.quota-bar-fill{background:linear-gradient(90deg,#6366f1,#10b981);border-radius:999px;height:100%;transition:width .4s}.quota-sub{color:var(--text-muted);justify-content:space-between;font-size:.72rem;display:flex}.sidebar-referral-card{background:linear-gradient(135deg,#6366f11f,#10b9810d);border:1px solid #6366f147;border-radius:10px;padding:12px;box-shadow:0 4px 12px #00000040}.sidebar-divider{background:var(--dash-border-subtle);height:1px}.user-profile-row{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#2a2b38,#1a1b24);border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0000004d}.user-text-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-name-row{align-items:center;gap:6px;display:flex}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sidebar-logout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.sidebar-logout-btn:hover{color:var(--chart-5);background:#ef444426}.capitalio-canvas{background:var(--dash-bg);flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;overflow:hidden}.capitalio-topbar{z-index:40;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--dash-border);background:#090a0fd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 28px;display:flex;position:relative}.topbar-left{align-items:center;gap:16px;min-width:0;display:flex}.sidebar-toggle-btn{border:1px solid var(--dash-border);color:#fff;cursor:pointer;background:0 0;border-radius:6px;padding:6px;display:none}.topbar-titles{flex-direction:column;gap:3px;min-width:0;display:flex}.breadcrumb{align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.bc-root{color:var(--text-muted)}.bc-sep{color:#fff3}.bc-active{color:#fff}.topbar-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.live-pill{color:#fff;align-items:center;gap:6px;font-weight:500;display:inline-flex}.pulse-dot{background:var(--chart-4);width:7px;height:7px;box-shadow:0 0 8px var(--chart-4);border-radius:50%;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.meta-sep{color:#fff3}.topbar-actions{align-items:center;gap:10px;display:flex}.capitalio-main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;gap:28px;width:100%;max-width:1400px;margin:0 auto;padding:28px;display:flex;overflow:hidden auto}.summary-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summary-card{background:var(--dash-card);border:1px solid var(--dash-border);box-shadow:var(--shadow-custom);border-radius:12px;flex-direction:column;gap:14px;padding:18px 20px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.summary-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.card-head{justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-muted);font-size:.82rem;font-weight:500}.card-icon-badge{background:var(--dashboard-icon-bg);width:32px;height:32px;box-shadow:var(--dashboard-icon-shadow);color:#fff;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;display:flex}.card-stat-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.stat-num{letter-spacing:-.03em;color:#fff;font-size:1.85rem;font-weight:800;line-height:1}.stat-unit{color:#ffffff80;font-size:.88rem;font-weight:600}.stat-trend{align-items:center;gap:3px;margin-left:auto;font-size:.72rem;font-weight:600;display:inline-flex}.stat-trend.positive{color:var(--chart-4)}.stat-trend.neutral{color:var(--text-muted)}.mini-segment-bar{gap:3px;height:6px;margin-top:4px;display:flex}.seg{border-radius:3px;height:100%}.seg-success{background:var(--chart-4)}.seg-warning{background:var(--chart-3)}.detail-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.panel-card{background:var(--dash-card);border:1px solid var(--dash-border);box-shadow:var(--shadow-custom);border-radius:12px;flex-direction:column;gap:18px;padding:22px;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title-col{flex-direction:column;gap:4px;display:flex}.panel-title{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.panel-sub{color:var(--text-muted);font-size:.78rem}.panel-tags{align-items:center;gap:8px;display:flex}.detail-tag{border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600}.tag-emerald{color:var(--chart-4);background:#10b9811f;border:1px solid #10b98140}.tag-purple{color:var(--chart-2);background:#8b5cf61f;border:1px solid #8b5cf640}.dashboard-dot-grid{background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:20px 20px}.chart-container{background-color:#0003;border:1px solid #ffffff0a;border-radius:8px;width:100%;height:220px;position:relative;overflow:hidden}.axis-row{text-align:center;color:#fff6;grid-template-columns:repeat(7,1fr);padding:0 8px;font-size:.72rem;display:grid}.axis-row .active-time{color:var(--chart-4);font-weight:600}.legend-color-dot{border-radius:2px;width:8px;height:8px}.donut-wrapper{width:160px;height:160px;margin:6px auto;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-content{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-num{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.donut-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:.7rem}.alloc-list{flex-direction:column;gap:10px;display:flex}.alloc-item{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.alloc-left{color:#ffffffd9;align-items:center;gap:8px;display:flex}.alloc-right{align-items:center;gap:12px;display:flex}.alloc-val{color:#fff;font-weight:600}.alloc-pct{color:var(--text-muted);text-align:right;min-width:40px}.storage-monitored-row{border-top:1px solid var(--dash-border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:12px;font-size:.78rem;display:flex}.storage-val{color:#fff;font-weight:700}.tab-control-bar{z-index:30;-webkit-backdrop-filter:blur(16px);background:#090a0feb;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:-6px;margin-bottom:4px;padding:14px 0;display:flex;position:sticky;top:-28px}.tab-pills{border:1px solid var(--dash-border);background:#111218;border-radius:9px;align-items:center;gap:6px;padding:4px;display:inline-flex}.tab-pill{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.tab-pill:hover{color:#fff}.tab-pill.active{color:#fff;background:#1a1b24;box-shadow:0 1px 4px #0000004d}.pill-counter{background:#ffffff1a;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:700}.tab-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.capitalio-search{border:1px solid var(--dash-border);color:#fff;background:#111218;border-radius:8px;outline:none;width:260px;padding:8px 48px 8px 36px;font-size:.82rem;transition:border-color .2s,width .2s}.capitalio-search:focus{border-color:var(--accent);width:300px}.search-kbd{color:var(--text-muted);background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:1px 5px;font-size:.68rem;position:absolute;right:10px}.os-filter-group{border:1px solid var(--dash-border);background:#111218;border-radius:8px;align-items:center;gap:4px;padding:3px;display:inline-flex}.filter-chip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.76rem;transition:all .15s}.filter-chip:hover{color:#fff}.filter-chip.active{color:#fff;background:#1e1f2b;font-weight:600}.devices-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.device-card{background:var(--dash-card);border:1px solid var(--dash-border);box-shadow:var(--shadow-custom);border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex}.device-card:hover{border-color:#ffffff2e;transform:translateY(-2px)}.dev-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dev-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.os-icon-box{background:var(--dashboard-icon-bg);width:40px;height:40px;box-shadow:var(--dashboard-icon-shadow);color:#fff;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dev-names{flex-direction:column;gap:2px;min-width:0;display:flex}.dev-names h3{color:#fff;align-items:center;gap:6px;font-size:.96rem;font-weight:700;display:flex}.device-name-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rename-btn{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:opacity .15s;display:flex}.rename-btn:hover{opacity:1;color:#fff}.dev-os-sub{color:var(--text-muted);font-size:.74rem}.status-pill{text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pill.online{color:var(--chart-4);background:#10b98126;border:1px solid #10b9814d}.status-pill.online:before{content:"";background:var(--chart-4);border-radius:50%;width:5px;height:5px}.status-pill.offline{color:var(--chart-5);background:#ef444426;border:1px solid #ef44444d}.telemetry-row{border:1px solid var(--dash-border-subtle);background:#00000040;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.telem-item{flex-direction:column;gap:5px;display:flex}.telem-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.telem-bar-wrap{align-items:center;gap:6px;display:flex}.telem-bar{background:#ffffff14;border-radius:999px;flex:1;height:5px;overflow:hidden}.telem-bar-fill{border-radius:999px;height:100%;transition:width .3s}.telem-bar-fill.normal{background:var(--chart-4)}.telem-bar-fill.warning{background:var(--chart-3)}.telem-bar-fill.danger{background:var(--chart-5)}.telem-val{color:#fff;text-align:right;min-width:26px;font-size:.72rem;font-weight:700}.permissions-block{border:1px solid var(--dash-border-subtle);background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.perm-head{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.72rem;font-weight:700}.perm-toggle-row{color:#ffffffd9;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.switch{width:32px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff26;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--chart-4)}input:checked+.slider:before{transform:translate(14px)}.dev-foot{color:var(--text-muted);border-top:1px solid var(--dash-border-subtle);justify-content:space-between;align-items:center;padding-top:10px;font-size:.74rem;display:flex}.copyable-ip{cursor:pointer;background:#ffffff0a;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;transition:background .15s;display:inline-flex}.copyable-ip:hover{color:#fff;background:#ffffff1a}.unlink-dev-btn{color:#ef4444bf;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.74rem;font-weight:600;transition:all .15s}.unlink-dev-btn:hover{color:var(--chart-5);background:#ef444426}.activity-bottom-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.capitalio-table-wrap{overflow-x:auto}.capitalio-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.capitalio-table th{z-index:5;color:var(--text-muted);border-bottom:1px solid var(--dash-border);text-transform:uppercase;letter-spacing:.04em;background:#14151e;padding:10px 14px;font-size:.75rem;font-weight:600;position:sticky;top:0}.capitalio-table td{border-bottom:1px solid var(--dash-border-subtle);color:#ffffffd9;padding:12px 14px}.capitalio-table tr:hover td{background:#ffffff05}.settings-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.settings-body{flex-direction:column;gap:14px;display:flex}.settings-row{flex-direction:column;gap:4px;display:flex}.setting-label{color:var(--text-muted);font-size:.75rem}.plan-tag{width:fit-content;color:var(--accent);background:#2ea88c26;border:1px solid #2ea88c4d;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-block}.danger-desc{color:var(--text-muted);font-size:.82rem;line-height:1.5}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 0 1px #0000000d,inset 0 1px 1px #ffffff4d,0 4px 16px #2ea88c59}.btn-primary:hover{background:var(--accent-hover);filter:brightness(1.05);box-shadow:0 0 0 1px #00000014,inset 0 1px 1px #fff6,0 6px 20px #2ea88c80}.btn-secondary{border:1px solid var(--dash-border);color:#fff;background:#151620}.btn-secondary:hover{background:#1c1d2a;border-color:#ffffff2e}.btn-sm{padding:7px 14px;font-size:.82rem}.btn-xs{padding:4px 10px;font-size:.74rem}.dialog-stack-card.is-active{opacity:1;pointer-events:auto;z-index:10;filter:none;transform:translateY(0)scale(1)}.dialog-stack-card.is-under-1{opacity:.55;pointer-events:none;z-index:5;filter:brightness(.8);transform:translateY(-32px)scale(.94)}.dialog-stack-card.is-under-2{opacity:.3;pointer-events:none;z-index:2;filter:brightness(.65);transform:translateY(-58px)scale(.88)}.hero-2-serif{font-family:var(--font-serif);color:var(--accent);padding-left:2px;font-style:italic;font-weight:400}.code-hint{color:var(--text-muted);font-size:.7rem}.share-link-group{flex-direction:column;gap:6px;display:flex}.share-label{color:var(--text-muted);font-size:.74rem;font-weight:600}.share-input-wrap{gap:8px;display:flex}.share-input{border:1px solid var(--dash-border);color:#fff;font-size:.78rem;font-family:var(--font-mono);background:#0d0e14;border-radius:8px;outline:none;flex:1;padding:8px 12px}.next-perk{color:var(--accent)}.step-icon-badge{background:var(--dashboard-icon-bg);width:36px;height:36px;box-shadow:var(--dashboard-icon-shadow);color:#fff;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-text-col{flex-direction:column;flex:1;gap:2px;display:flex}.step-title{color:#fff;font-size:.85rem;font-weight:700}.step-desc{color:var(--text-muted);font-size:.74rem;line-height:1.4}.privacy-guarantee-box{color:#fffc;background:#6366f10f;border:1px solid #6366f133;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.74rem;line-height:1.4;display:flex}.privacy-guarantee-box svg{color:var(--accent);flex-shrink:0;margin-top:2px}.milestones-tiers-list{flex-direction:column;gap:12px;display:flex}.milestone-tier-card.unlocked{background:#10b9810d;border-color:#10b98159}.milestone-tier-card.next-up{background:#6366f114;border-color:#6366f166}.tier-status-pill.next{color:var(--accent);background:#2ea88c26;border-color:#2ea88c4d}.tier-status-pill.locked{color:var(--text-muted);background:#ffffff0f;border-color:#ffffff1a}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;overscroll-behavior:contain;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--dash-border);background:#12131c;border-radius:14px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 40px);margin:auto;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c}.modal-header{border-bottom:1px solid var(--dash-border-subtle);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title-wrap{align-items:center;gap:10px;display:flex}.modal-icon-badge{width:32px;height:32px;color:var(--accent);background:#2ea88c26;border:1px solid #2ea88c4d;border-radius:8px;justify-content:center;align-items:center;display:flex}.modal-icon-badge.danger{color:var(--chart-5);background:#ef444433;border-color:#ef444459}.modal-header h3{font-size:1.05rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-body{overscroll-behavior:contain;flex-direction:column;gap:16px;padding:22px;display:flex;overflow-y:auto}.modal-lead{color:var(--text-muted);font-size:.88rem;line-height:1.5}.pair-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:1.7rem;font-weight:800}.modal-steps{color:#fffc;flex-direction:column;gap:8px;padding-left:20px;font-size:.82rem;display:flex}.modal-footer{border-top:1px solid var(--dash-border-subtle);background:#0a0b1080;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.danger-confirm-btn{background:var(--chart-5)!important;color:#fff!important;box-shadow:0 2px 10px #ef444466!important}.toast-container{z-index:300;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border:1px solid var(--dash-border);color:#fff;background:#181924;border-radius:9px;align-items:center;gap:10px;padding:12px 18px;font-size:.85rem;font-weight:500;animation:.25s cubic-bezier(.2,0,0,1) toast-in;display:flex;box-shadow:0 8px 30px #0009}.toast-success .toast-icon{color:var(--chart-4)}.toast-danger .toast-icon{color:var(--chart-5)}.toast-info .toast-icon{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.96)}}.sidebar-content,.capitalio-main,.capitalio-table-wrap,.modal-backdrop,.modal-body,.dialog-stack-backdrop,.dialog-stack-body{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}.sidebar-content::-webkit-scrollbar,.capitalio-main::-webkit-scrollbar,.capitalio-table-wrap::-webkit-scrollbar,.modal-backdrop::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.dialog-stack-backdrop::-webkit-scrollbar,.dialog-stack-body::-webkit-scrollbar{width:6px;height:6px}.sidebar-content::-webkit-scrollbar-track,.capitalio-main::-webkit-scrollbar-track,.capitalio-table-wrap::-webkit-scrollbar-track,.modal-backdrop::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.dialog-stack-backdrop::-webkit-scrollbar-track,.dialog-stack-body::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb,.capitalio-main::-webkit-scrollbar-thumb,.capitalio-table-wrap::-webkit-scrollbar-thumb,.modal-backdrop::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.dialog-stack-backdrop::-webkit-scrollbar-thumb,.dialog-stack-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.sidebar-content::-webkit-scrollbar-thumb:hover,.capitalio-main::-webkit-scrollbar-thumb:hover,.capitalio-table-wrap::-webkit-scrollbar-thumb:hover,.modal-backdrop::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.dialog-stack-backdrop::-webkit-scrollbar-thumb:hover,.dialog-stack-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (width<=1200px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.devices-grid{grid-template-columns:repeat(2,1fr)}.activity-bottom-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=900px){.sidebar-toggle-btn{display:inline-flex}.capitalio-sidebar{transition:left .25s cubic-bezier(.2,0,0,1);position:fixed;top:0;bottom:0;left:-280px}.capitalio-sidebar.open{left:0}.sidebar-close-btn{display:block}.sidebar-backdrop{backdrop-filter:blur(4px);z-index:85;background:#000000a6;display:none;position:fixed;inset:0}.sidebar-backdrop.active{display:block}.capitalio-topbar{padding:0 16px}.capitalio-main{padding:16px}.tab-control-bar{top:-16px}.devices-grid,.summary-cards-grid{grid-template-columns:1fr}}@media (width<=600px){.meta-note,.meta-sep{display:none}#btn-topbar-export{padding:6px 8px}.tab-control-bar{gap:10px;top:-16px}.tab-pills{width:100%;overflow-x:auto}.devices-tools{flex-direction:column;align-items:stretch;width:100%}.search-box-wrap{width:100%}.filter-chips{padding-bottom:4px;overflow-x:auto}}.otp{align-items:center;gap:8px;margin:18px 0 14px;display:flex;position:relative}.otp-input{opacity:0;cursor:text;width:100%;font-size:16px;position:absolute;inset:0}.otp-group{display:flex}.otp-slot{border-block:1px solid var(--dash-border);border-right:1px solid var(--dash-border);width:44px;height:48px;font:600 1.15rem var(--font-mono);color:#fff;background:var(--dash-card);transition:box-shadow var(--motion-fast,.15s);place-items:center;display:grid}.otp-group .otp-slot:first-child{border-left:1px solid var(--dash-border);border-radius:8px 0 0 8px}.otp-group .otp-slot:last-child{border-radius:0 8px 8px 0}.otp-slot.is-active{box-shadow:0 0 0 2px var(--accent);z-index:1;position:relative}.otp-sep{background:var(--text-muted);border-radius:1px;width:10px;height:2px}.otp.is-disabled{opacity:.6}.alert{border:1px solid var(--dash-border);color:#fff;border-radius:10px;margin:10px 0;padding:10px 14px;font-size:.88rem}.alert-destructive{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent)}.field-label{color:var(--text-muted);margin:12px 0 6px;font-size:.82rem;display:block}.field-input{border:1px solid var(--dash-border);background:var(--dash-bg);color:#fff;width:100%;height:40px;font:inherit;border-radius:8px;padding:0 12px}.field-input:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.skeleton{background:var(--dash-card-hover);border-radius:8px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton-card{min-height:220px}.empty-state{text-align:center;border:1px dashed var(--dash-border);border-radius:12px;flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-media{background:var(--dash-card-hover);width:44px;height:44px;color:var(--text-muted);border-radius:10px;place-items:center;display:grid}.empty-state h3{margin:4px 0 0;font-size:1.05rem}.empty-state p{color:var(--text-muted);max-width:42ch;margin:0;font-size:.88rem}.perm-toggle-row.is-busy{opacity:.55;pointer-events:none}.device-card.is-offline .telemetry-row,.device-card.is-offline .permissions-block{opacity:.5}.detail-grid-single{grid-template-columns:1fr}.detail-grid-single .alloc-panel{grid-template-columns:200px 1fr;align-items:center;column-gap:32px;display:grid}.detail-grid-single .alloc-panel>.panel-header{grid-column:1/-1}.detail-grid-single .alloc-panel>.donut-wrapper{grid-row:2/span 2;margin:0}@media (width<=600px){.detail-grid-single .alloc-panel{grid-template-columns:1fr}.detail-grid-single .alloc-panel>.donut-wrapper{grid-row:auto}}.modal-header h3{color:#fff}.field-input option{color:#0f172a}@media (width<=600px){.bc-root,.bc-sep,#btn-topbar-export span{display:none}#btn-topbar-export{padding-inline:10px}.pair-btn{white-space:nowrap}.topbar-titles{min-width:0}.topbar-meta{white-space:nowrap}}