:root{color-scheme:light;--page-plane: #ffffff;--surface-1: #ffffff;--surface-2: #f4f5f6;--surface-3: #e9eaec;--ink-dark: #14151a;--ink-dark-2: #1d1e24;--text-primary: #111318;--text-secondary: #454851;--text-muted: #82858e;--on-dark: #f5f5f7;--on-dark-muted: #a8abb3;--border: rgba(17, 19, 24, .11);--border-strong: rgba(17, 19, 24, .24);--brand: #b45309;--brand-bright: #7c3a06;--brand-soft: rgba(180, 83, 9, .11);--good: #0ca30c;--good-text: #05680c;--warning: #e0920f;--warning-text: #7a4d00;--critical: #cf3636;--critical-text: #9e1c1c;--track: #eaebee;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(17, 19, 24, .05), 0 6px 18px rgba(17, 19, 24, .08);--shadow-md: 0 2px 6px rgba(17, 19, 24, .07), 0 16px 38px rgba(17, 19, 24, .11);--font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-plane);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-bright)}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.page-title{font-family:var(--font-display);font-size:30px;line-height:1.08;margin:0 0 6px;font-weight:600;letter-spacing:-.015em;color:var(--text-primary)}.page-desc{font-size:14.5px;color:var(--text-secondary);margin:0 0 30px;max-width:62ch}.section-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px;flex-wrap:wrap}.section-head h2{font-family:var(--font-display);font-size:17px;margin:0;font-weight:600;letter-spacing:-.01em}.section-head p{font-size:12.5px;color:var(--text-muted);margin:3px 0 0}.stat-grid{display:grid;gap:16px;margin-bottom:30px}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.stat-label{font-size:11.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat-value{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-sub{font-size:12.5px;color:var(--text-secondary)}.track{height:7px;border-radius:4px;background:var(--track);overflow:hidden}.track-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--brand-bright),var(--brand))}.gauge{width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--pct) * 1%),var(--track) 0);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.gauge:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface-1)}.gauge .gauge-val{position:relative;z-index:1;font-size:19px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge.good{background:#0ca30c1f;color:var(--good-text)}.badge.warning{background:#fab21933;color:var(--warning-text)}.badge.critical{background:#d03b3b1f;color:var(--critical-text)}.badge.muted{background:var(--surface-3);color:var(--text-muted)}.badge.brand{background:var(--brand-soft);color:var(--brand-bright)}.btn{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);font-size:13px;font-weight:600;padding:9px 15px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:hover{background:var(--surface-2);border-color:var(--text-muted)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{transform:none}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fffaf3;box-shadow:0 1px 2px #7c3a0640,0 4px 12px #b4530933}.btn-primary:hover{background:var(--brand-bright);border-color:var(--brand-bright)}.btn-sm{padding:7px 12px;font-size:12.5px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);font-size:12.5px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease}.chip:hover{color:var(--text-primary)}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-bright)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-bright);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid rgba(180,83,9,.35);flex-shrink:0}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12.5px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-primary);font-size:13.5px;padding:9px 12px;border-radius:8px;outline:none;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand)}.form-textarea{resize:vertical;min-height:70px}.search-input{width:100%;background:var(--surface-1);border:1px solid var(--border-strong);color:var(--text-primary);font-size:13.5px;padding:10px 14px;border-radius:9px;outline:none}.search-input:focus{border-color:var(--brand)}.empty-state{text-align:center;color:var(--text-muted);font-size:13.5px;padding:50px 20px;background:var(--surface-1);border:1px dashed var(--border-strong);border-radius:var(--radius)}.activity-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-dot.good{background:var(--good)}.activity-dot.warning{background:var(--warning)}.activity-dot.muted{background:var(--text-muted)}.activity-body{flex:1}.activity-title{font-size:13.5px;font-weight:600}.activity-note{font-size:12.5px;color:var(--text-secondary);font-style:italic;margin-top:3px}.activity-date{font-size:11.5px;color:var(--text-muted);margin-top:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
