:root{color:#20324d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#ffffffc2;--surface-2:#ffffffeb;--surface-3:#f4f8fffa;--surface-border:#7192be2e;--text-1:#21324b;--text-2:#5c708f;--text-3:#8192ab;--primary-1:#1d67ff;--primary-2:#4aa6ff;--accent-1:#ff8a4c;--shadow-1:0 20px 55px #4f75ad1f;--shadow-2:0 14px 32px #415f9114;background:radial-gradient(circle at 0 0,#ffd2aabf,#0000 30%),radial-gradient(circle at 100% 0,#baddfff2,#0000 36%),linear-gradient(#f8fbff 0%,#f4f7fb 46%,#edf3fa 100%);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(10px);position:fixed;inset:auto}body:before{background:radial-gradient(circle,#82c4ff66,#0000 64%);border-radius:50%;width:340px;height:340px;animation:12s ease-in-out infinite floatBlob;top:-120px;right:-80px}body:after{background:radial-gradient(circle,#ffb49047,#0000 62%);border-radius:50%;width:380px;height:380px;animation:15s ease-in-out infinite reverse floatBlob;bottom:-140px;left:-120px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{background:linear-gradient(135deg, var(--primary-1), var(--primary-2));color:#fff;cursor:pointer;border:0;border-radius:18px;padding:.95rem 1.25rem;transition:transform .18s,box-shadow .18s,filter .18s,opacity .18s;box-shadow:0 14px 24px #1d67ff33}button:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 18px 34px #1d67ff3d}button:active:not(:disabled){transform:translateY(1px)scale(.995)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;color:var(--text-1);background:#ffffffe0;border:1px solid #7897c138;border-radius:18px;outline:none;padding:.98rem 1rem;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#1d67ff5c;box-shadow:0 0 0 5px #4d8cff24}textarea{resize:vertical;min-height:108px}#root{z-index:1;min-height:100vh;position:relative}.splash{min-height:100vh;color:var(--text-2);place-items:center;font-size:1.05rem;animation:.42s fadeUp;display:grid}.login-page{place-items:center;min-height:100vh;padding:30px;display:grid}.login-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffffeb,#f8fbffd1);border:1px solid #7192be29;border-radius:32px;width:min(480px,100%);padding:38px;animation:.52s fadeUp;box-shadow:0 26px 70px #4e74a724,inset 0 1px #ffffffe6}.login-eyebrow,.page-overline{letter-spacing:.2em;text-transform:uppercase;color:#5d83c8;font-size:.78rem}.login-panel h1{color:#142640;margin:.7rem 0 .6rem;font-size:3.15rem;line-height:1}.login-copy,.page-desc,.brand-subtitle{color:var(--text-2)}.login-form{gap:14px;margin-top:1.7rem;display:grid}.login-form label,.stack-form{gap:8px;display:grid}.form-error{color:#c34747;background:#fff2f2eb;border:1px solid #ef666633;border-radius:16px;padding:.9rem 1rem}.shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffb3,#f7faffd1);border-right:1px solid #7192be24;flex-direction:column;gap:22px;padding:28px 20px;display:flex;box-shadow:inset -1px 0 #ffffff80}.brand-mark{color:#fff;background:linear-gradient(135deg,#ff9962,#ff6d57 52%,#3d8bff);border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:12px;font-weight:800;animation:3.2s ease-in-out infinite pulseGlow;display:grid;box-shadow:0 16px 30px #ff7d603d}.brand-title,.page-title{color:#162a44;font-size:1.55rem;font-weight:750}.nav-links{gap:10px;display:grid}.nav-link{color:var(--text-2);border:1px solid #0000;border-radius:18px;grid-template-columns:18px 1fr 16px;align-items:center;gap:12px;padding:.98rem 1rem;transition:background .18s,color .18s,transform .18s,border-color .18s,box-shadow .18s;display:grid}.nav-link:hover{color:var(--text-1);background:#ffffffb8;border-color:#7697c629;transform:translate(3px)}.nav-link.active{color:#17304f;background:linear-gradient(135deg,#fffffff2,#eaf4ffeb);border:1px solid #4895ff33;box-shadow:0 12px 24px #5a81b61f}.ghost-button,.secondary-button{color:var(--text-1);background:#ffffffd1;border:1px solid #7e9ccd2e;box-shadow:0 8px 16px #57739e14}.ghost-button{justify-content:center;align-items:center;gap:8px;margin-top:auto;display:flex}.content{padding:30px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;animation:.42s fadeUp;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.page-user{color:var(--text-1);margin-top:.15rem;font-size:1.2rem}.language-switch{background:#ffffffc7;border:1px solid #799ac32e;border-radius:999px;align-items:center;gap:6px;padding:6px;display:inline-flex;box-shadow:0 10px 18px #6280a714}.lang-chip{color:var(--text-2);box-shadow:none;background:0 0;border-radius:999px;padding:.45rem .78rem}.lang-chip:hover:not(:disabled){box-shadow:none;background:#e4efffeb;transform:none}.lang-chip.active{background:linear-gradient(135deg, var(--primary-1), var(--primary-2));color:#fff;box-shadow:0 10px 18px #1d67ff2e}.status-pill,.badge,.health-dot{border-radius:999px;align-items:center;gap:6px;padding:.4rem .78rem;font-size:.82rem;font-weight:600;display:inline-flex}.status-pill{color:#20507d;background:#ffffffd6;border:1px solid #799ac32e;box-shadow:0 10px 18px #6280a714}.badge.enabled,.health-dot.ok{color:#0f7b63;background:#d7fcf3db;border:1px solid #50caa438}.badge.disabled,.health-dot.bad{color:#c05353;background:#ffefefe0;border:1px solid #e98e8e3d}.badge.neutral{color:#5c6f8d;background:#eff5ffeb;border:1px solid #9bb0d247}.health-dot.ok:before,.health-dot.bad:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite pulseDot;box-shadow:0 0}.page{gap:24px;animation:.42s fadeUp;display:grid}.page-header{justify-content:space-between;align-items:center;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-grid,.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1.25fr .95fr}.hero-card,.panel{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-2), var(--surface-1));box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.hero-card:before,.panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff61,#0000 42%);position:absolute;inset:0}.hero-card:hover,.panel:hover{border-color:#5884cc38;transform:translateY(-3px);box-shadow:0 26px 60px #5276ad29}.accent-card{background:radial-gradient(circle at 100% 0,#ffa47661,#0000 32%),linear-gradient(135deg,#fffffff5,#f2f8ffeb)}.hero-card-top,.panel-title,.stack-item,.button-row,.site-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge-row,.toggle-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title{color:var(--text-1);margin-bottom:16px;font-size:1.05rem;font-weight:750}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.metric-row.compact{margin-top:0;margin-bottom:16px}.metric-row div{background:#ffffff9e;border:1px solid #81a0ca1f;border-radius:20px;padding:16px;transition:transform .18s,background .18s;box-shadow:inset 0 1px #ffffffd9}.metric-row div:hover{background:#ffffffd1;transform:translateY(-2px)}.metric-row strong{color:var(--text-1);margin-bottom:4px;font-size:1.45rem;display:block}.metric-row span,.stack-item span,.site-url,.site-note{color:var(--text-2)}.site-grid,.stack-list{gap:12px;display:grid}.site-card{box-shadow:var(--shadow-2);background:#ffffff94;border:1px solid #7e9ccd1f;border-radius:20px;gap:8px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:grid}.site-card:hover{background:#ffffffd1;border-color:#5d8ddc33;transform:translateY(-2px);box-shadow:0 20px 38px #5a7eb11f}.site-note{font-size:.92rem}.site-health-row,.health-cell{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #7e9ccd1f;padding:12px 10px}th{color:var(--text-2);font-weight:650}.stack-form,.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.audit-toolbar{grid-template-columns:1.1fr 1.1fr .9fr .8fr .9fr .9fr .5fr auto auto;gap:10px;margin-bottom:16px;display:grid}.sites-toolbar{grid-template-columns:1.4fr .8fr .8fr}.quick-filter-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.toggle-row{color:var(--text-1);align-items:center;gap:10px;font-weight:650;display:inline-flex}.table-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.service-state-list{gap:12px;display:grid}.service-state-label{color:var(--text-2);font-size:.9rem}.service-badge-grid{gap:10px;display:grid}.service-badge-row{background:#ffffff94;border:1px solid #7e9ccd1f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.alert-card{box-shadow:var(--shadow-2);background:#ffffffb3;border:1px solid #7e9ccd24;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.alert-card.info{border-color:#5b8adc2e}.alert-card.warning{background:#fff8e8d6;border-color:#e6ad423d}.alert-card.error{background:#fff3f3e6;border-color:#d7717147}.alert-card-top{justify-content:space-between;align-items:center;display:flex}.alert-card-actions{justify-content:flex-end;display:flex}.empty-state{color:var(--text-2);background:#ffffff94;border:1px dashed #7e9ccd33;border-radius:16px;padding:14px 16px}.state-block{background:#ffffffad;border:1px dashed #7e9ccd38;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.state-block.error{background:#fff3f3eb;border-style:solid;border-color:#d771713d}.state-title{color:var(--text-1);font-weight:700}.state-detail{color:var(--text-2)}.state-action{margin-top:4px}.skeleton-state{overflow:hidden}.skeleton-line{background:linear-gradient(90deg,#e3ecf7b3 0%,#fffffff2 50%,#e3ecf7b3 100%) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.4s linear infinite skeletonShift}.skeleton-line:nth-child(2n){width:84%}.skeleton-line:nth-child(3n){width:66%}.muted-text{color:var(--text-2);font-size:.88rem}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.wide-panel{grid-column:1/-1}.micro-button{color:var(--text-1);cursor:pointer;background:#ffffffe0;border:1px solid #7e9ccd40;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s}.micro-button:hover{border-color:#57739e57;transform:translateY(-1px);box-shadow:0 10px 18px #57739e1f}.micro-button.danger{color:#b04d4d;background:#fff4f4f5;border-color:#d7717147}.micro-button.danger:hover{border-color:#c65b5b6b;box-shadow:0 10px 18px #c65b5b29}.token-box{color:#1e4f80;background:#fff;border:1px solid #7a9cca2e;border-radius:18px;margin-top:14px;padding:14px;animation:.26s fadeUp;overflow:auto}.dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#162a443d;place-items:center;padding:24px;animation:.18s fadeUp;display:grid;position:fixed;inset:0}.toast-host{z-index:30;pointer-events:none;gap:12px;display:grid;position:fixed;top:22px;right:22px}.floating-error{z-index:25;position:fixed;bottom:22px;left:320px;right:30px}.toast-card{min-width:260px;max-width:360px;color:var(--text-1);background:#fffffff5;border:1px solid #7e9ccd29;border-radius:18px;padding:14px 16px;animation:.22s fadeUp;box-shadow:0 22px 44px #42609124}.toast-card.success{border-color:#50caa438;box-shadow:0 22px 44px #50caa41f}.toast-card.error{border-color:#d771713d;box-shadow:0 22px 44px #d771711f}.dialog-panel{background:linear-gradient(#fffffff5,#f4f8fff0);border:1px solid #7192be33;border-radius:26px;width:min(480px,100%);padding:24px;box-shadow:0 28px 70px #48669333}.dialog-title{color:var(--text-1);font-size:1.15rem;font-weight:750}.dialog-copy{color:var(--text-2);margin-top:10px}.danger-button{background:linear-gradient(135deg,#d84f4f,#f06f6f);box-shadow:0 14px 24px #d84f4f38}.danger-button:hover:not(:disabled){box-shadow:0 18px 34px #d84f4f47}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBlob{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,18px)scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 16px 30px #ff7d603d}50%{box-shadow:0 22px 38px #3d8bff38}}@keyframes pulseDot{0%{box-shadow:0 0 #00000026}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skeletonShift{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1100px){.shell,.hero-grid,.panel-grid,.two-column{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #7e9ccd1f;border-right:0}.audit-toolbar,.pagination-bar{grid-template-columns:1fr;display:grid}.form-grid.two{grid-template-columns:1fr}.floating-error{left:24px;right:24px}}