.backup-panel[hidden],.backup-plan[hidden]{display:none}.backup-panel h3{margin:16px 0;font-size:22px}.backup-panel .backup-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.backup-panel .btn{color:#052832!important;background:#00d1c7;border-color:#00d1c7;font-size:12px;white-space:normal}.backup-panel .btn.secondary{color:#f3f8f7!important;background:#10343b;border-color:#557d81}.backup-panel .btn:disabled{opacity:.5;cursor:not-allowed}.backup-item{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid #3c666c;border-radius:14px;padding:20px;margin:18px 0;background:#092329}.backup-item>div{flex:1;min-width:0}.backup-item h3{font-size:17px;margin-top:0}.backup-item small{color:#b5c9ca;overflow-wrap:anywhere}.backup-panel p{line-height:1.7}.backup-panel .is-error{color:#ffc983}.backup-latest{color:#a3ede4;font-weight:700}.backup-plan{margin-top:28px;border:1px solid #dcac55;border-radius:14px;padding:24px;background:#192a2d}.backup-plan label{display:block;margin-top:20px}.backup-plan input{display:block;width:100%;max-width:420px;box-sizing:border-box;margin-top:10px}@media(max-width:700px){.backup-actions{flex-direction:column}.backup-item{align-items:stretch;flex-direction:column}.backup-item .btn{width:100%}.backup-plan{padding:16px}.backup-panel h3{font-size:19px}}