*{box-sizing:border-box;margin:0;padding:0}:root{--teal: #1D9E75;--teal-dark: #0F6E56;--teal-darkest: #085041;--teal-tint: #E1F5EE;--teal-lightest: #F0FAF5;--blue: #185FA5;--blue-dark: #0C447C;--blue-mid: #B5D4F4;--blue-tint: #E6F1FB;--amber: #BA7517;--amber-dark: #854F0B;--amber-text: #8B6200;--amber-tint: #FAEEDA;--amber-lightest: #FDF3DC;--red: #A32D2D;--red-dark: #791F1F;--red-vivid: #E24B4A;--red-tint: #FCEBEB;--red-lightest: #FEF4F4;--text: #1a1a1a;--text-secondary: #444;--text-muted: #666;--text-dim: #888;--text-ghost: #aaa;--border: #e5e5e5;--border-light: #f0f0f0;--app-bg: #f5f5f5;--surface-subtle: #fafafa;--surface: #fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-bg);color:var(--text);font-size:13px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;height:48px;position:sticky;top:0;z-index:50}.logo{display:inline-flex;align-items:center;margin-right:24px;height:32px}.logo img{height:32px;width:auto;display:block}.nav-btn{background:none;border:none;padding:0 14px;height:48px;font-size:13px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;display:inline-flex;align-items:center;font-family:inherit}.nav-btn:hover:not(.active){color:var(--text)}.nav-btn.active{color:var(--text);border-bottom:2px solid var(--teal);font-weight:500}.nav-count{color:var(--text-ghost);margin-left:4px}.user-cluster{margin-left:auto;display:flex;align-items:center;gap:10px}.user-cluster .avatar{width:28px;height:28px;font-size:11px}.user-name{font-size:12px;color:var(--text-muted)}.main{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-title{font-size:16px;font-weight:500}.page-title.detail{font-size:18px;font-weight:600}.page-date{font-size:11px;color:var(--text-dim)}.btn{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark)}.btn-secondary{background:var(--blue);color:#fff}.btn-secondary:hover{background:var(--blue-dark)}.btn-tertiary{background:#fff;color:#555;border:1px solid #d0d0d0}.btn-tertiary:hover{background:var(--surface-subtle)}.btn-outline{background:transparent;color:var(--blue);border:1px solid var(--blue-mid);padding:4px 10px;font-size:12px;border-radius:5px;cursor:pointer;font-family:inherit}.btn-outline:hover{background:var(--blue-tint)}.btn-danger{color:var(--red);background:none;border:none;cursor:pointer;font-size:12px;padding:4px 8px;font-family:inherit}.btn-danger:hover{color:var(--red-dark);text-decoration:underline}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{background:#fff;border-radius:8px;padding:14px;border:1px solid var(--border);cursor:pointer;transition:border-color .15s}.metric-card:hover{border-color:var(--teal)}.metric-card.active{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.metric-label{font-size:11px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.metric-value{font-size:24px;font-weight:500}.metric-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.good{color:var(--teal)}.warn{color:var(--amber)}.bad{color:var(--red-vivid)}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}.card-title{font-size:13px;font-weight:500;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.card-title-r{font-size:11px;color:var(--text-dim);font-weight:400}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th{text-align:left;padding:7px 10px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-subtle);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid var(--border-light);vertical-align:top}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-subtle)}.table-clickable tbody tr{cursor:pointer}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.pill-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.pill-approved{background:var(--teal-tint);color:var(--teal-darkest)}.pill-approved .pill-dot{background:var(--teal)}.pill-draft{background:var(--blue-tint);color:var(--blue-dark)}.pill-draft .pill-dot{background:var(--blue)}.pill-review{background:var(--amber-tint);color:var(--amber-dark)}.pill-review .pill-dot{background:var(--amber)}.pill-reserved{background:#f1efe8;color:#5f5e5a}.pill-reserved .pill-dot{background:var(--text-muted)}.pill-revision{background:var(--amber-tint);color:var(--amber-dark)}.pill-revision .pill-dot{background:var(--amber)}.pill-superseded{background:#f1efe8;color:#5f5e5a}.pill-superseded .pill-dot{background:var(--text-ghost)}.pill-retired{background:var(--red-tint);color:var(--red-dark)}.pill-retired .pill-dot{background:var(--red)}.pill-overdue{background:var(--red-tint);color:var(--red)}.pill-due-soon{background:var(--amber-tint);color:var(--amber-dark)}.pill-migrated{background:#f5f0e6;color:var(--amber-dark);font-size:10px;padding:1px 6px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:500;flex-shrink:0;width:22px;height:22px;font-size:10px}.avatar.sm{width:18px;height:18px;font-size:9px}.avatar.lg{width:28px;height:28px;font-size:11px}.user-cell{display:inline-flex;align-items:center;gap:6px}.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.search-input{padding:7px 10px;border:1px solid #d0d0d0;border-radius:8px;font-size:13px;font-family:inherit;min-width:240px}.search-input:focus{outline:none;border-color:var(--blue-mid)}.filter-select{padding:6px 10px;border:1px solid #d0d0d0;border-radius:6px;font-size:12px;font-family:inherit;background:#fff}.filter-select:focus{outline:none;border-color:var(--blue-mid)}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface-subtle);border-radius:12px;font-size:11px;color:var(--text-muted);border:1px solid var(--border)}.filter-chip-clear{color:var(--text-dim);cursor:pointer;padding:0;background:none;border:none;font-size:14px;line-height:1}.filter-chip-clear:hover{color:var(--red)}.segment-row{display:inline-flex;gap:2px;background:var(--surface-subtle);border-radius:6px;padding:2px}.segment{padding:5px 12px;font-size:12px;border-radius:4px;cursor:pointer;color:var(--text-muted);border:none;background:transparent;font-family:inherit}.segment.active{background:var(--teal);color:#fff}.col-code{font-weight:500;color:var(--text)}.col-meta{color:var(--text-dim);font-size:11px}.col-date{color:var(--text-secondary);white-space:nowrap}.col-date.overdue{color:var(--red);font-weight:500}.col-date.due-soon{color:var(--amber-dark)}.empty-state{text-align:center;padding:48px 16px;color:var(--text-ghost);font-size:13px}.detail-header{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.detail-main{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.detail-side{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px}.detail-code{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.detail-title{font-size:20px;font-weight:600;margin-bottom:10px}.detail-meta-row{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.detail-meta-row>div{display:flex;gap:4px;align-items:center}.detail-side h4{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:500;margin-bottom:8px}.side-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-light);font-size:12px}.side-row:last-child{border-bottom:none}.side-key{color:var(--text-muted)}.side-val{color:var(--text)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:10px 16px;font-size:13px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;border-top:none;border-left:none;border-right:none;background:none;font-family:inherit}.tab:hover{color:var(--text)}.tab.active{color:var(--text);font-weight:500;border-bottom-color:var(--teal)}.rev-row{padding:12px 0;border-bottom:1px solid var(--border-light)}.rev-row:last-child{border-bottom:none}.rev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rev-title{font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px}.rev-meta{font-size:11px;color:var(--text-dim)}.rev-files{display:flex;flex-direction:column;gap:4px;margin-top:6px}.file-row{display:flex;gap:8px;padding:4px 8px;background:var(--surface-subtle);border-radius:4px;font-size:11px;color:var(--text-secondary);align-items:center}.file-role{color:var(--text-dim);text-transform:uppercase;font-size:10px;letter-spacing:.4px;min-width:80px}.file-open-link{display:inline-flex;align-items:center;gap:3px;color:var(--blue);font-size:11px;padding:2px 8px;border-radius:4px;text-decoration:none;border:1px solid var(--blue-mid);background:#fff}.file-open-link:hover{background:var(--blue-tint);text-decoration:none}.file-stub-meta{color:var(--text-ghost);font-size:10px;font-style:italic}.live-marker{color:var(--teal);font-size:10px;margin-right:4px;display:inline-block;cursor:help}.live-marker-cell{padding-left:0!important}.audit-row{display:grid;grid-template-columns:120px 100px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:12px}.audit-row:last-child{border-bottom:none}.audit-time{color:var(--text-muted);font-size:11px}.audit-action{font-size:11px;color:var(--text-muted)}.audit-body{color:var(--text)}.wizard{max-width:720px;margin:0 auto}.wizard-step{display:flex;align-items:center;gap:6px}.wizard-steps{display:flex;gap:16px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.wizard-step-num{width:22px;height:22px;border-radius:50%;background:var(--surface-subtle);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}.wizard-step.active .wizard-step-num{background:var(--teal);color:#fff}.wizard-step.done .wizard-step-num{background:var(--teal-tint);color:var(--teal-darkest)}.wizard-step-label{font-size:12px;color:var(--text-muted)}.wizard-step.active .wizard-step-label{color:var(--text);font-weight:500}.form-field{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.form-input{width:100%;height:38px;border:1px solid #d0d0d0;border-radius:8px;padding:0 12px;font-size:13px;font-family:inherit}.form-input:focus{outline:none;border-color:var(--blue-mid)}.form-select{width:100%;height:38px;border:1px solid #d0d0d0;border-radius:8px;padding:0 12px;font-size:13px;font-family:inherit;background:#fff}.form-help{font-size:11px;color:var(--text-dim);margin-top:4px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.alert-banner{padding:10px 14px;border-radius:8px;border-left:3px solid;font-size:12px;margin-bottom:12px}.alert-amber{background:var(--amber-tint);border-color:var(--amber);color:var(--amber-dark)}.alert-blue{background:var(--blue-tint);border-color:var(--blue);color:var(--blue-dark)}.alert-teal{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-darkest)}.alert-banner strong{display:block;margin-bottom:2px}.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.report-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:border-color .15s}.report-card:hover{border-color:var(--teal)}.report-card h3{font-size:13px;font-weight:500;margin-bottom:6px}.report-card p{font-size:12px;color:var(--text-muted);line-height:1.4}.report-card .report-meta{font-size:11px;color:var(--text-dim);margin-top:10px}.settings-section{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.settings-section h3{font-size:13px;font-weight:500;margin-bottom:4px}.settings-section .section-help{font-size:11px;color:var(--text-dim);margin-bottom:16px}.setting-row{display:grid;grid-template-columns:280px 1fr 1.5fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-light);align-items:center;font-size:12px}.setting-row:last-child{border-bottom:none}.setting-key{color:var(--text);font-weight:500}.setting-value{color:var(--text-secondary)}.setting-note{color:var(--text-dim);font-size:11px;font-style:italic}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}.settings-nav{position:sticky;top:64px;align-self:start;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 0}.settings-nav button{display:block;width:100%;text-align:left;padding:8px 16px;border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--text-muted);cursor:pointer;border-left:2px solid transparent}.settings-nav button:hover{color:var(--text);background:var(--surface-subtle)}.settings-nav button.active{color:var(--text);border-left-color:var(--teal);font-weight:500;background:var(--surface-subtle)}.settings-content{display:flex;flex-direction:column;gap:12px}.settings-section{scroll-margin-top:64px}.session-only-note{background:var(--blue-tint);color:var(--blue-dark);padding:6px 10px;border-radius:6px;font-size:11px;margin-bottom:12px;border-left:2px solid var(--blue)}.editable-input{padding:5px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;font-family:inherit;background:#fff;width:100%}.editable-input:focus{outline:none;border-color:var(--blue-mid)}.editable-input.path{font-family:Monaco,Menlo,monospace;font-size:11px}.editable-input.number-input{width:70px}.editable-select{padding:5px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:12px;font-family:inherit;background:#fff}.toggle-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{width:32px;height:18px;background:var(--border);border-radius:9px;position:relative;transition:background .15s}.toggle-track.on{background:var(--teal)}.toggle-knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .15s;box-shadow:0 1px 2px #0003}.toggle-track.on .toggle-knob{left:16px}.toggle-label{font-size:12px}.add-row-form{background:var(--surface-subtle);padding:12px;border-radius:8px;margin-top:12px;display:grid;grid-template-columns:100px 1fr 110px 1fr auto;gap:10px;align-items:end}.add-row-form label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:3px}.validation-error{color:var(--red);font-size:11px;margin-top:4px}.toast{position:fixed;bottom:24px;right:24px;background:var(--teal-dark);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:0 2px 16px #00000026;z-index:100}.prototype-banner{background:var(--amber-tint);border-left:3px solid var(--amber);padding:6px 14px;font-size:11px;color:var(--amber-dark);text-align:center}.prototype-banner strong{font-weight:600}