:root{--bg: #f4f3f1;--surface: #ffffff;--surface-hover: #f4f3f1;--border: #e7e5e1;--border-strong: #d6d3ce;--text: #1b1b1f;--text-muted: #6f6e6a;--ink: #1b1b1f;--accent: #e00b23;--accent-soft: #fdecee;--success: #1a7f43;--warning: #c2630a;--radius: 12px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-header__section{margin:0 0 4px;color:var(--text-muted);font-size:13px}.page-header__title{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.button:hover:not(:disabled){background:var(--surface-hover)}.button:disabled{opacity:.5;cursor:default}.button--primary{border-color:var(--accent);background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background:#c4091e}.button--small{padding:6px 12px;font-size:13px}.button--danger{color:var(--accent)}.icon-button{display:inline-grid;width:32px;height:32px;padding:0;place-items:center;border:0;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.select,.input{padding:9px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 20px;border-bottom:1px solid var(--border);text-align:left}.table th{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.table tbody tr:last-child td{border-bottom:0}.centered-page{display:grid;min-height:100vh;padding:24px;place-items:center}.centered-card{width:min(420px,100%);padding:36px 32px;text-align:center}.centered-card img{margin-bottom:16px}.centered-card h1{margin:0 0 8px;font-size:22px;letter-spacing:-.01em}.centered-card p{margin:0 0 20px;color:var(--text-muted)}.centered-card code{font-family:var(--font-mono);font-size:12px;word-break:break-all}.centered-card .button{width:100%}.centered-card .button+.button{margin-top:10px}.dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.dot[data-tone=approved]{background:var(--success)}.dot[data-tone=unapproved]{background:var(--warning)}.badge--approved{background:#e6f4ec;color:var(--success)}.badge--unapproved{background:#fdf0e0;color:var(--warning)}.detail-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.detail-header h2{margin:0 0 12px;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.breadcrumb{margin:0 0 10px;color:var(--text-muted);font-size:13px}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--text-muted);font-size:13px}.badges .badge{display:inline-flex;align-items:center;gap:6px}.fields{margin:0;padding:8px 20px 4px}.fields>h3{margin:12px 0 8px;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.fields dl{margin:0}.fields .field{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--border)}.fields dt{color:var(--text-muted)}.fields dd{margin:0;overflow-wrap:anywhere}.tabs{display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;border-bottom:1px solid var(--border)}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font:inherit;white-space:nowrap;cursor:pointer}.tab:hover:not(:disabled){color:var(--text)}.tab:disabled{opacity:.45;cursor:not-allowed}.tab.is-active{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;border:0}.form-field>span,.form-field>legend{padding:0;font-size:13px;font-weight:600}.form-field>small{color:var(--text-muted);font-size:12px}.form-field--full{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px;cursor:pointer}.form-error{margin:16px 0 0;padding:10px 12px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.form-notice{margin:16px 0 0;padding:10px 12px;border-radius:8px;border:1px solid var(--success);color:var(--success)}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.dialog-actions>:first-child:not(.button){margin-right:auto}@media(max-width:640px){.form-grid{grid-template-columns:minmax(0,1fr)}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.field-error,.form-field>small.field-error{color:var(--accent);font-size:12px}.required{color:var(--accent)}.mono{font-family:var(--font-mono);font-size:13px}.muted{color:var(--text-muted)}