.storage-activity-list{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.storage-activity-list>li{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) minmax(180px,1fr) minmax(145px,auto);align-items:center;gap:16px;padding:18px 20px;display:grid}.storage-activity-list>li:last-child{border-bottom:0}.storage-activity-avatar{border:1px solid var(--line);width:36px;height:36px;color:var(--mint);background:var(--surface-2);border-radius:12px;place-items:center;display:grid}.storage-activity-avatar svg{width:18px;height:18px}.storage-activity-account{overflow-wrap:anywhere;min-width:0}.storage-activity-account a{color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.storage-activity-account a:hover{color:var(--mint)}.storage-activity-account a svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}.storage-activity-list small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.storage-activity-time{text-align:right;font-size:13px}.storage-activity-event small{max-width:34ch}.storage-overview-capacity{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 24px;display:flex}.storage-overview-capacity>p{color:var(--muted);margin:0;font-size:12px}.storage-device-identities{flex-wrap:wrap;gap:6px;display:flex}.storage-device-identities>span{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.storage-device-identities code{color:var(--muted);font-size:10px}@media (max-width:760px){.storage-activity-list>li{grid-template-columns:32px minmax(0,1fr);gap:8px 12px;padding:16px}.storage-activity-avatar{grid-row:1/3;width:32px;height:32px}.storage-activity-account,.storage-activity-event{grid-column:2}.storage-activity-time{text-align:left;flex-wrap:wrap;grid-column:2;gap:6px 12px;display:flex}.storage-activity-time small{margin:0}.storage-overview-capacity{gap:8px}}.storage-overview-capacity .storage-inline-stats{gap:8px}.storage-overview-capacity .storage-inline-stats>div{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:7px 11px}.storage-overview-capacity .storage-inline-stats>div:first-child{background:var(--mint-soft);color:var(--mint)}
.storage-membership{background:#111a16;border:1px solid #30463a;border-radius:22px;padding:32px;overflow:hidden}.storage-membership-heading,.storage-device-card header{align-items:center;gap:16px;display:flex}.storage-management-icon{color:#91d9a5;background:#183d27;border:1px solid #304f3c;border-radius:15px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.storage-management-icon svg{width:25px;height:25px}.storage-membership-heading h2,.storage-device-card h2{letter-spacing:-.025em;color:#e7f1e9;margin:0;font-size:22px;font-weight:650;line-height:1.25}.storage-membership-heading p{color:#a8bbae;margin:5px 0 0;font-size:14px}.storage-management-status{color:#a8bbae;background:#19261f;border:1px solid #30463a;border-radius:8px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.storage-management-status.is-connected{color:#91d9a5;background:#183d27;border-color:#30573d}.storage-membership-heading>.storage-management-status{margin-left:auto}.storage-membership-summary{align-items:center;gap:32px;padding:32px 0;display:flex}.storage-membership-capacity{flex-direction:column;min-width:160px;display:flex}.storage-membership-capacity strong{letter-spacing:-.05em;color:#e7f1e9;font-size:clamp(36px,4vw,58px);line-height:1.1}.storage-membership-capacity span{color:#a8bbae;margin-top:6px;font-size:14px}.storage-membership-dates{flex:1;grid-template-columns:1fr 1fr;gap:32px;margin:0;display:grid}.storage-membership-dates>div{border-left:1px solid #30463a;padding-left:24px}.storage-membership-dates dt,.storage-device-stats dt{color:#a8bbae;align-items:center;gap:7px;font-size:13px;display:flex}.storage-membership-dates dt svg,.storage-device-stats dt svg{width:15px;height:15px}.storage-membership-dates dd{color:#e7f1e9;margin:8px 0 0;font-size:18px;font-weight:550}.storage-management-link,.storage-billing-button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:14px;font-weight:650;display:flex;color:#0b3a20!important;background:#91d9a5!important;text-decoration:none!important}.storage-management-link svg{width:17px;height:17px}.storage-membership-sync{border-top:1px solid #30463a;align-items:center;gap:16px;padding-top:24px;display:flex}.storage-membership-sync .storage-management-icon{border-radius:12px;flex-basis:42px;width:42px;height:42px}.storage-membership-sync .storage-management-icon svg{width:21px;height:21px}.storage-membership-sync h3{margin:0 0 4px;font-size:15px}.storage-membership-sync p{color:#a8bbae;max-width:600px;margin:0;font-size:13px;line-height:1.6}.storage-management-label{color:#a8bbae;white-space:nowrap;border:1px solid #30463a;border-radius:8px;margin-left:auto;padding:6px 10px;font-size:12px}.storage-membership-warning{color:#e6be6a;margin:0 0 20px;font-size:13px}.storage-device-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;display:grid}.storage-device-card{background:#111a16;border:1px solid #30463a;border-radius:20px;min-width:0;padding:24px}.storage-device-identity{min-width:0}.storage-device-card h2{overflow-wrap:anywhere;margin-bottom:8px;font-size:19px}.storage-device-stats{grid-template-columns:.8fr 1.2fr;gap:16px;margin:26px 0;display:grid}.storage-device-stats>div+div{border-left:1px solid #30463a;padding-left:20px}.storage-device-stats dd{letter-spacing:-.03em;margin:8px 0 0;font-size:32px;font-weight:600;line-height:1.1}.storage-device-stats .storage-device-date{letter-spacing:0;font-size:16px;line-height:1.4}.storage-device-stats>div>span{color:#a8bbae;font-size:12px}.storage-device-browse{background:#183d27;border:1px solid #30573d;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 16px;font-size:14px;font-weight:600;transition:background .15s;display:flex;color:#91d9a5!important;text-decoration:none!important}.storage-device-browse:hover{background:#224d32}.storage-device-browse svg{width:17px;height:17px}.storage-device-card footer{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.storage-device-card footer p{color:#a8bbae;max-width:130px;margin:0;font-size:11px;line-height:1.5}.storage-device-connection{padding-left:8px!important;padding-right:8px!important;font-size:12px!important}.storage-management-link:focus-visible,.storage-device-browse:focus-visible{outline-offset:4px;outline:2px solid #91d9a5}@media (max-width:1100px){.storage-membership-summary{flex-wrap:wrap}.storage-membership-dates{min-width:300px}.storage-billing-button,.storage-management-link{margin-left:auto}}@media (max-width:600px){.storage-membership{padding:20px}.storage-membership-heading{flex-wrap:wrap;gap:12px}.storage-membership-heading h2{font-size:18px}.storage-membership-heading p{font-size:12px}.storage-membership-heading>.storage-management-status{margin-top:-8px;margin-left:64px}.storage-membership-summary{gap:24px;padding:26px 0}.storage-membership-dates{flex-basis:100%;gap:14px;min-width:0}.storage-membership-dates>div{border:0;padding-left:0}.storage-membership-dates>div+div{border-left:1px solid #30463a;padding-left:14px}.storage-membership-dates dd{font-size:15px}.storage-billing-button,.storage-management-link{width:100%}.storage-membership-sync{flex-wrap:wrap;align-items:flex-start;gap:12px}.storage-membership-sync>div{flex:1;min-width:180px}.storage-management-label{margin-left:54px}.storage-device-card{padding:20px}.storage-device-card footer p{max-width:150px}}.storage-membership-capacity strong small{letter-spacing:-.02em;color:#a8bbae;white-space:nowrap;font-size:clamp(16px,1.8vw,24px);font-weight:500}.storage-membership-usage{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;display:flex}.storage-membership-usage>span{color:#a8bbae;background:#19261f;border:1px solid #30463a;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.storage-membership-usage svg{color:#91d9a5;width:15px;height:15px}.storage-membership-usage strong{color:#e7f1e9;font-weight:600}.storage-membership-usage em{color:#91d9a5;background:#183d27;border-radius:5px;padding:2px 5px;font-size:10px;font-style:normal;font-weight:650}.storage-membership-usage p{color:#a8bbae;flex-basis:100%;margin:0;font-size:12px;line-height:1.6}.storage-device-card footer p{align-items:center;gap:7px;max-width:none;padding:4px 0;font-size:12px;display:flex}.storage-device-card footer p svg{flex-shrink:0;width:14px;height:14px}.storage-device-id{color:#a8bbae;align-items:center;gap:7px;margin-top:9px;font-size:11px;display:flex}.storage-device-id code{color:#e7f1e9;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#19261f;border:1px solid #30463a;border-radius:5px;padding:2px 6px;font-size:11px}
.storage-showcase-board{margin-top:8px}.storage-showcase-guide{color:#a8bbae;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;font-size:13px;display:flex}.storage-showcase-guide>span{align-items:center;gap:8px;display:flex}.storage-showcase-guide>span:last-child{white-space:nowrap;border:1px solid #30463a;border-radius:10px;padding:7px 11px}.storage-showcase-guide strong{color:#e7f1e9;font-variant-numeric:tabular-nums}.storage-showcase-guide svg{flex-shrink:0;width:16px;height:16px}.storage-showcase-touch-hint{display:none}.storage-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.storage-showcase-tile{background:#111a16;border:1px solid #30463a;border-radius:20px;min-width:0;padding:8px;transition:border-color .16s,box-shadow .16s;position:relative}.storage-showcase-tile:hover,.storage-showcase-tile:focus-within{border-color:#62856d;box-shadow:0 6px 20px #0002}.storage-showcase-tile .storage-showcase-art{border-radius:14px;margin:0;overflow:hidden}.storage-showcase-tile .storage-showcase-label{text-align:center;z-index:2;margin:0;line-height:0;position:absolute;bottom:10px;left:8px;right:8px}.storage-showcase-tile .storage-art{margin-bottom:0}.storage-showcase-tile.is-dragging{background:#183d2755;border:2px dashed #91d9a5}.storage-showcase-tile.is-dragging>*{opacity:0}.storage-showcase-tile .storage-showcase-handle,.storage-showcase-tile .storage-showcase-remove{z-index:3;color:#e7f1e9;background:#09110def;border:1px solid #42604d;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;transition:opacity .15s,background .15s;display:flex;position:absolute;top:12px}.storage-showcase-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;left:12px}.storage-showcase-tile .storage-showcase-handle:active,.storage-showcase-overlay{cursor:grabbing}.storage-showcase-tile .storage-showcase-remove{opacity:0;cursor:pointer;color:#f28b82;right:12px}.storage-showcase-tile:hover .storage-showcase-remove,.storage-showcase-tile:focus-within .storage-showcase-remove{opacity:1}.storage-showcase-tile button:hover{background:#19261f}.storage-showcase-tile button:focus-visible{outline-offset:3px;outline:2px solid #91d9a5}.storage-showcase-tile button:disabled{cursor:default}.storage-showcase-tile button svg{pointer-events:none;width:18px;height:18px}.storage-showcase-overlay{pointer-events:none;border-color:#91d9a5;box-shadow:0 18px 44px #0008}@media (hover:none),(pointer:coarse){.storage-showcase-tile .storage-showcase-remove{opacity:1}.storage-showcase-touch-hint{display:inline}.storage-showcase-desktop-hint{display:none}.storage-showcase-tile .storage-showcase-handle,.storage-showcase-tile .storage-showcase-remove{width:44px;height:44px;min-height:44px}}@media (max-width:600px){.storage-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.storage-showcase-tile{border-radius:16px;padding:5px}.storage-showcase-guide{align-items:flex-start;gap:10px;font-size:12px}.storage-showcase-guide>span:first-child{align-items:flex-start}.storage-showcase-tile .storage-showcase-handle{top:9px;left:9px}.storage-showcase-tile .storage-showcase-remove{top:9px;right:9px}}@media (prefers-reduced-motion:reduce){.storage-showcase-tile,.storage-showcase-tile button{transition:none!important}.storage-showcase-overlay{transform:none}}