.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: grid;
    place-items: center;
    padding: 20px;
    background: #10182b99;
}

.modal-card {
    width: min(460px, 100%);
    padding: 26px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 80px #10182b55;
}

.modal-card h2 { margin-top: 0; color: var(--danger); }
.modal-card p { color: var(--muted); white-space: pre-wrap; }

.toast-success {
    position: fixed;
    z-index: 40;
    top: 84px;
    right: 24px;
    padding: 12px 16px;
    color: var(--ok);
    background: #e8f7f1;
    border: 1px solid #bce8d8;
    border-radius: 10px;
    box-shadow: 0 8px 25px #17203322;
}

.inline-form { display: flex; gap: 7px; margin: 5px 0; align-items: center; }
.inline-form input { width: 5rem; padding: 9px; border: 1px solid #ccd3df; border-radius: 8px; }
.inline-form .button { padding: 9px 11px; white-space: nowrap; }
.admin-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(300px,1fr); gap:22px; align-items:start; }
.plan-list { display:grid; gap:16px; }
.plan-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 8px 28px #24335a0b; }
.plan-card-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.plan-card-head h2 { margin:5px 0 7px; font-size:22px; }.plan-card-head p { margin:0; color:var(--muted); }
.plan-code { color:var(--brand); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.plan-card-head>div:last-child{text-align:right}.plan-price{margin-top:12px;color:var(--ink);font-size:20px;font-weight:800;white-space:nowrap}.plan-price small{margin-left:3px;color:var(--muted);font-size:11px;font-weight:600}
.plan-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:20px; }
.plan-metrics div { padding:14px; border-radius:11px; background:#f5f7fb; }.plan-metrics strong,.plan-metrics span { display:block; }.plan-metrics strong { font-size:20px; }.plan-metrics span { color:var(--muted); font-size:12px; margin-top:3px; }
.edit-panel { margin-top:18px; border-top:1px solid var(--line); padding-top:15px; }.edit-panel summary { color:var(--brand); font-weight:700; cursor:pointer; }
.edit-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; margin-top:8px; }.edit-grid .full { grid-column:1/-1; }
.switch-row { display:flex; align-items:center; gap:9px; margin:15px 0; font-weight:650; }.switch-row input { width:18px; height:18px; accent-color:var(--brand); }
.sticky-card { position:sticky; top:92px; }.section-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#eef2ff; color:var(--brand); font-size:25px; font-weight:700; }.button-block { width:100%; margin-top:8px; }.page-count { padding:8px 12px; border-radius:99px; background:#eef2ff; color:var(--brand); font-size:13px; font-weight:700; }
@media(max-width:950px){.admin-layout{grid-template-columns:1fr}.sticky-card{position:static}.plan-metrics{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.plan-metrics,.edit-grid{grid-template-columns:1fr}.edit-grid .full{grid-column:auto}}
/* Authentication: e-mail verification. Kept in a core stylesheet so update packages cannot omit it. */
.email-mfa-wrap{padding:34px 0}.email-mfa-card{position:relative;overflow:hidden;width:min(480px,100%);padding:38px 40px 30px;text-align:center;border:1px solid #dfe5f0;box-shadow:0 24px 70px #1928581f}.email-mfa-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.email-mfa-card h1{margin:8px 0 10px;font-size:29px;letter-spacing:-.025em}.email-mfa-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border:1px solid #dce4ff;border-radius:19px;background:linear-gradient(145deg,#f4f6ff,#e7edff);color:var(--brand);box-shadow:0 9px 24px #3157d51f}.email-mfa-icon svg{width:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mfa-intro{margin:0;color:var(--muted);font-size:15px}.masked-email{display:inline-flex;align-items:center;gap:9px;margin:12px 0 24px;padding:9px 14px;border:1px solid #e0e6f2;border-radius:999px;background:#f7f9fc;color:#35425c;font-size:14px}.masked-email>span{color:var(--brand);font-size:8px}.code-label{display:flex;justify-content:space-between;align-items:center;margin-top:2px;text-align:left;color:#364158;font-size:13px;font-weight:700}.code-label small{color:var(--muted);font-weight:500}.otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:9px 0 20px}.otp-inputs input{width:100%;min-width:0;height:58px;border:1px solid #cbd4e2;border-radius:12px;background:#fbfcfe;color:var(--ink);text-align:center;font:750 25px Inter,Segoe UI,sans-serif;caret-color:var(--brand);transition:border-color .15s,box-shadow .15s,transform .15s}.otp-inputs input:hover{border-color:#9eacc2}.otp-inputs input:focus{outline:0;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #3157d518;transform:translateY(-1px)}.trusted-check{display:flex;align-items:flex-start;gap:11px;margin:0 0 20px;padding:13px 14px;border:1px solid #e5e9f1;border-radius:11px;background:#fafbfc;text-align:left;cursor:pointer}.trusted-check input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--brand)}.trusted-check span{display:flex;flex-direction:column;gap:2px}.trusted-check strong{font-size:13px;color:#354058}.trusted-check small{font-size:12px;color:var(--muted)}.mfa-submit{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:46px;box-shadow:0 9px 20px #3157d52b;transition:background .15s,transform .15s,box-shadow .15s}.mfa-submit:hover{background:#294bc1;transform:translateY(-1px);box-shadow:0 12px 24px #3157d538}.mfa-actions{display:flex;align-items:center;justify-content:center;gap:5px;margin:19px 0 13px;color:var(--muted);font-size:13px}.resend-form{display:inline;margin:0}.resend-button{padding:3px;border:0;background:none;color:var(--brand);font:650 13px Inter,Segoe UI,sans-serif;cursor:pointer}.resend-button:hover:not(:disabled){text-decoration:underline}.resend-button:disabled{color:var(--muted);cursor:default}.back-login{display:inline-flex;align-items:center;gap:6px;color:#596579;font-size:13px;text-decoration:none}.back-login:hover{color:var(--brand)}.security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:25px -40px -30px;padding:14px 24px;border-top:1px solid #e9edf3;background:#f8fafc;color:#687386;font-size:11px}.security-note span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e3f5ed;color:var(--ok);font-size:10px;font-weight:800}.mfa-notice{margin:0 0 18px;padding:11px 13px;border:1px solid #cfeee1;border-radius:9px;background:#eaf8f2;color:#16845b;font-size:13px}.email-mfa-card .validation ul{margin:0 0 14px;padding:11px 13px;border:1px solid #ffd8dd;border-radius:9px;background:#fff1f2;list-style:none}.email-mfa-card .validation li{font-size:13px}@media(max-width:520px){.email-mfa-wrap{padding:10px 0}.email-mfa-card{padding:30px 20px 24px;border-radius:15px}.email-mfa-card h1{font-size:25px}.otp-inputs{gap:6px}.otp-inputs input{height:51px;border-radius:9px;font-size:22px}.security-note{margin:22px -20px -24px;padding:13px 18px}.mfa-actions{flex-direction:column;gap:2px}}
