:root{font-family:HarmonyOS Sans SC,MiSans,Alibaba PuHuiTi,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--bg: oklch(.974 .008 230);--surface: oklch(.996 .003 230);--surface-raised: oklch(.99 .005 230);--surface-subtle: oklch(.952 .009 230);--surface-inset: oklch(.93 .012 230);--line: oklch(.875 .012 230);--line-strong: oklch(.74 .022 230);--text: oklch(.24 .016 230);--sub: oklch(.43 .018 230);--muted: oklch(.58 .015 230);--brand: oklch(.48 .12 172);--brand-hover: oklch(.4 .112 172);--brand-soft: oklch(.925 .045 172);--brand-wash: oklch(.968 .022 172);--focus: oklch(.83 .07 172 / .72);--success: oklch(.48 .11 150);--success-soft: oklch(.93 .04 150);--info: oklch(.46 .08 235);--info-soft: oklch(.93 .03 235);--warning: oklch(.58 .105 76);--warning-soft: oklch(.94 .05 76);--danger: oklch(.5 .14 30);--danger-soft: oklch(.94 .045 30);--radius: 8px;--radius-tight: 5px;--shadow-panel: 0 1px 2px oklch(.24 .02 230 / .05), 0 10px 28px oklch(.24 .02 230 / .06);--shadow-float: 0 18px 48px oklch(.24 .02 230 / .12)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,oklch(.996 .003 230),transparent 320px),linear-gradient(90deg,oklch(.875 .012 230 / .3) 1px,transparent 1px) 0 0 / 64px 64px,linear-gradient(0deg,oklch(.875 .012 230 / .22) 1px,transparent 1px) 0 0 / 64px 64px,var(--bg)}body:before{content:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{display:block}.skip-link{position:fixed;top:10px;left:10px;z-index:50;transform:translateY(-140%);border-radius:var(--radius-tight);padding:8px 10px;background:var(--text);color:var(--surface);font-size:13px;font-weight:720;text-decoration:none;transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,oklch(.93 .045 172 / .74) 0 34%,transparent 34% 100%),linear-gradient(180deg,oklch(.996 .003 230),var(--bg));isolation:isolate}.auth-panel{position:relative;width:min(460px,100%);display:grid;gap:24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:linear-gradient(180deg,oklch(.996 .003 230 / .88),transparent 44%),var(--surface);box-shadow:var(--shadow-float)}.auth-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand),oklch(.56 .12 250))}.auth-brand{display:flex;align-items:center;gap:12px;min-width:0}.auth-brand img{width:104px;height:32px;object-fit:contain}.auth-brand strong{font-size:15px;font-weight:760;white-space:nowrap}.auth-panel h1,.page-heading h1{margin:0;letter-spacing:0;text-wrap:balance}.auth-panel h1{max-width:12em;font-size:30px;line-height:38px;font-weight:780}.auth-panel p,.page-heading p,.panel-head p{max-width:68ch;margin:0;color:var(--sub);font-size:13px;line-height:21px;text-wrap:pretty}.eyebrow{margin-bottom:7px;color:var(--brand);font-size:12px;font-weight:780}.login-form,.stack,.form-preview,.compact-form{display:grid;gap:12px}.field,.form-preview label,.compact-form label,.inline-form label{display:grid;gap:7px;color:var(--sub);font-size:12px;font-weight:720}.compact-form.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form .full{grid-column:1 / -1}.inline-form{display:grid;grid-template-columns:minmax(220px,1fr) 170px 150px auto;gap:12px;align-items:end}.checkbox-line{min-height:34px;display:flex!important;grid-column:1 / -1;align-items:center;gap:8px}.checkbox-line input{width:16px;height:16px;padding:0;accent-color:var(--brand)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input,select{height:36px;padding:0 10px}textarea{min-height:82px;padding:9px 10px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{border-color:var(--brand);outline:2px solid var(--focus);outline-offset:2px}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;background:var(--surface);color:var(--text);font-size:13px;font-weight:740;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.button:hover{border-color:var(--line-strong);background:var(--surface-raised);transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.99)}.button.primary{border-color:var(--brand);background:var(--brand);color:#fafcfd;box-shadow:0 8px 22px #045b4838}.button.primary:hover{background:var(--brand-hover)}.notice{position:relative;margin:0 0 14px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;background:var(--surface);color:var(--sub);font-size:13px}.notice.loading-toast{position:fixed;top:82px;right:26px;z-index:24;width:min(320px,calc(100vw - 32px));margin:0;box-shadow:var(--shadow-panel);animation:toast-enter .18s ease both}.notice:not(.error):before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--brand)}.notice.error{border-color:#e6a597;background:var(--danger-soft);color:var(--danger)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.one-time-secret{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid oklch(.78 .07 76);border-radius:var(--radius);padding:13px 14px;background:linear-gradient(180deg,var(--warning-soft),oklch(.965 .03 76))}.one-time-secret strong,.one-time-secret code{display:block}.one-time-secret code{margin-top:6px;color:var(--text);font-size:12px;white-space:normal;word-break:break-all}.admin-shell{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line);padding:18px 14px;background:#f7fbfef0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{min-height:48px;display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.brand img{width:94px;height:28px;object-fit:contain}.brand strong,.brand span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand strong{font-size:13px;font-weight:760}.brand span{color:var(--muted);font-size:11px}.side-nav{display:grid;gap:5px}.nav-item{position:relative;width:100%;min-height:39px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;border:1px solid transparent;border-radius:var(--radius);padding:0 10px;background:transparent;color:var(--sub);font-size:13px;font-weight:720;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{border-color:var(--line);background:var(--surface);color:var(--text)}.nav-item.active{border-color:#91c0b0;background:var(--brand-soft);color:var(--brand)}.nav-item.active:before{content:"";position:absolute;inset:9px auto 9px 6px;width:3px;border-radius:2px;background:var(--brand)}.sidebar-note{margin-top:auto;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--surface);color:var(--sub);font-size:12px;line-height:18px;box-shadow:0 1px #fffc inset}.sidebar-note strong{display:block;color:var(--text);margin-bottom:4px}.main-column{min-width:0}.topbar{position:sticky;top:0;z-index:20;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:0 26px;background:#fcfeffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar strong,.topbar span{display:block}.topbar strong{font-size:15px;font-weight:780}.topbar span{color:var(--sub);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:8px}.chip,.icon-button{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.chip{padding:0 10px;color:var(--sub);font-size:12px;font-weight:720}.chip.success{border-color:#9ac0a0;color:var(--success);background:var(--success-soft)}.chip.danger{border-color:#df9e93;color:var(--danger);background:var(--danger-soft)}.icon-button{width:32px;justify-content:center;color:var(--sub)}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text)}.content-region{width:min(1680px,100%);margin:0 auto;min-height:calc(100dvh - 66px);padding:24px 28px 40px}.page{display:grid;align-content:start;gap:18px;min-height:calc(100dvh - 130px)}.page-heading{min-height:52px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-heading h1{margin-bottom:5px;font-size:26px;line-height:34px;font-weight:800}.page-actions{display:flex;gap:8px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-tile,.panel,.detail-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-panel)}.metric-tile{position:relative;min-height:112px;display:grid;gap:7px;overflow:hidden;padding:16px}.metric-tile:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--line)}.metric-tile.success:before{background:var(--success)}.metric-tile.info:before{background:var(--info)}.metric-tile.warning:before{background:var(--warning)}.metric-tile.danger:before{background:var(--danger)}.metric-tile span{color:var(--sub);font-size:12px;font-weight:760}.metric-tile strong{font-size:29px;line-height:32px;font-weight:800;font-variant-numeric:tabular-nums}.metric-tile p{margin:0;color:var(--muted);font-size:12px}.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:start}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.content-grid>.detail-panel{grid-column:span 5;position:static;max-height:none;overflow:visible}.content-grid>.panel:not([class*=span-]){grid-column:span 12}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;align-items:start}.panel,.detail-panel{min-width:0;padding:16px}.detail-panel{box-shadow:var(--shadow-float)}.split-layout>.detail-panel{position:sticky;top:86px;max-height:calc(100dvh - 110px);overflow:auto}.panel-head,.detail-head{min-height:38px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2,.detail-head h2{margin:0;font-size:16px;line-height:24px;font-weight:780;text-wrap:balance}.detail-head>div>span{color:var(--brand);font-size:11px;font-weight:800}.filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) 160px 160px;gap:8px}.table-wrap{width:100%;overflow-x:auto;border:1px solid oklch(.91 .01 230);border-radius:var(--radius);background:var(--surface)}table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:12px}th,td{height:38px;border-bottom:1px solid oklch(.92 .01 230);padding:8px 10px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{position:sticky;top:0;z-index:1;color:var(--sub);background:var(--surface-subtle);font-size:11px;font-weight:800}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--brand-wash)}.table-action{min-height:27px;border:1px solid var(--line);border-radius:var(--radius);padding:0 9px;background:var(--surface);color:var(--brand);font-size:12px;font-weight:760;transition:border-color .15s ease,background .15s ease}.table-action:hover{border-color:#81b0a1;background:var(--brand-soft)}.table-action.danger{color:var(--danger)}code,td:first-child{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.status-badge{min-width:54px;height:23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);padding:0 8px;font-size:11px;font-weight:780;font-variant-numeric:tabular-nums}.status-badge.success{border-color:#9ac0a0;background:var(--success-soft);color:var(--success)}.status-badge.info{border-color:#96bed6;background:var(--info-soft);color:var(--info)}.status-badge.warning{border-color:#d8b88b;background:var(--warning-soft);color:var(--warning)}.status-badge.danger{border-color:#df9e93;background:var(--danger-soft);color:var(--danger)}.status-badge.neutral{background:var(--surface-subtle);color:var(--muted)}.trend-bars{height:168px;display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;border-top:1px solid oklch(.92 .01 230);padding-top:18px}.trend-bars span{display:block;border-radius:var(--radius-tight) var(--radius-tight) 2px 2px;background:var(--brand)}.simple-list,.event-list,.kv-list{display:grid;gap:0}.simple-list>div,.event-row,.kv-list>div{border-bottom:1px solid oklch(.92 .01 230)}.simple-list>div{min-height:39px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12px}.simple-list span,.simple-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-list span{color:var(--muted)}.object-log{margin-top:14px}.object-log-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.object-log-title h3{margin:0;font-size:14px}.object-log-title span{color:var(--muted);font-size:12px}.event-row{min-height:60px;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0}.event-row time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.event-row strong,.event-row p,.event-row small,.event-row code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-row strong{font-size:12px}.event-row p,.event-row small{margin:3px 0 0;color:var(--sub);font-size:12px}.event-row code{margin-top:4px;color:var(--muted);font-size:11px}.kv-list>div{min-height:37px;display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;align-items:center}.kv-list dt{color:var(--muted);font-size:12px}.kv-list dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px;font-weight:720;font-variant-numeric:tabular-nums}.form-preview p,.muted-copy{margin:0;color:var(--sub);font-size:13px;line-height:21px}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:18px;background:var(--surface-raised);color:var(--sub)}@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout,.content-grid{grid-template-columns:1fr}.span-4,.span-6,.span-7,.span-8,.span-12,.content-grid>.detail-panel,.content-grid>.panel:not([class*=span-]){grid-column:auto}.detail-panel{position:static;max-height:none}}@media(max-width:760px){.auth-screen{padding:18px}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;gap:12px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.topbar-actions,.page-heading,.one-time-secret{align-items:flex-start;flex-wrap:wrap}.content-region{padding:16px}.notice.loading-toast{top:14px;right:16px}.metrics-grid,.filter-bar,.compact-form.two-columns,.inline-form{grid-template-columns:1fr}}