:root{color-scheme:light;--color-bg: #f3f1ec;--color-surface: #ffffff;--color-surface-muted: #faf8f4;--color-surface-sunken: #f3f1ec;--color-border: #e6e1d8;--color-border-strong: #d4cec3;--color-text: #1b1c1f;--color-text-muted: #55575e;--color-text-subtle: #8b8d93;--color-sidebar: #17191d;--color-sidebar-hover: #202329;--color-sidebar-active: #272a31;--color-sidebar-border: #2c2f36;--color-sidebar-text: #c7c9ce;--color-sidebar-text-muted: #8d9097;--color-accent: #c2571a;--color-accent-hover: #a9480f;--color-accent-bright: #f0923f;--color-accent-text: #a8490f;--color-accent-soft: #fbeadb;--color-accent-softer: #fdf4ec;--color-success: #2d6a45;--color-success-soft: #e2f1e6;--color-danger: #b3261e;--color-danger-soft: #f9e1dd;--color-info: #37465e;--color-info-soft: #e4e9f1;--color-neutral-soft: #eeebe4;--color-dark: #17191d;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(23 25 29 / .04);--shadow-lg: 0 16px 48px rgb(23 25 29 / .18);--transition-fast: .12s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:.9375rem;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--color-text);font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0}p{margin:0}a{color:var(--color-accent-text)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle)}.empty{color:var(--color-text-subtle);font-style:italic}.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}.page-body{padding:var(--space-6) var(--space-7);display:flex;flex-direction:column;gap:var(--space-5)}.with-rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:var(--space-5);align-items:start}.stack{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}@media(max-width:1100px){.with-rail{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.page-body{padding:var(--space-5) var(--space-4)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.card--flush{overflow:hidden}.card__body{padding:var(--space-5)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) 0}.card__header+.card__body{padding-top:var(--space-4)}.card__title{font-size:1.0625rem;font-weight:700}.card__subtitle{color:var(--color-text-muted);font-size:.875rem;margin-top:var(--space-1)}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.kv-list{margin:var(--space-3) 0 0}.kv-list__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.kv-list__row:last-child{border-bottom:none;padding-bottom:0}.kv-list dt{color:var(--color-text-muted)}.kv-list dd{margin:0;font-weight:600;text-align:right}.field-grid{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:var(--space-3) var(--space-5);align-items:center;margin:0}.field-grid dt{color:var(--color-text-muted);font-size:.875rem}.field-grid dd{margin:0;min-width:0;overflow-wrap:anywhere}@media(max-width:720px){.field-grid{grid-template-columns:1fr;gap:var(--space-1) 0}.field-grid dd{margin-bottom:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;background:none;font-weight:600;font-size:.9375rem;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:not(:disabled):hover{background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:not(:disabled):hover{background:var(--color-surface-muted);border-color:var(--color-text-subtle)}.btn--ghost{color:var(--color-text-muted)}.btn--ghost:not(:disabled):hover{background:var(--color-neutral-soft);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff}.btn--link{min-height:0;padding:0;color:var(--color-accent-text)}.btn--link:not(:disabled):hover{text-decoration:underline}.btn--sm{min-height:32px;padding:0 var(--space-3);font-size:.875rem}.btn--lg{min-height:44px;padding:0 var(--space-5)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:none;color:inherit;cursor:pointer}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;line-height:1.4;white-space:nowrap;background:var(--color-neutral-soft);color:var(--color-text)}.pill--accent{background:var(--color-accent-soft);color:var(--color-accent-text)}.pill--accent-soft{background:var(--color-accent-softer);color:var(--color-accent-text)}.pill--info{background:var(--color-info-soft);color:var(--color-info)}.pill--success{background:var(--color-success-soft);color:var(--color-success)}.pill--danger{background:var(--color-danger-soft);color:var(--color-danger)}.pill--dark{background:var(--color-dark);color:#fff}.pill--muted{color:var(--color-text-muted)}.pill--mono{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pill-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem;background:var(--color-neutral-soft);color:var(--color-text)}.tier-badge--2{background:#e4dccd}.tier-badge--3{background:#f0a35b}.tier-badge--4{background:#93320f;color:#fff}.filter-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);font-weight:500;cursor:pointer;white-space:nowrap}.filter-chip:hover{border-color:var(--color-text-subtle)}.filter-chip[aria-pressed=true]{background:var(--color-dark);border-color:var(--color-dark);color:#fff}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.toolbar__spacer{flex:1}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field__label{font-size:.875rem;font-weight:600}.input,.select,.textarea{width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c2571a26}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-subtle)}.textarea{min-height:120px;padding:var(--space-3);resize:vertical;line-height:1.5}.select{appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231b1c1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}.select[multiple]{padding:var(--space-2);background-image:none;min-height:8rem}.search{position:relative;display:flex;align-items:center;flex:0 1 380px;min-width:220px}.search app-icon{position:absolute;left:var(--space-3);color:var(--color-text-subtle);pointer-events:none}.search .input{padding-left:2.5rem}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox input{width:18px;height:18px;margin:0;accent-color:var(--color-accent);cursor:pointer}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-4) var(--space-5);background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:bottom;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.data-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);vertical-align:middle;overflow-wrap:anywhere}.data-table tbody tr:last-child td{border-bottom:none}.data-table tr.is-clickable{cursor:pointer;transition:background var(--transition-fast)}.data-table tr.is-clickable:hover{background:var(--color-surface-muted)}.data-table tr.is-selected,.data-table tr.is-selected:hover{background:var(--color-accent-softer)}.data-table .num{text-align:right}.data-table .center{text-align:center}.data-table__empty{color:var(--color-text-subtle);text-align:center;padding:var(--space-6) var(--space-5)!important}.table-scroll{overflow-x:auto}.cell-primary{display:block;font-weight:700}.cell-secondary{display:block;font-size:.875rem;color:var(--color-text-muted)}.cell-id{font-family:var(--font-mono);font-weight:600;white-space:nowrap}.cell-id a{color:inherit;text-decoration:none}.cell-id a:hover{color:var(--color-accent-text);text-decoration:underline}.error{background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.notice{background:var(--color-success-soft);color:var(--color-success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}dialog.app-dialog{width:min(480px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}dialog.app-dialog::backdrop{background:#17191d73}.dialog__title{font-size:1.125rem;padding:var(--space-5) var(--space-5) 0}.dialog__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-muted)}.small{font-size:.875rem}.stack-sm{display:flex;flex-direction:column;gap:var(--space-4)}.card__body--sunken{background:var(--color-surface-muted);border-top:1px solid var(--color-border)}.split-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.icon-tile{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success)}.icon-tile--round{border-radius:50%;background:var(--color-neutral-soft);color:var(--color-text-muted)}.icon-tile--muted{width:40px;height:40px;background:var(--color-neutral-soft);color:var(--color-text-muted)}.banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.banner__main{flex:1 1 16rem;display:flex;flex-direction:column;gap:var(--space-1)}.doc-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.doc-row__main{flex:1 1 12rem;min-width:0}.doc-row__title{font-weight:700}.doc-row__meta{font-size:.875rem;color:var(--color-text-muted)}.approval{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.approval--compact{padding:var(--space-4) 0;border:none;border-radius:0;border-bottom:1px solid var(--color-border)}.approval__who{min-width:0}.approval__role{font-weight:700}.approval__state{font-size:.875rem;color:var(--color-text-muted)}.approval__done{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:var(--color-success)}