:root,:root[data-theme=dark]{--bg: #0b1020;--panel: #141a30;--panel2: #1d2542;--text: #e7ecff;--muted: #9aa3c7;--accent: #4f8cff;--green: #45d693;--danger: #ff6b6b;--border: #2a3257;--star: #f5b301;--radius: 10px;color-scheme:dark}:root[data-theme=light]{--bg: #f4f6fb;--panel: #ffffff;--panel2: #eef1f8;--text: #16203a;--muted: #5b6485;--accent: #2f6df0;--green: #1aa46c;--danger: #df3b52;--border: #dce2ee;--star: #e6a700;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px}.btn-ghost:hover:not(:disabled){border-color:var(--accent)}.btn-ghost:disabled{opacity:.5;cursor:default}.icon-btn{padding:7px;gap:0}.btn-danger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--danger);color:var(--danger);padding:6px 12px;border-radius:8px}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.boot-screen{height:100vh;display:flex;align-items:center;justify-content:center}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--accent) 14%,var(--bg)),var(--bg));padding:24px}.login-topbar{position:fixed;top:16px;right:16px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #00000059}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-logo{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent);color:#fff}.login-brand h1{margin:0;font-size:20px}.login-brand p{margin:0;color:var(--muted);font-size:13px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.login-field input{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:9px;font-size:14px}.login-field input:focus{outline:none;border-color:var(--accent)}.login-error{background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);border-radius:9px;padding:9px 12px;font-size:13px}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:0;padding:11px 14px;border-radius:9px;font-weight:600;font-size:14px;margin-top:4px}.login-submit:hover:not(:disabled){filter:brightness(1.08)}.login-submit:disabled{opacity:.6;cursor:default}.app{display:grid;grid-template-columns:260px minmax(300px,380px) 1fr;height:100vh;overflow:hidden}.pane{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border);overflow:hidden}.otps-pane,.admin-pane,.health-pane{grid-column:2 / -1}.pane-header{padding:14px 16px;border-bottom:1px solid var(--border);flex:0 0 auto}.pane-header h2{font-size:16px;margin:0}.title-with-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.account-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refresh .spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{display:flex;flex-direction:column;background:var(--panel);min-height:0;overflow:hidden}.brand{padding:14px 16px;font-size:15px;color:var(--muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.brand-name strong{color:var(--text)}.brand-actions{margin-left:auto;display:flex;gap:6px}.nav{padding:8px;border-bottom:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--muted)}.nav-item:hover{background:var(--panel2)}.nav-item.active{background:var(--panel2);color:var(--text)}.accounts-head{padding:12px 16px 4px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.account-filters{padding:4px 12px 8px;display:flex;flex-direction:column;gap:6px}.account-filters input,.account-filters select,.toolbar input,.toolbar select{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:8px;width:100%}.account-list{flex:1;overflow-y:auto;padding:4px 8px 16px}.account-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--muted);font-size:13px}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.account-item:hover{background:var(--panel2);color:var(--text)}.account-item.active{background:var(--accent);color:#fff}.account-item.has-unread .account-email{color:var(--text);font-weight:600}.badge{flex:0 0 auto;margin-left:auto;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.nav-item .badge{margin-left:auto}.account-item.active .badge{background:#ffffff47}.toolbar{padding:10px 12px;border-bottom:1px solid var(--border);flex:0 0 auto}.filter-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.filter-form select{width:auto}.filter-form input[type=search],.filter-form input{flex:1;min-width:80px}.filter-form label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}.list-scroll{flex:1;overflow-y:auto}.avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.msg-row{display:flex;align-items:flex-start;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border);position:relative}button.msg-row{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);color:inherit;font:inherit;cursor:pointer}.msg-row.child{padding-left:40px;background:color-mix(in srgb,var(--panel) 60%,transparent)}.thread-count{flex:0 0 auto;align-self:center;min-width:20px;padding:1px 7px;border-radius:10px;background:var(--panel2);border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;text-align:center}.thread-chevron{flex:0 0 auto;align-self:center;color:var(--muted);transition:transform .15s ease}.thread-chevron.open{transform:rotate(90deg)}.group-toggle{padding:3px 9px;font-size:12px}.group-toggle.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.list-title-group{display:inline-flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.list-pane .title-with-action{flex-wrap:wrap;gap:8px}.list-pane .title-with-action .btn-label{display:none}.list-pane .title-with-action .btn-ghost,.list-pane .title-with-action .group-toggle{padding:6px 8px;gap:0}.list-pane .account-title{flex:1;min-width:0}.msg-row:hover{background:var(--panel)}.msg-row.selected{background:var(--panel2);box-shadow:inset 3px 0 0 var(--accent)}.msg-row.unseen .msg-subject,.msg-row.unseen .msg-from{font-weight:700;color:var(--text)}.msg-row-main{min-width:0;flex:1}.msg-row-top{display:flex;justify-content:space-between;gap:8px}.msg-from{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-date{font-size:12px;color:var(--muted);flex:0 0 auto}.msg-subject{font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unseen-dot{position:absolute;top:16px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.msg-account{display:inline-block;margin-top:5px;font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:1px 7px;border-radius:6px}.load-more{display:block;margin:12px auto}.list-footer{padding:10px 16px 20px;text-align:center}.scan-info{font-size:12px;color:var(--muted)}.reading-pane{background:var(--bg)}.empty-pane{align-items:center;justify-content:center}.reading-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);font-size:14px}.reading-empty svg{opacity:.5}.reading{display:flex;flex-direction:column;height:100%;min-height:0;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reading-header{padding:16px 20px;border-bottom:1px solid var(--border);flex:0 0 auto}.reading-header h3{margin:10px 0;font-size:18px}.reading-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.reading-title-row{display:flex;align-items:center;gap:12px}.reading-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0}.reading-from{color:var(--text);font-weight:600}.reading-sub{color:var(--muted);font-size:12px}.reading-sub strong{color:var(--text);font-weight:600}.attachments{margin-top:10px;display:flex;flex-direction:column;gap:6px}.attachment-card{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.attachment-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:var(--text)}.attachment-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:var(--muted);font-size:11px;flex:0 0 auto}.attachment-actions{display:flex;gap:4px;flex:0 0 auto}.btn-xs{padding:3px 6px;font-size:12px;gap:3px}.attachment-preview{border-top:1px solid var(--border);padding:8px;background:var(--panel)}.attachment-preview img{max-width:100%;max-height:360px;border-radius:6px;display:block}.attachment-preview iframe{width:100%;height:480px;border:0;border-radius:6px;background:#fff}.reading-body{flex:1;min-height:0;overflow:hidden;display:flex}.mail-frame{width:100%;height:100%;border:0;background:#fff}.mail-text{margin:0;padding:20px;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Menlo,monospace;font-size:13px;overflow-y:auto;width:100%}.mail-plain{width:100%;max-width:720px;overflow-y:auto;padding:22px 26px;font-family:-apple-system,system-ui,Segoe UI,sans-serif;font-size:15px;line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.mail-plain a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.mail-plain.empty{color:var(--muted)}.otp-chip{display:inline-flex;align-items:center;gap:6px;vertical-align:baseline;padding:1px 8px;border-radius:7px;border:1px solid color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);font-family:SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.06em}.otp-chip:hover{background:color-mix(in srgb,var(--green) 22%,transparent)}.otp-chip.conf-medium{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.otp-chip.conf-low{border-color:var(--border);background:var(--panel2);color:var(--muted)}.otp-chip-code{font-size:1.02em}.otp-detected{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.health-scroll{padding:20px}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.health-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.health-card.good{border-color:color-mix(in srgb,var(--green) 50%,transparent)}.health-card.fail{border-color:color-mix(in srgb,var(--danger) 50%,transparent)}.health-card-top{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:8px}.health-card-top .ok{color:var(--green)}.health-card-top .bad{color:var(--danger)}.health-card-top .warn{color:#e0a64f}.health-card-detail{color:var(--muted);font-size:13px;word-break:break-word}.health-card-detail.big{font-size:26px;font-weight:700;color:var(--text)}.health-ts{margin-top:16px}.reading-scroll{width:100%;overflow-y:auto;padding:20px}.bounce-card{border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 10%,var(--panel));border-radius:12px;padding:16px 18px;max-width:680px}.bounce-head{display:flex;align-items:center;gap:8px;color:var(--danger);font-weight:700;font-size:15px;margin-bottom:12px}.bounce-fields{margin:0;display:grid;gap:10px}.bounce-fields>div{display:grid;grid-template-columns:120px 1fr;gap:10px}.bounce-fields dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.bounce-fields dd{margin:0;font-size:13px;word-break:break-word}.raw-report{margin-top:16px;max-width:680px}.raw-report summary{cursor:pointer;color:var(--muted);font-size:13px}.raw-report .mail-text{margin-top:8px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.otp-table{width:100%;border-collapse:collapse}.otp-table th,.otp-table td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border);font-size:13px}.otp-table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.otp-from{color:var(--muted)}.otp-code{font-size:16px;font-family:SFMono-Regular,Menlo,monospace;letter-spacing:.08em;padding:2px 8px;border-radius:6px;background:var(--panel2)}.otp-code.conf-high{color:var(--green)}.otp-code.conf-medium{color:var(--accent)}.otp-code.conf-low{color:var(--muted)}.admin-scroll{padding:16px 20px 40px}.admin-block{margin-bottom:28px;max-width:100%}.admin-block h3{font-size:14px;margin:0 0 12px}.admin-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;max-width:760px}.admin-form input[type=email],.admin-form input[type=password],.admin-form input:not([type]){flex:1;min-width:140px;background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:14px}.admin-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.admin-list{display:flex;flex-direction:column;gap:6px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--border);padding:9px 12px;border-radius:8px;font-size:13px}.admin-row code{font-family:SFMono-Regular,Menlo,monospace}.admin-meta{color:var(--muted);font-size:12px;margin-left:6px}.admin-row.col{flex-direction:column;align-items:stretch;gap:10px}.admin-row-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-row-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.dns-btn{padding:5px 10px;font-size:12px}.dns-badges{display:flex;gap:8px;flex-wrap:wrap}.dns-badge{font-size:12px;padding:2px 9px;border-radius:999px;font-weight:600;border:1px solid var(--border)}.dns-badge.ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 10%,transparent)}.dns-badge.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.dns-badge.warn{color:var(--muted)}.dns-provision{margin:4px 0 14px}.dns-provision-title{font-size:12px;color:var(--muted);margin-bottom:6px}.dns-skipped{margin:4px 0 14px;padding:8px 12px;border-radius:8px;font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--muted) 10%,transparent);border:1px solid var(--border)}.btn-icon-danger{background:transparent;border:0;color:var(--muted);padding:4px;border-radius:6px;display:inline-flex;flex:0 0 auto}.btn-icon-danger:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.admin-notice{margin-bottom:16px;padding:10px 14px;border-radius:8px;font-size:13px;background:color-mix(in srgb,var(--green) 16%,transparent);border:1px solid color-mix(in srgb,var(--green) 40%,transparent);color:var(--green)}.spinner{display:flex;align-items:center;gap:10px;padding:24px;color:var(--muted);justify-content:center}.spinner-dot{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.empty{padding:32px 16px;text-align:center;color:var(--muted)}.empty.small{padding:16px;font-size:13px}.error-banner{margin:12px 16px;padding:12px 14px;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:var(--danger);border-radius:8px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px}.mobile-topbar,.nav-backdrop{display:none}@media (max-width: 860px){.shell{height:100vh;display:flex;flex-direction:column}.mobile-topbar{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.mobile-brand{font-size:15px;color:var(--muted)}.mobile-brand strong{color:var(--text)}.app{flex:1;min-height:0;display:block;position:relative}.app>.pane{position:absolute;top:0;right:0;bottom:0;left:0;border-left:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:50;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 24px #00000073}.shell.nav-open .sidebar{transform:none}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.reading-pane.empty-pane{display:none}.app:has(.reading-pane:not(.empty-pane)) .list-pane{display:none}}.folder-nav{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.folder-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);color:var(--muted);cursor:pointer}.folder-pill:hover{border-color:var(--accent);color:var(--text)}.folder-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.row-check{width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent);cursor:pointer}.msg-row.checked{background:color-mix(in srgb,var(--accent) 16%,transparent)}.msg-row.focused{box-shadow:inset 3px 0 0 var(--star)}.msg-row.selected.focused{box-shadow:inset 3px 0 0 var(--accent),inset 6px 0 0 var(--star)}.row-flag{color:var(--star);vertical-align:-1px;margin-right:4px}.bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:var(--panel2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.bulk-count{font-size:12px;color:var(--muted)}.bulk-actions{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.bulk-actions .danger,.btn-xs.danger{color:var(--danger)}.bulk-actions .dim{opacity:.5}.star-toggle.active{color:var(--star);border-color:color-mix(in srgb,var(--star) 50%,transparent)}.autorefresh-toggle.active{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent)}.otp-row{cursor:pointer}.otp-row:hover{background:var(--panel)}.otp-row.newest{background:color-mix(in srgb,var(--accent) 10%,transparent)}.otp-row.newest .otp-code{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.new-mail-pill{display:block;width:calc(100% - 24px);margin:8px 12px;padding:7px 12px;border-radius:999px;border:0;background:var(--accent);color:#fff;font-size:12px;font-weight:600}.new-mail-pill:hover{filter:brightness(1.08)}.notify-toggle.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.folder-nav-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.folder-nav-row .folder-nav{margin-bottom:0}.select-toggle.on,.group-toggle.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}@media (max-width: 860px){.folder-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:6px;padding-bottom:2px;scrollbar-width:none}.folder-nav::-webkit-scrollbar{display:none}.folder-pill{flex:0 0 auto}.folder-nav-row{flex-direction:column;align-items:stretch;gap:6px}.folder-nav-row .select-toggle{align-self:flex-start}.title-with-action{flex-wrap:wrap;gap:8px}.list-title-group{flex-wrap:wrap;gap:6px}.title-with-action .btn-label{display:none}.title-with-action .btn-ghost{padding:7px 9px;gap:0}.bulk-bar{gap:6px}.bulk-count{flex:1 1 100%;order:-1}.bulk-actions{margin-left:0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.attachment-preview iframe{height:320px}.attachment-preview img{max-height:260px}.otps-pane .list-scroll{overflow-x:auto}.otp-table{min-width:520px}}.star-filter.active{color:var(--star);border-color:color-mix(in srgb,var(--star) 50%,transparent)}.sidebar-folders{display:flex;flex-direction:column;margin:2px 0 6px 14px;padding-left:8px;border-left:1px solid var(--border)}.sidebar-folder{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;font-size:12.5px;color:var(--muted)}.sidebar-folder:hover{background:var(--panel2);color:var(--text)}.sidebar-folder.active{background:var(--panel2);color:var(--text);font-weight:600}.sidebar-folder svg{flex:0 0 auto}.lang-toggle{gap:4px;padding:7px 8px}.lang-code{font-size:11px;font-weight:700;letter-spacing:.03em}.key-reveal{background:color-mix(in srgb,var(--green) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--green) 45%,transparent);border-radius:var(--radius);padding:12px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.key-reveal-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--green)}.key-reveal-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.key-reveal-row code{background:var(--panel2);padding:6px 10px;border-radius:6px;font-size:13px;word-break:break-all;flex:1;min-width:0}.enforce-toggle{align-items:flex-start;gap:8px;margin-bottom:10px}.enforce-toggle span{font-size:13px;color:var(--muted)}.enforce-toggle strong{color:var(--text)}.settings-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;max-width:760px}.enforce-toggle{max-width:760px}.settings-label{font-size:12px;color:var(--text)}.settings-list textarea{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 10px;font:inherit;resize:vertical}.settings-list .btn-xs{align-self:flex-start}.key-form .perm-checks{display:flex;gap:6px;flex-wrap:wrap}.perm-check{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer}.perm-check.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.key-row.inactive{opacity:.55}.key-main{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.perm-badge{font-size:10px;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:5px;background:var(--panel2);color:var(--muted)}.perm-badge.read{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.perm-badge.write{color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}.perm-badge.delete{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.perm-badge.revoked{color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.key-meta{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted);margin-top:4px}.audit-table{width:100%;border-collapse:collapse;font-size:12.5px}.audit-table th,.audit-table td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border)}.audit-table th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase}.audit-table tr.audit-bad{background:color-mix(in srgb,var(--danger) 7%,transparent)}.audit-ts{white-space:nowrap;color:var(--muted)}.audit-actor-type{font-size:10px;color:var(--muted);opacity:.7}.audit-method{font-weight:700;font-size:11px}.audit-method.m-GET{color:var(--accent)}.audit-method.m-POST{color:var(--green)}.audit-method.m-DELETE{color:var(--danger)}.audit-method.m-PUT,.audit-method.m-PATCH{color:var(--star)}.audit-ip{color:var(--muted);white-space:nowrap}.audit-status.s2{color:var(--green)}.audit-status.s4,.audit-status.s5{color:var(--danger)}