:root{--bg: #fbfbfa;--panel: #ffffff;--panel-2: #f7f6f4;--hover: #f4f3f1;--border: #e6e4e0;--border-strong: #d6d3cd;--chip: #f2f1ee;--text: #1a1917;--text-2: #6b6862;--text-3: #96938c;--accent: #c2410c;--accent-hover: #9a3412;--accent-soft: #fdf1e9;--accent-border: #f0c9ae;--ok: #15803d;--ok-soft: #eaf5ee;--warn: #b45309;--warn-soft: #fdf3e4;--danger: #b91c1c;--danger-soft: #fdeeee;--danger-fg: #ffffff;--shadow: 0 1px 2px rgba(26, 25, 23, .05);--shadow-lg: 0 16px 48px -12px rgba(26, 25, 23, .24), 0 2px 8px rgba(26, 25, 23, .08);--skel: linear-gradient(90deg, #eeece8 25%, #f6f5f2 37%, #eeece8 63%);--sidebar-w: 214px;--topbar-h: 52px}[data-theme=dark]{--bg: #0d0d0c;--panel: #161615;--panel-2: #1b1b19;--hover: #212120;--border: #292826;--border-strong: #3a3937;--chip: #232321;--text: #ececea;--text-2: #9b988f;--text-3: #75726b;--accent: #f97316;--accent-hover: #fb923c;--accent-soft: #2a1a0e;--accent-border: #5a3418;--ok: #4ade80;--ok-soft: #122016;--warn: #fbbf24;--warn-soft: #221a0c;--danger: #f87171;--danger-soft: #241313;--danger-fg: #2a0f0f;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px -12px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .4);--skel: linear-gradient(90deg, #1e1e1c 25%, #282826 37%, #1e1e1c 63%)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input::placeholder{color:var(--text-3)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,p{margin:0}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}@keyframes shim{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.btn{height:34px;padding:0 14px;border:1px solid var(--border-strong);border-radius:7px;background:var(--panel);color:var(--text);font:500 12.5px IBM Plex Sans;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s,opacity .12s,border-color .12s}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{border:0;background:var(--text);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--text);opacity:.86}.btn-accent{border:0;background:var(--accent);color:#fff;font-weight:600}.btn-accent:hover{background:var(--accent-hover)}.btn-danger{border:0;background:var(--danger);color:var(--danger-fg);font-weight:600}.btn-lg{height:38px;width:100%;border-radius:7px}.btn-sm{height:26px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text-2);font:500 11.5px IBM Plex Sans;cursor:pointer;transition:background .1s,color .1s}.btn-sm:hover{background:var(--hover);color:var(--text)}.btn-sm.danger{color:var(--danger)}.btn-sm.danger:hover{background:var(--danger-soft)}.icon-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--panel);cursor:pointer;color:var(--text-2);font-size:13px;line-height:1;transition:background .1s,color .1s}.icon-btn:hover{background:var(--hover);color:var(--text)}.spinner{width:12px;height:12px;border-radius:50%;border:1.6px solid currentColor;border-top-color:transparent;display:inline-block;animation:spin .7s linear infinite}.chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--chip);border:1px solid var(--border);font:500 11.5px IBM Plex Sans;color:var(--text-2)}.chip-mono{font-family:IBM Plex Mono;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:6px;font:500 11.5px IBM Plex Sans}.badge .dot{width:4px;height:4px;border-radius:50%;background:currentColor}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-off{background:var(--chip);border:1px solid var(--border);color:var(--text-3)}.pill-warn{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;background:var(--warn-soft);font:500 11.5px IBM Plex Sans;color:var(--warn)}.pill-warn .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.tag-you{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:5px;background:var(--accent-soft);border:1px solid var(--accent-border);font:500 10.5px IBM Plex Sans;color:var(--accent)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:14px;padding:0 18px 0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px;width:var(--sidebar-w);flex:none}.brand-mark{width:22px;height:22px;border-radius:6px;background:var(--text);display:grid;place-items:center;flex:none}.brand-mark i{width:7px;height:7px;border-radius:2px;background:var(--accent);display:block}.brand-name{font:600 13.5px IBM Plex Sans;letter-spacing:-.01em}.brand-tag{font:500 10.5px IBM Plex Mono;color:var(--text-3);padding:3px 5px;border:1px solid var(--border);border-radius:5px}.grow{flex:1}.usermenu{position:relative}.usermenu-trigger{display:flex;align-items:center;gap:9px;height:30px;padding:0 8px 0 4px;border:1px solid var(--border);border-radius:7px;background:var(--panel);cursor:pointer}.usermenu-trigger:hover{background:var(--hover)}.avatar{width:21px;height:21px;border-radius:5px;background:var(--chip);display:grid;place-items:center;font:600 10.5px IBM Plex Sans;color:var(--text-2)}.usermenu-email{font:500 12.5px IBM Plex Sans;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{font-size:9px;color:var(--text-3)}.menu{position:absolute;top:36px;right:0;width:236px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:5px;z-index:60;animation:pop .13s ease both}.menu-head{padding:9px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:5px}.menu-item{width:100%;text-align:left;padding:8px 10px;border:0;border-radius:7px;background:transparent;cursor:pointer;font-size:12.5px;color:var(--text)}.menu-item:hover{background:var(--hover)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.body{flex:1;display:flex;align-items:stretch}.sidebar{width:var(--sidebar-w);flex:none;border-right:1px solid var(--border);background:var(--panel);padding:14px 10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h))}.sidebar-label{font:600 10.5px IBM Plex Sans;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:6px 10px 8px}.nav-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;height:32px;padding:0 10px;border:0;border-radius:7px;cursor:pointer;font:500 13px IBM Plex Sans;background:transparent;color:var(--text-2)}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--chip);color:var(--text)}.nav-item .glyph{width:14px;text-align:center;font-size:11px;opacity:.7}.main{flex:1;min-width:0;padding:26px 30px 60px;max-width:1240px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-title{font:600 21px/1.2 IBM Plex Sans;letter-spacing:-.02em;margin-bottom:5px}.page-sub{font-size:13px;color:var(--text-2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.card-toolbar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);background:var(--panel-2)}.count{font:400 11.5px IBM Plex Mono;color:var(--text-3)}table{width:100%;border-collapse:collapse}th{text-align:left;font:600 10.5px/1 IBM Plex Sans;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:0 16px;height:34px;border-bottom:1px solid var(--border)}td{padding:13px 16px;border-bottom:1px solid var(--border);font-size:13px}tr.clickable{cursor:pointer;transition:background .1s}tr.hoverable{transition:background .1s}tr.clickable:hover,tr.hoverable:hover{background:var(--hover)}td.mono{font:500 12.5px IBM Plex Mono}td.muted{color:var(--text-2)}td.right{text-align:right}.row-actions{display:flex;gap:6px;justify-content:flex-end}.arrow{color:var(--text-3);font-size:12px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font:500 12px IBM Plex Sans;color:var(--text-2)}.field-hint{font-size:11.5px;color:var(--text-3)}.input{height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:7px;background:var(--panel);font-size:13px;width:100%}.input-mono{font-family:IBM Plex Mono;font-size:12.5px}select.input{padding:0 8px}.input:focus{border-color:var(--accent);outline:none}.input:disabled{opacity:.7;cursor:default}.filter-input{flex:1;max-width:280px;height:30px;padding:0 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);font-size:12.5px}.secret-input{position:relative}.secret-input .input{padding-right:62px}.secret-input.no-copy .input{padding-right:36px}.secret-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px}.secret-btn{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-3);cursor:pointer;transition:background .1s,color .1s}.secret-btn:hover{background:var(--hover);color:var(--text-2)}.secret-btn:disabled{opacity:.4;cursor:default}.secret-btn:disabled:hover{background:transparent}.secret-btn svg{display:block}.domains{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:36px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:7px;background:var(--panel)}.domain-chip{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 5px 0 9px;border-radius:6px;background:var(--chip);border:1px solid var(--border);font:400 12px IBM Plex Mono}.domain-chip button{border:0;background:transparent;color:var(--text-3);cursor:pointer;font-size:13px;line-height:1;padding:0 2px}.domain-chip button:disabled{opacity:.4;cursor:default}.domains-input{flex:1;min-width:120px;height:24px;border:0;background:transparent;font:400 12px IBM Plex Mono;outline:none}.stack{display:flex;flex-direction:column;gap:18px;max-width:820px}.section{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.section-head{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--panel-2)}.section-head h2{font:600 13.5px IBM Plex Sans;margin-bottom:3px}.section-head p{font-size:12px;color:var(--text-2)}.section-body{padding:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.col-span{grid-column:1 / -1}.subrule{border-top:1px solid var(--border);padding-top:16px}.savebar{position:fixed;left:var(--sidebar-w);right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 30px;background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -6px 20px -12px #0000004d;animation:slidein .18s ease both}.banner{display:flex;gap:9px;align-items:center;padding:10px 13px;border:1px solid var(--border);background:var(--panel-2);border-radius:9px;font-size:12.5px;color:var(--text-2)}.banner .dot{width:5px;height:5px;border-radius:50%;flex:none}.banner-warn{border-color:var(--warn-soft);background:var(--warn-soft)}.mint-banner{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:10px;padding:16px 18px;margin-bottom:16px;animation:slidein .2s ease both}.mint-code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;padding:10px 12px;border:1px solid var(--accent-border);border-radius:7px;background:var(--panel);font:400 12.5px IBM Plex Mono}.state{padding:48px 24px;text-align:center}.state-icon{width:34px;height:34px;margin:0 auto 13px;border-radius:9px;display:grid;place-items:center}.state-icon.dashed{border:1px dashed var(--border-strong);color:var(--text-3);font-size:14px}.state-icon.danger{background:var(--danger-soft);color:var(--danger);font:600 15px IBM Plex Sans}.state-title{font:600 14px IBM Plex Sans;margin-bottom:5px}.state-body{font-size:12.5px;color:var(--text-2);max-width:330px;margin:0 auto 16px;line-height:1.5}.skel-row{display:flex;align-items:center;gap:26px;padding:15px 16px;border-bottom:1px solid var(--border)}.skel{height:11px;border-radius:4px;background:var(--skel);background-size:300% 100%;animation:shim 1.3s linear infinite}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{height:36px;padding:0 13px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font:500 13px IBM Plex Sans;color:var(--text-2);margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--text);color:var(--text)}.detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.detail-id{font:500 20px/1.2 IBM Plex Mono;letter-spacing:-.01em}.back{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px 0 7px;margin-bottom:14px;border:1px solid var(--border);border-radius:6px;background:var(--panel);cursor:pointer;font:500 12px IBM Plex Sans;color:var(--text-2)}.back:hover{background:var(--hover);color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(120% 90% at 50% -10%,var(--panel-2) 0%,var(--bg) 60%)}.login-col{width:100%;max-width:388px;display:flex;flex-direction:column;gap:26px}.login-brand{display:flex;align-items:center;gap:10px;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:28px 26px 26px;animation:pop .28s ease both}.alert-danger{display:flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid var(--danger-soft);background:var(--danger-soft);border-radius:7px;font-size:12.5px;color:var(--danger)}.overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#1413116b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .14s ease both}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);animation:pop .16s ease both;width:100%}.modal-head{padding:20px 22px 0}.modal-head h2{font:600 15.5px IBM Plex Sans;letter-spacing:-.01em;margin-bottom:4px}.modal-head p{font-size:12.5px;color:var(--text-2);line-height:1.5}.modal-body{padding:18px 22px 4px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:18px 22px 20px}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{display:flex;align-items:center;gap:9px;padding:10px 12px;min-width:240px;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-lg);animation:slidein .18s ease both;font-size:12.5px;line-height:1.4}.toast .dot{width:6px;height:6px;border-radius:50%;flex:none}.toast .x{margin-left:auto;border:0;background:transparent;color:var(--text-3);cursor:pointer;font-size:13px;line-height:1}