.account-tools{display:grid;gap:7px}.account-tools button{border:1px solid #3a506d;border-radius:11px;padding:10px 12px;background:#233651;color:#dce7f4;text-align:left;font-size:13px}.account-tools button:hover{background:#304865}.teacher{cursor:pointer;flex-wrap:wrap;max-width:260px}.teacher-class{width:100%;padding-left:48px;margin-top:-8px;color:#718198;font-size:10px}.account-overlay{position:fixed;inset:0;z-index:230;display:none;place-items:center;padding:24px}.account-overlay.open{display:grid}.account-backdrop{position:absolute;inset:0;border:0;background:#071b30dc;backdrop-filter:blur(9px)}.account-dialog{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:25px;background:#f7fbff;padding:26px;color:#17344e;box-shadow:0 28px 80px #07142588}.account-dialog>header{display:flex;justify-content:space-between;gap:20px}.account-dialog>header span{color:#14816e;font-weight:900}.account-dialog h2{margin:5px 0}.account-dialog>header p{margin:0;color:#6d8093}.account-dialog>header>button{width:40px;height:40px;border:0;border-radius:50%;background:#e4edf5;font-size:24px}.account-cards,.memory-list{display:grid;gap:11px;margin-top:20px}.account-cards article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid #d4e1eb;border-radius:17px;background:#fff}.account-cards article.active{border-color:#62d2bd;background:#edfaf7}.account-cards span,.memory-card>div>span{color:#18816e;font-size:12px;font-weight:900}.account-cards h3,.memory-card h3{margin:4px 0}.account-cards p{margin:3px 0;color:#61768a}.account-cards button,.add-account button,.archive-warning>button,.archive-success>button{border:0;border-radius:11px;padding:11px 14px;background:#153a59;color:#fff;font-weight:800}.account-cards button:disabled{background:#b9c8d2}.add-account{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:22px;padding:17px;border-radius:17px;background:#eaf3f8}.add-account h3,.add-account p{grid-column:1/-1;margin:0}.add-account p{color:#718296;font-size:12px}.add-account label,.archive-warning label,.archive-success label{display:grid;gap:5px;color:#65798b;font-size:12px}.add-account input,.archive-warning input,.archive-success input{padding:11px;border:1px solid #cbdbe6;border-radius:10px;background:#fff}.add-account button{align-self:end}.archive-dialog{width:min(820px,96vw)}.archive-warning,.archive-success{text-align:center;padding:24px 30px}.archive-warning>i,.archive-success>i{font-style:normal;font-size:60px}.archive-warning ul{display:inline-grid;text-align:left;gap:8px;margin:14px auto 22px;color:#526a7d}.archive-warning label,.archive-success label{max-width:480px;margin:10px auto}.archive-warning>button,.archive-success>button{margin-top:10px}.archive-warning>button:disabled{opacity:.4}.archive-success .soft{display:block!important;margin:9px auto!important;background:#dfeaf2!important;color:#23445f!important}.archive-list-head{display:flex;justify-content:space-between;margin-top:18px;padding:12px 14px;border-radius:12px;background:#eaf4f8}.memory-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:18px;border:1px solid #d4e3eb;border-radius:17px;background:#fff}.memory-card p{margin:0;color:#6e8192;font-size:12px}.memory-card dl{display:flex;gap:13px;margin:0}.memory-card dl div{padding:7px 10px;border-radius:10px;background:#eef6f8;text-align:center}.memory-card dt{font-size:10px;color:#728495}.memory-card dd{margin:2px 0 0;font-weight:900}.memory-card>button,.memory-back{border:0;border-radius:10px;padding:9px 12px;background:#e2f4ef;color:#176c5f}.archive-empty,.memory-detail{margin-top:18px;padding:25px;border:1px dashed #cbdce6;border-radius:15px;color:#667c8e;text-align:center}@media(max-width:760px){.account-tools{display:none}.teacher-class{display:none}.add-account{grid-template-columns:1fr}.add-account h3,.add-account p{grid-column:auto}.memory-card{grid-template-columns:1fr}.memory-card dl{flex-wrap:wrap}.account-cards article{align-items:flex-start;flex-direction:column}.account-cards button{width:100%}}