:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#18231e;background:#f3f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f5f2}button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5f2}.auth-card{width:min(430px,100%);border:1px solid #e1e8e3;box-shadow:0 24px 70px #18231e1a}.auth-mark{position:fixed;top:34px;left:42px;display:flex;align-items:center;gap:11px;color:#18231e}.auth-mark span,.brand-mark{display:grid;place-items:center;background:#153d35;color:#e8f6ef;font-size:12px;font-weight:800;letter-spacing:.06em}.auth-mark span{width:34px;height:34px;border-radius:9px}.auth-mark strong,.auth-mark small{display:block}.auth-mark small{color:#728078;font-size:11px;margin-top:2px}.eyebrow{color:#0b8f83;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}h1{margin:8px 0 7px;font-size:29px;line-height:1.2;letter-spacing:0}.muted{color:#748078;margin:0 0 26px;font-size:14px;line-height:1.6}.auth-foot{position:fixed;bottom:28px;display:flex;align-items:center;gap:7px;color:#8b9790;font-size:12px}.app-shell{min-height:100vh;background:#f3f5f2}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffe6;border-bottom:1px solid #e1e8e3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.top-actions,.section-title,.status-label,.status-value{display:flex;align-items:center}.brand{gap:11px}.brand-mark{width:32px;height:32px;border-radius:8px}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{color:#829087;font-size:11px;margin-top:2px}.content{max-width:1520px;width:100%;margin:0 auto;padding:42px 42px 70px}.content-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.content-head h1{font-size:34px}.status-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;margin-bottom:28px}.status-card{min-height:126px;border:1px solid #e2e8e4;background:#fff}.status-card-primary{background:#153d35;color:#ecf7f0;border-color:#153d35}.status-label{gap:8px;color:#829087;font-size:12px;font-weight:650}.status-card-primary .status-label{color:#a9cabe}.status-value{gap:8px;margin-top:13px;font-size:21px;font-weight:720}.live-dot{width:8px;height:8px;border-radius:50%;background:#65d48f;box-shadow:0 0 0 4px #65d48f29}.status-meta{color:#89958d;font-size:12px;margin-top:11px}.status-card-primary .status-meta{color:#a9cabe}.n-statistic .n-statistic-value{font-size:27px}.n-statistic .n-statistic-label{color:#829087;font-size:12px}.n-statistic .n-statistic-value__prefix{color:#0b8f83;margin-right:7px}.workspace-tabs{display:flex;gap:24px;border-bottom:1px solid #dfe7e2;margin-bottom:16px}.workspace-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#849087;cursor:pointer;padding:12px 2px;font-size:13px}.workspace-tabs button.active{color:#153d35;border-bottom-color:#0b8f83;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.workspace>*,.table-card,.side-stack{min-width:0}.table-card,.side-card{border:1px solid #e2e8e4;background:#fff}.section-title{justify-content:space-between;gap:12px;width:100%}.section-title strong,.section-title span{display:block}.section-title strong{font-size:14px}.section-title span{color:#8a958e;font-size:11px;font-weight:400;margin-top:3px}.side-stack{display:grid;gap:16px}.traffic-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1ee;color:#7d8981;font-size:12px}.traffic-row:last-child{border-bottom:0}.traffic-row strong{color:#1d2d26;font-size:13px}.traffic-row strong.danger{color:#c34c49}.principles{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:#65736b;font-size:12px}.principles li{display:flex;align-items:center;gap:8px}.principles svg{color:#0b8f83}.latency{color:#839087;font-size:12px;margin-left:8px}.audit-panel{max-width:940px}.panel-wide{width:100%}.connection-list{display:grid}.connection-item{display:grid;grid-template-columns:10px minmax(220px,1fr) minmax(150px,.7fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1ee}.connection-item:last-child{border-bottom:0}.connection-item>div{min-width:0}.connection-item strong,.connection-item span{display:block}.connection-item span{color:#849087;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-item code{color:#5d7569;font-size:11px}.connection-item time{color:#849087;font-size:12px;white-space:nowrap}.connection-live{width:7px;height:7px;border-radius:50%;background:#37ad69;box-shadow:0 0 0 4px #e6f5ec}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-block{display:grid;gap:9px;min-height:150px;padding:22px;border:1px solid #e2e8e4;background:#fff;color:#0b8f83}.metric-block span{color:#718078;font-size:12px}.metric-block strong{color:#1d2d26;font-size:26px}.metric-block small{color:#849087;font-size:12px}.security-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.security-checks{display:grid;gap:1px;border:1px solid #e2e8e4;background:#e2e8e4}.security-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px;background:#fff;color:#0b8f83}.security-item div{min-width:0}.security-item strong,.security-item span{display:block}.security-item strong{color:#24352c;font-size:13px}.security-item span{color:#849087;font-size:12px;margin-top:4px}.cleanup-panel{display:grid;gap:12px;padding:20px;border:1px solid #dce8df;background:#f4f8f5}.cleanup-panel strong{color:#1d3329;font-size:14px}.cleanup-panel span,.cleanup-panel p{color:#708078;font-size:12px;line-height:1.6;margin:0}.audit-list{display:grid}.audit-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf1ee}.audit-item:last-child{border-bottom:0}.audit-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#edf7f2;color:#0b8f83}.audit-main{flex:1;min-width:0}.audit-main strong,.audit-main span{display:block}.audit-main strong{font-size:13px}.audit-main span,.audit-item time{color:#849087;font-size:12px;margin-top:3px}.loading-state{min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;color:#849087;font-size:13px}.editor-modal,.secret-modal{width:min(560px,calc(100vw - 32px))}.secret-box{display:flex;align-items:center;gap:10px;padding:13px;margin-top:16px;border:1px solid #dce8df;background:#f4f8f5;border-radius:6px}.secret-box code{flex:1;overflow-wrap:anywhere;color:#153d35;font-size:12px}.form-help{display:block;color:#849087;font-size:12px;line-height:1.5;margin-top:7px}@media(max-width:980px){.content{padding:30px 24px 56px}.topbar{padding:0 24px}.status-grid{grid-template-columns:repeat(2,1fr)}.workspace,.security-layout{grid-template-columns:minmax(0,1fr)}.side-stack{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.auth-mark{position:static;margin-bottom:30px}.auth-shell{display:flex;flex-direction:column;justify-content:center}.auth-foot{position:static;margin-top:26px;text-align:center}.topbar{height:60px;padding:0 16px}.top-actions .n-button{min-height:40px}.top-actions .n-button__content{font-size:12px}.content{padding:24px 14px 40px}.content-head{align-items:flex-start;flex-direction:column;gap:16px}.content-head h1{font-size:28px}.content-head .n-button{width:100%;min-height:42px}.status-grid{grid-template-columns:1fr 1fr;gap:8px}.status-card{min-height:116px;padding:14px!important}.status-card-primary,.status-card:last-child{grid-column:span 2}.status-value{font-size:18px}.n-statistic .n-statistic-value{font-size:23px}.side-stack,.metric-grid{grid-template-columns:1fr}.audit-item{align-items:flex-start}.audit-item time{white-space:nowrap}.connection-item{grid-template-columns:10px minmax(0,1fr)}.connection-item code,.connection-item time{grid-column:2}.workspace-tabs{gap:16px;overflow-x:auto;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}