:root{--font: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #eceedf;--surface: #fbfbf5;--surface-2: #e4e7d3;--line: #d9dcbd;--line-strong: #bfc5a4;--text: #15261d;--text-2: #43534a;--text-3: #586454;--brand: #1f5134;--brand-hover: #163d27;--on-brand: #ffffff;--brand-ink: #1f5134;--brand-soft: #dbe6cb;--ok: #2d6864;--ok-soft: #d9ebe6;--warn: #8a5a14;--warn-soft: #f4e8cc;--danger: #b3392b;--danger-soft: #f7e4de;--idle: #586454;--idle-soft: #e4e7d3;--rail-bg: #1f5134;--rail-line: rgba(201, 216, 197, .16);--rail-text: #c9d8c5;--rail-text-active: #ffffff;--rail-active-bg: rgba(255, 255, 255, .14);--rail-accent: #acc99b;--rail-group: #acc99b;--rail-hover-bg: rgba(255, 255, 255, .07);--header-bg: #fbfbf5;--focus: #2d6864;--rail-width: 240px;--header-height: 56px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(27, 42, 34, .04);--shadow-md: 0 6px 20px -6px rgba(27, 42, 34, .1), 0 1px 3px rgba(27, 42, 34, .04);--shadow-pop: 0 20px 44px -14px rgba(27, 42, 34, .22), 0 4px 10px rgba(27, 42, 34, .06);--ease: cubic-bezier(.16, 1, .3, 1);--t-fast: .14s;--t-base: .24s;color-scheme:light}:root.dark{--bg: #121411;--surface: #1a1d18;--surface-2: #22261f;--line: #2b3027;--line-strong: #3d443a;--text: #ecede4;--text-2: #bec3b2;--text-3: #979d8b;--brand: #b9d3a8;--brand-hover: #cde2bf;--on-brand: #151b12;--brand-ink: #c4dbb5;--brand-soft: rgba(185, 211, 168, .12);--ok: #8fb8a5;--ok-soft: rgba(143, 184, 165, .16);--warn: #e3bc6c;--warn-soft: rgba(227, 188, 108, .14);--danger: #ee9d90;--danger-soft: rgba(238, 157, 144, .14);--idle: #979d8b;--idle-soft: rgba(151, 157, 139, .16);--rail-bg: #0c0e0b;--rail-line: #23271f;--rail-text: #adb3a1;--rail-text-active: #f4f5ec;--rail-active-bg: #1d211a;--rail-accent: #b9d3a8;--rail-group: #7d8473;--rail-hover-bg: rgba(255, 255, 255, .05);--header-bg: #151713;--focus: #b9d3a8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 8px 22px -6px rgba(0, 0, 0, .4);--shadow-pop: 0 22px 48px -12px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{height:100vh;overflow:hidden}h1,h2,h3,h4{font-family:var(--font);font-weight:600;letter-spacing:-.01em;color:var(--text);text-wrap:balance}h1{font-size:1.5rem;line-height:1.2}h2{font-size:1.125rem;line-height:1.3}h3{font-size:.9375rem;line-height:1.35}p{text-wrap:pretty}a{color:var(--brand-ink);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}code,.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.875em}.num{font-variant-numeric:tabular-nums}::selection{background:var(--brand);color:var(--on-brand)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::placeholder{color:var(--text-3);opacity:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box;border:2px solid transparent}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.mi{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";flex-shrink:0;-webkit-user-select:none;user-select:none}.mi.sm{font-size:16px}.mi.lg{font-size:24px}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;min-width:0;margin-left:var(--rail-width);display:flex;flex-direction:column;height:100vh}.page-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden}.page{max-width:1280px;margin:0 auto;padding:28px 32px 56px;animation:enter var(--t-base) var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-head p{color:var(--text-2);margin-top:4px;max-width:62ch}.page-head .actions{display:flex;gap:8px;flex-wrap:wrap}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.panel-head p{color:var(--text-2);font-size:.875rem;margin-top:2px}.panel-body{padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;white-space:nowrap;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn:hover{background:var(--surface-2);border-color:var(--text-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{height:32px;padding:0 12px;font-size:.8125rem}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-md)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.label{font-size:.8125rem;font-weight:600;color:var(--text-2)}.hint{font-size:.8125rem;color:var(--text-3)}.input,.select{height:38px;width:100%;padding:0 12px;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-md);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input:hover,.select:hover{border-color:var(--text-3)}.input:focus,.select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--brand-soft)}.input:disabled,.select:disabled{opacity:.55;cursor:not-allowed}.select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386a091' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.search{position:relative;flex:1 1 260px;min-width:200px}.search .mi{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search .input{padding-left:38px}.switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.switch .track{position:absolute;inset:0;background:var(--line-strong);border-radius:22px;transition:background var(--t-base) var(--ease)}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform var(--t-base) var(--ease)}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.track{opacity:.5}.status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;background:var(--idle-soft);color:var(--idle)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.ok{background:var(--ok-soft);color:var(--ok)}.status.warn{background:var(--warn-soft);color:var(--warn)}.status.danger{background:var(--danger-soft);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-2);font-size:.8125rem;font-weight:600;transition:all var(--t-fast) var(--ease)}.chip:hover{border-color:var(--text-3);color:var(--text)}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.chip .count{font-variant-numeric:tabular-nums;opacity:.8}.tag{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--surface-2);color:var(--text-2);font-size:.75rem;font-weight:600;border:1px solid var(--line)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;white-space:nowrap;padding:10px 16px;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--line);position:sticky;top:0}.table td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer;transition:background var(--t-fast) var(--ease)}.table tbody tr.clickable:hover{background:var(--surface-2)}.table tbody tr.selected{background:var(--brand-soft)}.table .num,.table td.num{font-variant-numeric:tabular-nums}.table .right{text-align:right}.cell-main{font-weight:600;color:var(--text)}.cell-sub{font-size:.8125rem;color:var(--text-3)}.empty{padding:48px 24px;text-align:center;color:var(--text-2)}.empty .mi{font-size:36px;color:var(--text-3);margin-bottom:8px}.empty h3{margin-bottom:4px}.empty p{max-width:46ch;margin:0 auto;font-size:.875rem}.overlay{position:fixed;inset:0;z-index:100;background:#141e1959;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade var(--t-base) var(--ease) both}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);animation:enter var(--t-base) var(--ease) both}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 8px}.modal-head p{color:var(--text-2);font-size:.875rem;margin-top:4px}.modal-body{padding:12px 24px 8px;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px 20px}.callout{display:flex;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--warn-soft);color:var(--text);font-size:.875rem;border:1px solid var(--line)}.callout .mi{color:var(--warn)}.callout.info{background:var(--brand-soft)}.callout.info .mi{color:var(--brand-ink)}.secret{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line)}.secret code{font-size:.9375rem;word-break:break-all}.toast{position:fixed;bottom:24px;right:24px;z-index:200;padding:12px 16px;background:var(--text);color:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-size:.875rem;font-weight:500;animation:enter var(--t-base) var(--ease) both}@media(max-width:1024px){.main-content{margin-left:0}.page{padding:20px 16px 48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}