:root{--sb-bg: #0F1420;--hero-bg: #0F1420;--sb-border: rgba(91, 138, 245, .12);--sb-text: #8892A4;--sb-text-active: #C8D4EC;--sb-text-muted: #3D4A5C;--sb-hover: rgba(255, 255, 255, .04);--sb-active-bg: rgba(91, 138, 245, .08);--sb-active-dot: #5B8AF5;--canvas: #F3F4F7;--card: #FFFFFF;--card-hover: #FAFBFF;--card-alt: #F8F9FC;--page-hdr: #FFFFFF;--t1: #1A1A2E;--t2: #4A4A6A;--t3: #8A8A9A;--t4: #AEAEBB;--t5: #D0D0DA;--b0: rgba(0, 0, 0, .04);--b1: rgba(0, 0, 0, .06);--b2: rgba(0, 0, 0, .1);--b3: rgba(0, 0, 0, .14);--bf: rgba(91, 138, 245, .35);--accent: #5B8AF5;--accent-hover: #4A79E8;--accent-strong: #3D6ADA;--accent-soft: rgba(91, 138, 245, .08);--accent-border: rgba(91, 138, 245, .2);--accent-focus: rgba(91, 138, 245, .25);--gold: #C9A84C;--gold-strong: #B89540;--gold-soft: rgba(201, 168, 76, .09);--gold-border: rgba(201, 168, 76, .22);--green: #2D8A52;--green-soft: rgba(45, 138, 82, .08);--green-border: rgba(45, 138, 82, .2);--amber: #B07A20;--amber-soft: rgba(176, 122, 32, .08);--amber-border: rgba(176, 122, 32, .2);--red: #C0433A;--red-soft: rgba(192, 67, 58, .07);--red-border: rgba(192, 67, 58, .18);--sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: "Instrument Serif", Georgia, serif;--mono: "DM Mono", "Fira Code", ui-monospace, monospace;--text-hero-title: 34px;--text-page-title: 24px;--text-section-title: 20px;--text-stat: 30px;--text-auth-title: 28px;--text-card-title: 13px;--text-body: 13px;--text-sm: 12px;--text-eyebrow: 9.5px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--section-gap: 52px;--section-gap-sm: 28px;--r1: 3px;--r2: 6px;--r3: 8px;--r4: 12px;--r5: 16px;--r6: 20px;--rpill: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 8px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 20px rgba(0, 0, 0, .06);--shadow-lg: 0 6px 24px rgba(0, 0, 0, .12), 0 12px 48px rgba(0, 0, 0, .07);--shadow-accent: 0 1px 3px rgba(91, 138, 245, .3);--sidebar-width: 180px;--content-max: 1280px;--content-padding-op: 24px;--col-gap: 12px;--hero-radial: radial-gradient(ellipse at top right, rgba(91, 138, 245, .06) 0%, transparent 65%);--ease: cubic-bezier(0, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--sb-bg);color:var(--t1);font-family:var(--sans);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--b3)}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{display:flex;min-height:100vh;align-items:flex-start}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sb-bg);border-right:1px solid var(--sb-border);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sb-logo{padding:18px 16px 16px;border-bottom:1px solid var(--sb-border);display:flex;flex-direction:column;gap:9px}.sb-brand{display:block;width:100%;max-width:130px;height:auto}.sb-product{font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sb-text-muted)}.sb-nav{padding:14px 10px;flex:1}.sb-section{margin-bottom:20px}.sb-section:last-child{margin-bottom:0}.sb-cat{font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-text-muted);padding:0 6px;margin-bottom:4px}.sb-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r2);border-left:2px solid transparent;color:var(--sb-text);font-size:12px;font-weight:400;text-align:left;background:none;cursor:pointer;width:100%;transition:background .12s var(--ease),color .12s var(--ease),border-left-color .12s var(--ease)}.sb-item:hover{background:var(--sb-hover);color:#a8b8d0}.sb-item.active{background:var(--sb-active-bg);border-left-color:var(--accent);color:var(--sb-text-active);font-weight:500;border-radius:0 var(--r2) var(--r2) 0}.sb-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.35;transition:background .12s var(--ease),opacity .12s var(--ease)}.sb-item:hover .sb-dot{opacity:.55}.sb-item.active .sb-dot{background:var(--sb-active-dot);opacity:1}.sb-icon{display:inline-flex;flex-shrink:0;opacity:.6}.sb-item.active .sb-icon{opacity:1;color:var(--accent)}.sb-footer{padding:14px 14px 16px;border-top:1px solid var(--sb-border);margin-top:auto}.sb-meta{display:flex;flex-direction:column;gap:3px;padding:0 4px}.sb-meta-label{font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-text-muted)}.sb-meta-value{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--sb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;min-width:0;background:var(--canvas);min-height:100vh}.page-hdr{background:var(--page-hdr);border-bottom:1px solid var(--b1);padding:0 var(--content-padding-op);height:52px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-xs)}.ph-breadcrumb{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--t4);display:flex;align-items:center;gap:6px}.ph-sep{color:var(--t5)}.ph-crumb{color:var(--t4)}.ph-current{color:var(--t2);font-weight:500}.ph-actions{display:flex;gap:8px;align-items:center}.user-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;background:var(--card-alt);border:1px solid var(--b1);border-radius:var(--rpill);cursor:pointer;transition:background .12s var(--ease)}.user-chip:hover{background:var(--card)}.user-avatar{width:24px;height:24px;border-radius:var(--rpill);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.04em}.user-name{font-size:11.5px;font-weight:500;color:var(--t2)}.logout-link{background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--t4);padding:6px 10px;border-radius:var(--r2);transition:color .12s var(--ease),background .12s var(--ease)}.logout-link:hover{color:var(--t2);background:var(--card-alt)}.content{padding:var(--s5) var(--content-padding-op) 64px;max-width:var(--content-max);margin:0 auto}.page-hero{background:var(--hero-bg);border-radius:var(--r4);padding:28px 32px 26px;margin-bottom:var(--s5);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;right:0;width:300px;height:200px;background:var(--hero-radial);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#5b8af51f;border:1px solid rgba(91,138,245,.2);border-radius:var(--rpill);font-family:var(--mono);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.06em;color:var(--accent);margin-bottom:var(--s4);position:relative;z-index:1}.hero-badge-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.hero-title{font-size:var(--text-hero-title);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:#fff;margin-bottom:var(--s2);max-width:680px;position:relative;z-index:1}.hero-title em{font-style:italic;color:var(--accent);font-weight:700}.hero-sub{font-size:13px;color:#ffffff6b;font-weight:300;line-height:1.65;max-width:520px;position:relative;z-index:1}.alert-banner{display:flex;align-items:flex-start;gap:var(--s3);padding:12px var(--s4);border-radius:var(--r3);border:1px solid;margin-bottom:var(--s5);font-size:12.5px;line-height:1.55}.alert-icon{font-size:13px;flex-shrink:0;margin-top:1px}.alert-txt strong{font-weight:600;display:block}.alert-txt p{margin-top:2px;font-size:12px;opacity:.85}.alert-success{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.alert-info{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.alert-warning{background:var(--amber-soft);border-color:var(--amber-border);color:var(--amber)}.alert-error{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--col-gap)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--col-gap)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--col-gap)}.stat-card{background:var(--card);border:1px solid var(--b1);border-radius:var(--r4);padding:var(--s4) 18px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--s2);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.stat-card:hover{border-color:var(--b2);box-shadow:var(--shadow-sm)}.stat-top{display:flex;align-items:center;gap:var(--s3);margin-bottom:2px}.stat-icon-wrap{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.stat-icon-wrap.amber{background:var(--amber-soft);border-color:var(--amber-border);color:var(--amber)}.stat-icon-wrap.green{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.stat-icon-wrap.red{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.stat-lbl{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--t4)}.stat-val{font-size:var(--text-stat);font-weight:700;letter-spacing:-.02em;color:var(--t1);line-height:1}.stat-delta{font-size:11px;display:flex;align-items:center;gap:4px;color:var(--t3)}.page-title-block{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s4);margin-top:var(--s10);gap:var(--s4)}.page-title-block:first-of-type{margin-top:var(--s8)}.page-title{font-size:var(--text-page-title);font-weight:600;letter-spacing:-.022em;line-height:1.15;color:var(--t1)}.page-subtitle{font-size:13px;color:var(--t3);margin-top:var(--s1);max-width:540px}.ptb-right{display:flex;gap:var(--s2);align-items:center;flex-shrink:0}.card-comp{background:var(--card);border:1px solid var(--b1);border-radius:var(--r4);box-shadow:var(--shadow-sm);overflow:hidden}.card-hdr{padding:14px 18px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;background:var(--card)}.card-tit{font-size:13px;font-weight:600;color:var(--t1)}.card-met{font-family:var(--mono);font-size:10px;color:var(--t4)}.card-bod{padding:20px 22px}.card-bod-tight{padding:0}.card-ftr{padding:11px 18px;border-top:1px solid var(--b1);display:flex;align-items:center;justify-content:flex-end;gap:8px;background:var(--card-alt)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.form-stack{display:flex;flex-direction:column;gap:var(--s4)}.input-wrap{display:flex;flex-direction:column;gap:6px}.input-label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--t4)}.input,.select{height:38px;width:100%;background:var(--card);border:1px solid var(--b2);border-radius:var(--r3);padding:0 14px;font-family:var(--sans);font-size:13px;color:var(--t1);outline:none;box-shadow:var(--shadow-xs);transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.input::placeholder{color:var(--t4)}.input:hover,.select:hover{border-color:var(--b3)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus)}.input:disabled,.select:disabled{background:var(--card-alt);color:var(--t3);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8A9A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.hint{font-size:11px;color:var(--t4)}.hint-mono{font-family:var(--mono)}.subdomain-field{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--b2);border-radius:var(--r3);box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.subdomain-field:hover{border-color:var(--b3)}.subdomain-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus)}.subdomain-field .input{height:36px;border:none;box-shadow:none;background:transparent;border-radius:0;padding:0 14px;flex:1;min-width:0}.subdomain-field .input:focus{box-shadow:none}.subdomain-suffix{display:flex;align-items:center;padding:0 14px;font-family:var(--mono);font-size:12px;color:var(--t3);background:var(--card-alt);border-left:1px solid var(--b1);white-space:nowrap}.preview-block{margin-top:var(--s2);padding:14px 16px;background:var(--card-alt);border:1px solid var(--b1);border-radius:var(--r3);display:flex;flex-direction:column;gap:8px}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.preview-label{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--t4)}.preview-value{font-family:var(--mono);font-size:13px;color:var(--t1);font-weight:500}.preview-value.accent{color:var(--accent);font-weight:600}.form-msg{font-size:12.5px;padding:10px 14px;border-radius:var(--r3);border:1px solid;display:flex;align-items:flex-start;gap:8px;margin-top:2px}.form-msg.success{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.form-msg.error{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--sans);font-weight:500;line-height:1;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),transform 80ms var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:30px;padding:0 12px;border-radius:var(--r2);font-size:12px}.btn-md{height:36px;padding:0 16px;border-radius:var(--r3);font-size:13px}.btn-lg{height:42px;padding:0 20px;border-radius:var(--r3);font-size:14px}.btn-fw{width:100%}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--card);color:var(--t2);border-color:var(--b2);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--card-alt);color:var(--t1);border-color:var(--b3)}.btn-ghost{background:transparent;color:var(--t3);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--card);color:var(--t2);border-color:var(--b1)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--rpill);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.03em;border:1px solid;white-space:nowrap}.badge .bd{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-active{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.badge-active .bd{background:var(--green)}.badge-pending{background:var(--amber-soft);border-color:var(--amber-border);color:var(--amber)}.badge-pending .bd{background:var(--amber)}.badge-error{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.badge-error .bd{background:var(--red)}.badge-info{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.badge-info .bd{background:var(--accent)}.badge-neutral{background:var(--card-alt);border-color:var(--b2);color:var(--t3)}.badge-neutral .bd{background:var(--t4)}.table-wrap{overflow-x:auto}.dt{width:100%;border-collapse:collapse}.dt th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--b1);font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t4);background:var(--card-alt);white-space:nowrap}.dt td{padding:12px 16px;border-bottom:1px solid var(--b1);font-size:12.5px;color:var(--t2);vertical-align:middle}.dt tr:last-child td{border-bottom:none}.dt tbody tr:hover td{background:#5b8af506}.td-domain{font-family:var(--mono);font-size:12px;color:var(--t1);font-weight:500}.td-mono{font-family:var(--mono);font-size:11.5px;color:var(--t3);white-space:nowrap}.td-note{font-size:11.5px;color:var(--t3);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center}.empty-ico{width:40px;height:40px;border-radius:var(--r3);background:var(--card-alt);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;color:var(--t4);margin-bottom:var(--s3)}.empty-tit{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:5px}.empty-dsc{font-size:11.5px;color:var(--t3);max-width:260px;line-height:1.6}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{background:var(--sb-bg);padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at bottom left,rgba(91,138,245,.08) 0%,transparent 60%);pointer-events:none}.auth-left>*{position:relative;z-index:1}.auth-left-brand{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.auth-brand-mark{display:block;width:220px;height:auto;max-width:100%}.auth-brand-product{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#ffffff6b;padding-left:2px}.auth-middle{display:flex;flex-direction:column;gap:var(--s5);margin:auto 0}.auth-headline{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#fff;max-width:440px}.auth-headline em{font-style:italic;color:var(--accent);font-weight:700}.auth-desc{font-size:14px;color:#ffffff6b;font-weight:300;line-height:1.7;max-width:380px}.auth-footer-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r4);padding:20px 22px}.auth-footer-eye{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ffffff52;margin-bottom:var(--s2)}.auth-footer-txt{font-size:13px;color:#ffffff9e;line-height:1.6}.auth-right{background:var(--canvas);display:flex;align-items:center;justify-content:center;padding:40px 48px}.auth-card{background:var(--card);border:1px solid var(--b1);border-radius:var(--r5);box-shadow:var(--shadow-lg);padding:40px 36px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center}.auth-avatar{width:52px;height:52px;border-radius:var(--r4);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;margin-bottom:var(--s4);box-shadow:var(--shadow-accent);letter-spacing:.02em}.auth-eye{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--t4);margin-bottom:var(--s3)}.auth-title{font-family:var(--serif);font-size:var(--text-auth-title);font-weight:400;letter-spacing:-.018em;line-height:1.1;color:var(--t1);margin-bottom:var(--s2)}.auth-sub{font-size:13px;color:var(--t3);max-width:300px;line-height:1.6;margin-bottom:var(--s6)}.auth-form{width:100%;display:flex;flex-direction:column;gap:var(--s4);text-align:left}.auth-footer-meta{margin-top:var(--s6);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--t5)}.boot-screen{min-height:100vh;background:var(--sb-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);color:#ffffff6b;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.boot-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #5b8af599;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.sidebar{width:64px}.sb-brand,.sb-product,.sb-cat,.sb-meta{display:none}.sb-item{justify-content:center;padding:8px}.sb-item .sb-label{display:none}}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr}.auth-left{display:none}}@media (max-width: 768px){.grid-4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.content{padding:var(--s4) var(--s4) 48px}.page-hero{padding:24px 22px 22px}.hero-title{font-size:26px}}@media (max-width: 520px){.grid-4{grid-template-columns:1fr}.page-title-block{flex-direction:column;align-items:flex-start}.user-name{display:none}}