.account-shell{gap:var(--space-6);padding-block:var(--space-8) var(--space-16);min-height:calc(100dvh - var(--header-h) - var(--safe-top) - 80px);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=820px){.account-shell{gap:var(--space-8);padding-top:var(--space-8);grid-template-columns:minmax(180px,200px) minmax(0,1fr)}}@media (width>=1100px){.account-shell{gap:var(--space-12);padding-top:var(--space-12)}}@media (height<=700px){.account-shell{padding-block:var(--space-5) var(--space-10)}.account-head{margin-bottom:var(--space-5)}}.account-nav{min-width:0}.account-nav ul{gap:var(--space-1);scrollbar-width:none;margin:0;margin-inline:calc(-1 * (var(--gutter) + var(--safe-left))) calc(-1 * (var(--gutter) + var(--safe-right)));padding:0;padding-inline:calc(var(--gutter) + var(--safe-left)) calc(var(--gutter) + var(--safe-right));border-bottom:1px solid var(--border);list-style:none;display:flex;overflow-x:auto}.account-nav ul::-webkit-scrollbar{display:none}.account-nav a{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500;text-decoration:none;display:flex}.account-nav a:hover{color:var(--text)}.account-nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.account-nav a .icon{display:none}@media (width>=820px){.account-nav nav{top:calc(var(--header-h) + var(--safe-top) + var(--space-5));position:sticky}.account-nav ul{border:0;flex-direction:column;margin:0;padding:0;overflow:visible}.account-nav a{border-radius:var(--radius-sm);border:0;margin:0;padding:.5rem .75rem}.account-nav a .icon{color:var(--text-3);display:block}.account-nav a:hover,.account-nav a[aria-current=page]{background:var(--bg-muted)}.account-nav a[aria-current=page] .icon{color:var(--accent-text)}}.account-main{min-width:0;max-width:820px}.account-head{margin-bottom:var(--space-8)}.account-head h1{font-size:var(--text-2xl);letter-spacing:-.03em;margin-bottom:var(--space-2)}.account-head p{margin:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:var(--space-6);overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.panel-head h2{font-size:var(--text-md);letter-spacing:-.015em;align-items:center;gap:var(--space-2);margin:0;display:flex}.panel-head p{margin:var(--space-1) 0 0;color:var(--text-2);font-size:var(--text-sm)}.panel-body{padding:var(--space-5) var(--space-6)}.panel-body>p{color:var(--text-2);font-size:var(--text-sm)}.panel-foot{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--bg-subtle);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.panel--danger{border-color:var(--danger-border)}.panel--danger .panel-head h2{color:var(--danger)}.setting{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.setting:first-child{border-top:0}.setting-text{flex:280px;min-width:0}.setting-text h3{font-size:var(--text-base);margin:0 0 var(--space-1)}.setting-text p{color:var(--text-2);font-size:var(--text-sm);margin:0}.overview-grid{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}@media (width>=700px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ov-card{gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;min-width:0;display:flex}.ov-card.wide{grid-column:1/-1}.ov-label{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);margin:0;font-weight:550;display:flex}.ov-label .icon{color:var(--text-3)}.ov-value{font-size:var(--text-2xl);letter-spacing:-.03em;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;font-weight:650;line-height:1.15;display:flex}.ov-detail{color:var(--text-2);font-size:var(--text-sm);margin:0}.ov-card .btn-row{padding-top:var(--space-2);margin-top:auto}.plan-hero{isolation:isolate;position:relative;overflow:hidden}.plan-hero.is-pro:before{content:"";z-index:-1;background:radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);position:absolute;inset:0}.quick-actions{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.quick-actions a,.quick-actions button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--text-sm);text-align:left;cursor:pointer;font-weight:500;text-decoration:none;display:flex}.quick-actions a:hover,.quick-actions button:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.quick-actions .icon{color:var(--accent-text);flex:none}.device-list{margin:0;padding:0;list-style:none}.device-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex}.device-list>.device-row:first-child{border-top:0}.device-icon{background:var(--bg-muted);border:1px solid var(--border);width:38px;height:38px;color:var(--text-2);border-radius:10px;flex:none;place-items:center;display:grid}.device-main{flex:1;min-width:0}.device-name{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;flex-wrap:wrap;margin:0;font-weight:550;display:flex}.device-meta,.device-since{color:var(--text-3);font-size:var(--text-sm);margin:0;display:block}@media (width<=480px){.device-row{padding-inline:var(--space-4);flex-wrap:wrap}.device-main{flex:1 1 calc(100% - 38px - var(--space-4))}.device-row{align-items:flex-start}.device-row .btn{margin-left:calc(38px + var(--space-4))}}.compact-list .device-row{padding:var(--space-2) 0;border:0}.compact-list .device-icon{border-radius:8px;width:30px;height:30px}.storage-top{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-2);display:flex}.meter{border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border);height:8px;overflow:hidden}.meter span{border-radius:inherit;background:var(--brand-gradient);height:100%;transition:width .4s var(--ease);display:block}.meter.is-warning span{background:#d97706}.meter.is-danger span{background:#dc2626}.counts{gap:var(--space-3);margin:var(--space-5) 0 0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0;list-style:none;display:grid}.counts li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);display:flex}.counts .icon{color:var(--text-3);flex:none}.counts strong{font-size:var(--text-lg);font-variant-numeric:tabular-nums;line-height:1.2;display:block}.counts span{font-size:var(--text-xs);color:var(--text-3)}.upgrade-grid{gap:var(--space-4);display:grid}@media (width>=620px){.upgrade-grid{grid-template-columns:1fr 1fr}}.upgrade-option{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);flex-direction:column;display:flex}.upgrade-option.is-featured{border-color:var(--accent-border);background:var(--accent-soft)}.upgrade-option h3{font-size:var(--text-base);align-items:center;gap:var(--space-2);margin:0;display:flex}.upgrade-price{font-size:var(--text-2xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-weight:650}.upgrade-price small{font-size:var(--text-sm);color:var(--text-3);letter-spacing:0;font-weight:400}.upgrade-option .btn{margin-top:var(--space-3)}.facts-dl{gap:var(--space-3) var(--space-6);font-size:var(--text-sm);grid-template-columns:minmax(120px,max-content) 1fr;margin:0;display:grid}.facts-dl dt{color:var(--text-3)}.facts-dl dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:500}.sk-card{padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--space-4)}.sk-grid{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}@media (width>=700px){.sk-grid{grid-template-columns:1fr 1fr}}.sk-grid .sk-card{margin:0}.sk-h{width:30%;height:14px;margin-bottom:var(--space-4)}.sk-big{width:45%;height:28px;margin-bottom:var(--space-3)}.sk-l{width:80%;height:12px;margin-bottom:var(--space-2)}.sk-l.short{width:55%}.empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);color:var(--text-2);font-size:var(--text-sm);flex-direction:column;display:flex}.empty .icon{color:var(--text-3);margin-bottom:var(--space-2)}.empty h3{font-size:var(--text-base);color:var(--text);margin:0}.dialog-error .alert{margin:var(--space-4) 0 0}.account-who{font-size:var(--text-sm);color:var(--text-3);margin-top:var(--space-2)!important}.account-who strong{color:var(--text-2);font-weight:550}.plan-points{margin:var(--space-2) 0 0;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}@media (horizontal-viewport-segments:2) and (width>=700px){.account-shell{grid-template-columns:calc(var(--segment-width) - var(--gutter) - var(--safe-left)) minmax(0, 1fr);column-gap:var(--hinge-gap)}.account-nav nav{max-width:240px}}