:root{--admin-bg:#f4f5f7;--admin-paper:#fff;--admin-paper-muted:#fafbfc;--admin-border:#e4e7ec;--admin-border-strong:#d0d5dd;--admin-text:#101828;--admin-text-soft:#344054;--admin-text-muted:#667085;--admin-text-faint:#98a2b3;--admin-primary:#1a365d;--admin-primary-hover:#2a4a7f;--admin-primary-subtle:#eef2f8;--admin-accent:#e8856a;--admin-sidebar:#0f1b30;--admin-success:#067647;--admin-warning:#b54708;--admin-danger:#b42318;--admin-info:#175cd3;--admin-radius-sm:4px;--admin-radius-md:6px;--admin-radius-lg:10px;--admin-shadow-sm:0 1px 2px #1018280f;--admin-shadow-lg:0 18px 42px #10182829;--admin-focus-ring:0 0 0 4px #1a365d1f;--admin-sidebar-width:248px;--admin-header-height:56px;--admin-font-sans:Inter, "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;--admin-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--admin-font-sans);background:var(--admin-bg)}body{min-width:320px;min-height:100vh;color:var(--admin-text);background:var(--admin-bg);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit}h1,h2,h3,p{margin-top:0}code{font-family:var(--admin-font-mono)}::selection{background:#dce6f5}:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}#root{min-height:100vh}.eyebrow{color:var(--admin-text-muted);letter-spacing:.13em;margin:0 0 7px;font-size:11px;font-weight:750}.button{border-radius:var(--admin-radius-md);min-height:36px;color:var(--admin-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:#fff;background:var(--admin-primary);border-color:var(--admin-primary);box-shadow:var(--admin-shadow-sm)}.button--primary:hover:not(:disabled){background:var(--admin-primary-hover)}.button--secondary{border-color:var(--admin-border-strong);background:#fff}.button--secondary:hover:not(:disabled){background:var(--admin-paper-muted);border-color:#98a2b3}.button--ghost:hover:not(:disabled){background:var(--admin-paper-muted)}.button--danger{color:#fff;background:var(--admin-danger)}.button--danger-text{color:var(--admin-danger)}.button--wide{width:100%;min-height:43px}.icon-button{border-radius:var(--admin-radius-md);width:34px;height:34px;color:var(--admin-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--admin-text);background:var(--admin-paper-muted);border-color:var(--admin-border)}.field{color:var(--admin-text-soft);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.field input{border:1px solid var(--admin-border-strong);border-radius:var(--admin-radius-md);width:100%;height:39px;color:var(--admin-text);background:#fff;padding:0 11px;font-size:14px;box-shadow:inset 0 1px 1px #10182808}.field input:hover{border-color:#98a2b3}.field input:focus{border-color:var(--admin-primary);box-shadow:var(--admin-focus-ring);outline:0}.field small{color:var(--admin-danger);font-size:11px;font-weight:600}.field--grow{flex:1}.alert{border-radius:var(--admin-radius-md);border:1px solid;padding:10px 12px;font-size:12px;line-height:1.5}.alert--danger{color:#912018;background:#fef3f2;border-color:#fecdca}.alert--warning{color:#7a2e0e;background:#fffaeb;border-color:#fedf89}.alert code{font-size:11px}.status-badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:4px;width:max-content;min-height:24px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.status-badge--success{color:#05603a;background:#ecfdf3;border-color:#abefc6}.status-badge--warning{color:#93370d;background:#fffaeb;border-color:#fedf89}.status-badge--danger{color:#912018;background:#fef3f2;border-color:#fecdca}.status-badge--info{color:#1849a9;background:#eff8ff;border-color:#b2ddff}.status-badge--neutral{color:#344054;background:#f9fafb;border-color:#e4e7ec}.admin-shell{min-height:100vh;display:flex}.sidebar{z-index:30;width:var(--admin-sidebar-width);color:#d0d9e8;background:var(--admin-sidebar);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__brand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;height:72px;padding:0 18px;display:flex}.sidebar__mark{color:#fff;background:var(--admin-accent);border-radius:9px;place-items:center;width:32px;height:32px;font-size:21px;font-weight:850;display:grid}.sidebar__brand div{flex-direction:column;display:flex}.sidebar__brand strong{color:#fff;letter-spacing:-.02em;font-size:18px}.sidebar__brand small{color:#8291a9;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.sidebar__close{color:#fff;background:0 0;margin-left:auto;display:none}.sidebar__nav{flex:1;padding:20px 12px}.sidebar__section-label{color:#64748b;letter-spacing:.14em;text-transform:uppercase;margin:0 10px 9px;font-size:10px;font-weight:700}.sidebar__link{border-radius:var(--admin-radius-md);color:#aebbd0;align-items:center;gap:10px;height:41px;margin-bottom:4px;padding:0 11px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff0d}.sidebar__link--active{color:#fff;box-shadow:inset 3px 0 var(--admin-accent);background:#e8856a21}.sidebar__security{border-radius:var(--admin-radius-md);color:#aebbd0;background:#ffffff08;border:1px solid #ffffff14;gap:9px;margin:12px;padding:12px;font-size:11px;line-height:1.4;display:flex}.sidebar__security small{color:#718198}.sidebar-backdrop{display:none}.admin-main{min-width:0;margin-left:var(--admin-sidebar-width);flex:1}.topbar{z-index:20;height:var(--admin-header-height);border-bottom:1px solid var(--admin-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar__menu{background:0 0;display:none}.topbar__context{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.topbar__pulse{background:#12b76a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #d1fadf}.topbar__user{align-items:center;gap:9px;margin-left:auto;display:flex}.topbar__avatar{color:#fff;background:var(--admin-primary);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:750;display:grid}.topbar__user div{flex-direction:column;min-width:130px;display:flex}.topbar__user strong{text-overflow:ellipsis;max-width:200px;color:var(--admin-text-soft);font-size:11px;overflow:hidden}.topbar__user small{color:var(--admin-text-muted);font-size:9px}.content{max-width:1500px;margin:0 auto;padding:28px 30px 50px}.page-stack{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:70px;display:flex}.page-header h1{letter-spacing:-.025em;margin:0 0 7px;font-size:27px;line-height:1.15}.page-header p:last-child{color:var(--admin-text-muted);margin:0;font-size:13px}.page-header--compact{padding-bottom:2px}.back-link{color:var(--admin-text-muted);align-items:center;gap:5px;margin-bottom:15px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--admin-primary)}.resource-ids{color:var(--admin-text-muted);flex-wrap:wrap;gap:8px 18px;font-size:11px;display:flex}.resource-ids code{color:var(--admin-text-soft);margin-left:5px}.hero-card{border-radius:var(--admin-radius-lg);color:#fff;background:linear-gradient(135deg,#132642,#1a365d 55%,#284f78);grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:35px;min-height:270px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f1b3024}.hero-card:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:430px;height:430px;position:absolute;top:-190px;right:-110px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff05}.hero-card>*{z-index:1;position:relative}.hero-card__icon{color:#ffc4b4;background:#ffffff12;border:1px solid #ffffff2e;border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.hero-card .eyebrow{color:#a9bad0}.hero-card h2{margin-bottom:12px;font-size:26px}.hero-card p:not(.eyebrow){color:#c4cfdd;max-width:620px;margin-bottom:22px;font-size:14px;line-height:1.7}.hero-card .button{color:var(--admin-primary);background:#fff;border-color:#fff}.hero-card__pipeline{color:#b9c7d8;font-family:var(--admin-font-mono);background:#06112038;border:1px solid #ffffff21;border-radius:10px;justify-content:space-between;align-items:center;padding:22px;font-size:10px;display:flex}.hero-card__pipeline span,.hero-card__pipeline strong{background:#ffffff0f;border-radius:5px;padding:7px 8px}.hero-card__pipeline strong{color:#d1fadf;background:#12b76a2b}.hero-card__pipeline i{background:#fff3;width:18px;height:1px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.summary-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);color:var(--admin-primary);background:var(--admin-paper);box-shadow:var(--admin-shadow-sm);gap:12px;padding:17px;display:flex}.summary-card strong{color:var(--admin-text-soft);margin-bottom:4px;font-size:13px;display:block}.summary-card p{color:var(--admin-text-muted);margin:0;font-size:11px;line-height:1.5}.notice-card{border-radius:var(--admin-radius-md);color:#1849a9;background:#eff8ff;border:1px solid #b2ddff;gap:10px;padding:13px 15px;display:flex}.notice-card strong{margin-bottom:2px;font-size:12px;display:block}.notice-card p{color:#175cd3;margin:0;font-size:11px;line-height:1.5}.resource-open-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);background:var(--admin-paper);box-shadow:var(--admin-shadow-sm);padding:24px}.resource-open-card__intro{gap:13px;margin-bottom:23px;display:flex}.resource-open-card__intro>span{width:42px;height:42px;color:var(--admin-primary);background:var(--admin-primary-subtle);border-radius:9px;place-items:center;display:grid}.resource-open-card h2{margin-bottom:6px;font-size:17px}.resource-open-card p{color:var(--admin-text-muted);margin:0;font-size:12px}.resource-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;display:grid}.resource-form input,.mono-id,.resource-ids code{font-family:var(--admin-font-mono)}.governance-principles{padding-top:6px}.governance-principles>h2{font-size:14px}.governance-principles>div{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.governance-principles article{border-top:2px solid var(--admin-border-strong);background:var(--admin-paper);padding:18px}.governance-principles article>span{color:var(--admin-accent);font-family:var(--admin-font-mono);font-size:11px}.governance-principles strong{margin:12px 0 5px;font-size:13px;display:block}.governance-principles p{color:var(--admin-text-muted);margin:0;font-size:11px}.create-domain{border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);background:var(--admin-paper);box-shadow:var(--admin-shadow-sm);padding:18px 20px}.create-domain__title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.create-domain__title>span{width:34px;height:34px;color:var(--admin-primary);background:var(--admin-primary-subtle);border-radius:7px;place-items:center;display:grid}.create-domain h2{margin:0 0 3px;font-size:14px}.create-domain p{color:var(--admin-text-muted);margin:0;font-size:11px}.create-domain form{align-items:flex-end;gap:10px;display:flex}.create-domain .alert{margin-top:11px}.domain-list{flex-direction:column;gap:16px;display:flex}.domain-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);background:var(--admin-paper);box-shadow:var(--admin-shadow-sm);overflow:hidden}.domain-card__header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;display:flex}.domain-card__hostname{align-items:center;gap:11px;display:flex}.domain-card__globe{width:36px;height:36px;color:var(--admin-primary);background:var(--admin-primary-subtle);border-radius:8px;place-items:center;display:grid}.domain-card h2{margin:0 0 3px;font-size:15px}.mono-id{color:var(--admin-text-faint);font-size:9px}.domain-card__header-actions{align-items:center;gap:5px;display:flex}.domain-card__status-grid{background:var(--admin-paper-muted);grid-template-columns:repeat(5,1fr);gap:10px;padding:15px 20px;display:grid}.domain-card__status-grid>div{flex-direction:column;gap:6px;display:flex}.domain-card__status-grid>div>span:first-child{color:var(--admin-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:750}.domain-card>.alert{margin:14px 20px 0}.domain-card__footer{border-top:1px solid var(--admin-border);justify-content:space-between;align-items:center;gap:15px;padding:13px 20px;display:flex}.domain-card__timestamps{color:var(--admin-text-muted);gap:15px;font-size:10px;display:flex}.domain-card__timestamps strong{color:var(--admin-text-soft);font-weight:600}.domain-card__actions{flex-wrap:wrap;gap:5px;display:flex}.dns-panel{border-top:1px solid var(--admin-border);padding:17px 20px}.dns-panel__heading{margin-bottom:10px}.dns-panel__heading strong{font-size:12px;display:block}.dns-panel__heading span{color:var(--admin-text-muted);font-size:10px}.dns-table{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);overflow:hidden}.dns-table__row{border-top:1px solid var(--admin-border);grid-template-columns:70px minmax(140px,.7fr) minmax(220px,1.4fr) 34px;align-items:center;gap:10px;min-height:43px;padding:8px 10px;font-size:11px;display:grid}.dns-table__row:first-child{border-top:0}.dns-table__header{min-height:30px;color:var(--admin-text-muted);background:var(--admin-paper-muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:750}.dns-table code{overflow-wrap:anywhere;color:var(--admin-text-soft);font-size:10px}.dns-table small{color:var(--admin-text-muted);margin-top:3px;display:block}.dns-type{width:max-content;color:var(--admin-primary);background:var(--admin-primary-subtle);font-family:var(--admin-font-mono);border-radius:4px;padding:3px 5px;font-weight:750}.domain-skeletons{flex-direction:column;gap:14px;display:flex}.domain-skeletons div{border:1px solid var(--admin-border);background:linear-gradient(100deg,#fff 20%,#f5f6f8 40%,#fff 60%) 0 0/200% 100%;border-radius:10px;height:210px;animation:1.4s infinite shimmer}.state-panel{border:1px dashed var(--admin-border-strong);border-radius:var(--admin-radius-lg);min-height:220px;color:var(--admin-text-muted);text-align:center;background:var(--admin-paper);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.state-panel h2{color:var(--admin-text);margin:0 0 5px;font-size:16px}.state-panel__description{max-width:610px;font-size:12px;line-height:1.6}.state-panel__description p{margin-bottom:10px}.state-panel__detail{color:var(--admin-text-muted);justify-content:center;align-items:center;gap:6px;display:flex}.state-panel--danger{color:var(--admin-danger);background:#fffbfa;border-color:#fecdca}.standalone-state{padding-top:70px}.dialog{border-radius:var(--admin-radius-lg);width:min(500px,100vw - 30px);color:var(--admin-text);box-shadow:var(--admin-shadow-lg);background:#fff;border:0;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1b3085}.dialog__header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.dialog__header h2{margin:0;font-size:16px}.dialog__body{padding:18px 19px}.dialog__description{color:var(--admin-text-muted);font-size:12px;line-height:1.6}.dialog__description p{margin-bottom:14px}.dialog__hostname{color:var(--admin-text);font-family:var(--admin-font-mono);margin-bottom:8px;font-weight:700;display:block}.dialog__warning{color:#93370d;background:#fffaeb;border-radius:5px;gap:7px;margin-bottom:14px;padding:9px 10px;display:flex}.dialog__actions{border-top:1px solid var(--admin-border);background:var(--admin-paper-muted);justify-content:flex-end;gap:8px;padding:13px 19px;display:flex}.login-page{background:#fff;grid-template-columns:minmax(440px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-intro{color:#fff;background:radial-gradient(circle at 80% 20%,#294e76,#0000 31%),linear-gradient(145deg,#0c1729,#132844 62%,#1a365d);flex-direction:column;min-height:100vh;padding:42px clamp(40px,6vw,90px);display:flex;position:relative;overflow:hidden}.login-intro:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:490px;height:490px;position:absolute;bottom:-220px;right:-240px;box-shadow:0 0 0 90px #ffffff05,0 0 0 180px #ffffff05}.login-intro__brand{align-items:center;gap:10px;display:flex}.login-intro__brand span{color:#fff;background:var(--admin-accent);border-radius:9px;place-items:center;width:34px;height:34px;font-size:22px;font-weight:850;display:grid}.login-intro__brand strong{font-size:21px}.login-intro__copy{z-index:1;max-width:630px;margin:auto 0;position:relative}.login-intro__copy .eyebrow{color:#90a6bf}.login-intro__copy h1{letter-spacing:-.04em;margin-bottom:22px;font-size:clamp(35px,4.2vw,61px);line-height:1.15}.login-intro__copy>p:last-child{color:#aebed1;max-width:520px;font-size:15px;line-height:1.8}.login-intro__security{color:#ccd6e3;z-index:1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;gap:10px;max-width:340px;padding:13px 14px;font-size:11px;line-height:1.45;display:flex;position:relative}.login-intro__security small{color:#8396ae}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(390px,100%)}.login-card__icon{width:46px;height:46px;color:var(--admin-primary);background:var(--admin-primary-subtle);border-radius:10px;place-items:center;margin-bottom:22px;display:grid}.login-card h2{letter-spacing:-.02em;margin-bottom:8px;font-size:25px}.login-card__lead{color:var(--admin-text-muted);margin-bottom:27px;font-size:13px}.login-card .field{margin:14px 0}.login-card .alert{margin-bottom:13px}.login-card__notice{color:var(--admin-text-faint);text-align:center;margin:15px 8px 0;font-size:10px;line-height:1.55}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1050px){.hero-card{grid-template-columns:1fr}.hero-card__pipeline{max-width:600px}.domain-card__status-grid{grid-template-columns:repeat(3,1fr)}.resource-form{grid-template-columns:1fr 1fr}.resource-form .button{grid-column:2;justify-self:end}}@media (width<=820px){.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:18px 0 40px #0f1b3038}.sidebar--open{transform:translate(0)}.sidebar__close{display:inline-flex}.sidebar-backdrop{z-index:25;background:#0f1b3073;display:block;position:fixed;inset:0}.admin-main{margin-left:0}.topbar{padding:0 15px}.topbar__menu{width:36px;height:36px;color:var(--admin-text-soft);place-items:center;margin-right:10px;display:grid}.content{padding:22px 16px 40px}.summary-grid,.governance-principles>div,.login-page{grid-template-columns:1fr}.login-intro{min-height:300px;padding:28px}.login-intro__copy{margin:55px 0}.login-intro__copy h1{font-size:34px}.login-intro__security{display:none}}@media (width<=620px){.page-header{flex-direction:column}.topbar__context{display:none}.topbar__user div{min-width:0}.topbar__user small{display:none}.hero-card{min-height:0;padding:25px 20px}.hero-card__pipeline{flex-wrap:wrap;gap:7px;padding:12px}.hero-card__pipeline i{display:none}.resource-form{grid-template-columns:1fr}.resource-form .button{grid-column:1;justify-self:stretch}.create-domain form{flex-direction:column;align-items:stretch}.domain-card__header,.domain-card__footer{flex-direction:column;align-items:flex-start}.domain-card__status-grid{grid-template-columns:repeat(2,1fr)}.domain-card__footer{gap:12px}.domain-card__timestamps{flex-direction:column;gap:4px}.dns-table__header{display:none}.dns-table__row{grid-template-columns:55px 1fr 34px}.dns-table__row>div{grid-column:2}.dns-table__row .icon-button{grid-area:1/3/3}.login-panel{padding:35px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}