.system-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px;padding:22px;border-left:4px solid #c8322b;background:#fff}.system-head p{color:#8a9298;font-size:10px}.system-head h2{margin:6px 0;font-size:21px}.system-head span{color:#69737a;font-size:12px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.system-panel{border:1px solid #e0e3e7;background:#fff}.system-panel-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eceef0}.system-panel-title strong{font-size:13px}.system-panel-title span{color:#7c858b;font-size:10px}.system-alerts,.backup-list{padding:8px 16px}.system-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:14px 0;border:0;border-bottom:1px solid #eceef0;background:transparent;text-align:left}.system-alert:last-child{border-bottom:0}.system-alert>span{width:7px;height:36px;flex:0 0 7px;background:#d8dde0}.system-alert.urgent>span{background:#c8322b}.system-alert.normal>span{background:#d89a24}.system-alert div{flex:1}.system-alert strong,.system-alert small{display:block}.system-alert strong{font-size:12px}.system-alert small{margin-top:4px;color:#7a8389;font-size:10px}.system-alert b{font-size:16px}.system-clear{padding:48px 10px;text-align:center;color:#768087;font-size:12px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #eceef0}.backup-row:last-child{border-bottom:0}.backup-row strong,.backup-row span{display:block}.backup-row strong{font-size:11px}.backup-row span{margin-top:3px;color:#7c858b;font-size:9px}.backup-row b{font-size:10px}.export-panel{margin-bottom:14px}.export-actions{display:flex;flex-wrap:wrap;gap:9px;padding:16px}.export-actions button{border:1px solid #d8dde0;background:#fff}.audit-panel{margin-bottom:16px}.audit-panel table{width:100%}.audit-panel td,.audit-panel th{white-space:nowrap}.audit-panel td:last-child{white-space:normal}.audit-empty{padding:42px;text-align:center;color:#7c858b}.system-toast-state{opacity:.65;pointer-events:none}
.system-stack{display:grid;gap:14px}.storage-summary{display:flex;align-items:center;gap:22px;padding:20px 18px 14px}.storage-ring{--storage-percent:0deg;display:grid;width:92px;height:92px;flex:0 0 92px;place-content:center;border-radius:50%;background:radial-gradient(circle closest-side,#fff 74%,transparent 75% 99%),conic-gradient(#0b8588 var(--storage-percent),#e7ecec 0);text-align:center}.storage-ring strong,.storage-ring span{display:block}.storage-ring strong{font-size:21px}.storage-ring span{margin-top:2px;color:#7b858a;font-size:9px}.storage-capacity{flex:1;min-width:0}.storage-capacity>strong{display:block;color:#173b40;font-size:22px}.storage-capacity>span{display:block;margin-top:4px;color:#778388;font-size:10px}.storage-capacity>span b{color:#394a50}.storage-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.storage-breakdown span{padding:8px;background:#f3f6f6;color:#748085;font-size:9px}.storage-breakdown b{display:block;margin-top:4px;color:#24383d;font-size:10px}.storage-advice{margin:0;padding:0 18px 16px;color:#707d82;font-size:10px;line-height:1.55}.storage-state{padding:4px 7px;border-radius:3px;background:#edf3f2;color:#367168!important}.storage-state.warning{background:#fff1d7;color:#9a6414!important}.storage-state.critical{background:#fae6e4;color:#ad312b!important}
@media(max-width:900px){.system-grid{grid-template-columns:1fr}}@media(max-width:650px){.system-head{align-items:flex-start;flex-direction:column}.export-actions{display:grid;grid-template-columns:1fr 1fr}.audit-panel table{min-width:720px}.storage-summary{align-items:flex-start;flex-direction:column}.storage-breakdown{width:100%;grid-template-columns:1fr}.storage-capacity{width:100%}}

.channel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px;padding:22px;border-left:4px solid #c8322b;background:#fff}.channel-head p{color:#8a9298;font-size:10px}.channel-head h2{margin:6px 0;font-size:21px}.channel-head span{color:#69737a;font-size:12px}.channel-trust-note{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:12px 16px;border:1px solid #dfe5e8;background:#f7f9fa}.channel-trust-note strong{color:#26343c;font-size:11px}.channel-trust-note span{color:#68747b;font-size:10px}.platform-account-list{display:grid;gap:12px}.platform-channel-card{border:1px solid #dfe3e6;background:#fff}.platform-channel-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eceff1}.platform-channel-title div span,.platform-channel-title div strong{display:block}.platform-channel-title div span{font-size:14px;font-weight:700}.platform-channel-title div strong{margin-top:3px;color:#858e94;font-size:9px;font-weight:500}.connection-status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:3px;background:#edf0f2;color:#5e6870;font-size:9px;font-weight:700}.connection-status.connected{background:#e5f4ec;color:#23744d}.connection-status.manual{background:#fff1d7;color:#9a6414}.connection-status.expired,.connection-status.error{background:#fae6e4;color:#ad312b}.connection-status.pending{background:#eef1f3;color:#657078}.platform-account-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) minmax(150px,.8fr) auto;align-items:center;gap:18px;padding:14px 16px;border-bottom:1px solid #edf0f1}.platform-account-row:last-child{border-bottom:0}.platform-account-identity strong,.platform-account-identity span,.platform-account-evidence span,.platform-account-evidence small,.platform-account-state small{display:block}.platform-account-identity strong{font-size:12px}.platform-account-identity span,.platform-account-evidence small,.platform-account-state small{margin-top:4px;color:#838c92;font-size:9px}.platform-account-evidence span{font-size:10px}.platform-account-row>button{border:1px solid #d9dfe2;background:#fff}.channel-empty-row{padding:18px 16px;color:#7d878d;font-size:10px}.platform-account-list+.empty-panel{margin-top:12px}#platformAccountDialog{width:min(660px,calc(100vw - 32px))}
@media(max-width:760px){.channel-head{align-items:flex-start;flex-direction:column}.platform-account-row{grid-template-columns:1fr 1fr}.platform-account-row>button{justify-self:start}}@media(max-width:520px){.platform-account-row{grid-template-columns:1fr}.channel-trust-note{align-items:flex-start;flex-direction:column}}