@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-surface-2:#f9fafb;--color-border:#d4d8de;--color-border-subtle:#e6e8ec;--color-text:#1b1f24;--color-text-muted:#545b66;--color-primary:#1f4fd1;--color-primary-hover:#183fa8;--color-primary-bg:#e8eefc;--color-on-primary:#fff;--color-focus:#1f4fd1;--color-info-bg:#e8eefc;--color-allow:#146c3a;--color-allow-bg:#e3f4ea;--color-deny:#b42318;--color-deny-bg:#fdecea;--color-approval:#8a4b00;--color-approval-bg:#fff3dc;--color-neutral:#545b66;--color-neutral-bg:#eef0f3;--chart-allow:#1a7f45;--chart-deny:#c4321f;--chart-approval:#b57600;--font-sans:"Inter Variable", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.25rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius:8px;--radius-lg:12px;--tap-target:44px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814, 0 1px 3px #1018280f;--shadow-lg:0 20px 40px #1018282e;--sidebar-width:248px;--content-max:1200px;--ease:cubic-bezier(.2, 0, 0, 1);--duration:.16s}.page-intro{margin-bottom:var(--space-6)}.page-intro h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.page-intro p{color:var(--color-text-muted)}.tester{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=760px){.tester{grid-template-columns:1fr}}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6)}.row{gap:var(--space-3);grid-template-columns:2fr 1fr;display:grid}.button{width:100%;min-height:var(--tap-target);padding:var(--space-2) var(--space-4);font:inherit;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius);cursor:pointer;border:none;font-weight:600}.button:hover{background:var(--color-primary-hover)}.button:disabled{opacity:.6;cursor:wait}.empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8) var(--space-4)}.decision{border-left-width:6px}.decision-allow{border-left-color:var(--color-allow)}.decision-deny{border-left-color:var(--color-deny)}.decision-needs_approval{border-left-color:var(--color-approval)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:999px;font-weight:700;display:inline-flex}.badge-allow{color:var(--color-allow);background:var(--color-allow-bg)}.badge-deny{color:var(--color-deny);background:var(--color-deny-bg)}.badge-needs_approval{color:var(--color-approval);background:var(--color-approval-bg)}.decision-summary{margin:var(--space-3) 0 var(--space-4)}.amount{font-size:var(--text-xl);font-weight:700}.reasons{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.reasons li{padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:var(--radius)}.reasons code{color:var(--color-text-muted);display:block}.details{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.details dt{color:var(--color-text-muted)}.details dd{overflow-wrap:anywhere;margin:0}.card-actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.text-link{min-height:var(--tap-target);color:var(--color-primary);align-items:center;font-weight:600;display:inline-flex}.back-link{margin-bottom:var(--space-2)}.button-secondary{width:auto;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-primary)}.button-secondary:hover{background:var(--color-bg)}.lookup{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.lookup .field{flex:1;margin-bottom:0}.lookup .button{width:auto;margin-top:28px}.section-title{margin-bottom:var(--space-3)}.request-list{margin:0;padding:0;list-style:none}.request-list li+li{border-top:1px solid var(--color-border)}.request-row{align-items:center;gap:var(--space-2) var(--space-4);min-height:var(--tap-target);padding:var(--space-3) var(--space-2);color:var(--color-text);border-radius:var(--radius);flex-wrap:wrap;text-decoration:none;display:flex}.request-row:hover{background:var(--color-bg)}.request-row-main{flex:1;min-width:12rem}.detail{max-width:560px}.key-prompt{margin-bottom:var(--space-4)}@media (width<=760px){.lookup{flex-direction:column;align-items:stretch}.lookup .button{width:100%;margin-top:0}}*,:before,:after{box-sizing:border-box}body{font:var(--text-base) / 1.5 var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";margin:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.01em}a{color:var(--color-primary)}code{font-family:var(--font-mono);font-size:.875em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-md);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.logo{align-items:center;gap:var(--space-2);display:inline-flex}.logo-mark{flex-shrink:0;width:32px;height:32px}.logo-text{letter-spacing:-.01em;font-weight:700}.logo-accent{color:var(--color-primary)}.shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100svh;display:grid}.sidebar{height:100svh;padding:var(--space-4) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border-subtle);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top{padding:0 var(--space-2) var(--space-4);justify-content:space-between;align-items:center;display:flex}.sidebar-logo{min-height:var(--tap-target);font-size:var(--text-lg);color:var(--color-text);align-items:center;text-decoration:none;display:inline-flex}.shell .sidebar-close,.shell .menu-button{display:none}.side-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.side-heading{margin:var(--space-6) var(--space-3) var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.side-link{align-items:center;gap:var(--space-3);min-height:var(--tap-target);padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);font-weight:500;text-decoration:none;display:flex;position:relative}.side-link:hover{color:var(--color-text);background:var(--color-surface-2)}.side-link.active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:600}.side-link.active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-12px}.side-count{min-width:22px;font-size:var(--text-xs);text-align:center;color:var(--color-approval);background:var(--color-approval-bg);border-radius:999px;margin-left:auto;padding:0 6px;font-weight:700;line-height:20px}.sidebar-bottom{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);margin-top:auto}.user-chip{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);display:flex}.user-chip strong{font-weight:600;display:block}.user-role{color:var(--color-text-muted);font-size:var(--text-xs)}.avatar{width:32px;height:32px;color:var(--color-primary);background:var(--color-primary-bg);border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.sidebar-scrim{display:none}.shell-main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:10;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-6);background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);display:flex;position:sticky;top:0}.demo-pill{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-right:auto;font-weight:600;display:inline-flex}.demo-pill-detail{color:var(--color-text-muted);font-weight:400}.demo-dot{background:var(--color-approval);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-approval-bg);border-radius:999px}.content{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--space-6) var(--space-12);outline:none;margin:0 auto}@media (width<=960px){.shell{grid-template-columns:1fr}.sidebar{z-index:50;width:min(300px,85vw);transition:transform .2s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell-menu-open .sidebar{box-shadow:var(--shadow-lg);transform:none}.shell-menu-open .sidebar-scrim{z-index:40;background:#10182866;display:block;position:fixed;inset:0}.shell .sidebar-close,.shell .menu-button{display:inline-grid}.topbar{padding:var(--space-2) var(--space-4)}.content{padding:var(--space-4) var(--space-4) var(--space-12)}}@media (width<=560px){.demo-pill-detail{display:none}}.page-header{margin-bottom:var(--space-6)}.page-back{min-height:32px;margin-bottom:var(--space-2);font-size:var(--text-sm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.page-back:hover{text-decoration:underline}.page-header-row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-xl);font-weight:700;line-height:1.2}.page-description{max-width:65ch;margin-top:var(--space-1);color:var(--color-text-muted)}.page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=420px){.grid-4{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card-flush{padding:0;overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.card-flush>.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);margin:0}.card-title{font-size:var(--text-base);font-weight:650}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.card-link{font-size:var(--text-sm);font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}.stat-card{gap:var(--space-1);color:inherit;flex-direction:column;text-decoration:none;display:flex}.stat-card-link{transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease)}.stat-card-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.stat-icon{border-radius:var(--radius);width:32px;height:32px;color:var(--tone-fg);background:var(--tone-bg);place-items:center;display:inline-grid}.stat-value{font-size:var(--text-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15}.stat-detail{font-size:var(--text-sm);color:var(--color-text-muted)}.tone-allow{--tone-fg:var(--color-allow);--tone-bg:var(--color-allow-bg)}.tone-deny{--tone-fg:var(--color-deny);--tone-bg:var(--color-deny-bg)}.tone-approval{--tone-fg:var(--color-approval);--tone-bg:var(--color-approval-bg)}.tone-info{--tone-fg:var(--color-primary);--tone-bg:var(--color-primary-bg)}.tone-neutral{--tone-fg:var(--color-neutral);--tone-bg:var(--color-neutral-bg)}.pill{font-size:var(--text-sm);white-space:nowrap;color:var(--tone-fg);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-weight:600;line-height:1.5;display:inline-flex}.pill-solid{background:var(--tone-bg);border:1px solid #0000}.pill-outline{background:var(--color-surface);border-radius:var(--radius);border:1px solid}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-target);padding:0 var(--space-4);font:inherit;font-size:var(--text-sm);white-space:nowrap;border-radius:var(--radius);cursor:pointer;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border:1px solid #0000;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{min-height:36px;padding:0 var(--space-3)}.btn-block{width:100%}.btn-primary{color:var(--color-on-primary);background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-neutral-bg)}.btn-success{color:var(--color-on-primary);background:var(--color-allow)}.btn-success:hover:not(:disabled){background:color-mix(in srgb, var(--color-allow) 85%, black)}.btn-danger{color:var(--color-on-primary);background:var(--color-deny)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-deny) 85%, black)}.btn-danger-outline{color:var(--color-deny);background:var(--color-surface);border-color:var(--color-deny)}.btn-danger-outline:hover:not(:disabled){background:var(--color-deny-bg)}.icon-button{width:var(--tap-target);height:var(--tap-target);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--color-text);background:var(--color-neutral-bg)}.field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label,.field-label{font-size:var(--text-sm);font-weight:600}.hint{font-size:var(--text-sm);color:var(--color-text-muted)}.field input,.field select,.field textarea,.input{min-height:var(--tap-target);padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease)}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.field textarea{resize:vertical;min-height:88px}.field [aria-invalid=true],.input[aria-invalid=true]{border-color:var(--color-deny)}.field-error{font-size:var(--text-sm);color:var(--color-deny)}.input-affix{align-items:stretch;display:flex}.input-affix>span{padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius) 0 0 var(--radius);border-right:none;align-items:center;display:inline-flex}.input-affix>input{border-radius:0 var(--radius) var(--radius) 0;flex:1;min-width:0}.form-section{gap:var(--space-6);padding:var(--space-6) 0;border-top:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.form-section:first-of-type{border-top:none;padding-top:0}.form-section-title{font-size:var(--text-base);font-weight:650}.form-section-text{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.form-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}@media (width<=760px){.form-section{gap:var(--space-3);grid-template-columns:1fr}}.search{flex:1;min-width:200px;position:relative}.search svg{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search .input{width:100%;padding-left:38px}.toolbar{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar .field{min-width:150px;margin-bottom:0}.tabs{gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);background:var(--color-neutral-bg);border-radius:calc(var(--radius) + 4px);flex-wrap:wrap;display:inline-flex}.tab{min-height:36px;padding:0 var(--space-4);font:inherit;font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;font-weight:600}.tab:hover{color:var(--color-text)}.tab[aria-pressed=true],.tab[aria-selected=true]{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm)}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-surface-2);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap;font-weight:600}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tr.row-link{cursor:pointer;transition:background var(--duration) var(--ease);position:relative}.table tr.row-link:hover{background:var(--color-surface-2)}.row-link a.row-anchor{color:inherit;font-weight:600;text-decoration:none}.row-link a.row-anchor:after{content:"";position:absolute;inset:0}.row-link a.row-anchor:focus-visible{outline:none}.row-link:has(a.row-anchor:focus-visible){outline:3px solid var(--color-focus);outline-offset:-3px}.table-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.kv{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:minmax(110px,auto) 1fr;margin:0;display:grid}.kv dt{color:var(--color-text-muted)}.kv dd{overflow-wrap:anywhere;margin:0}.meter{gap:var(--space-1);flex-direction:column;display:flex}.meter-head{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);display:flex}.meter-label{font-weight:600}.meter-track{background:var(--color-neutral-bg);border-radius:999px;height:8px;overflow:hidden}.meter-fill{background:var(--tone-fg);height:100%;transition:width .4s var(--ease);border-radius:999px}.meter-foot{font-size:var(--text-xs);color:var(--color-text-muted)}.reason-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reason{gap:var(--space-3);padding:var(--space-3);background:var(--tone-bg);border-radius:var(--radius);display:flex}.reason-icon{color:var(--tone-fg);flex-shrink:0;margin-top:2px}.reason-body{font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.reason-meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.reason-meta strong{color:var(--tone-fg)}.timeline{margin:0;padding:0;list-style:none}.timeline-item{gap:var(--space-3);padding-bottom:var(--space-4);grid-template-columns:20px 1fr;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--color-border-subtle);width:2px;position:absolute;top:20px;bottom:0;left:9px}.timeline-dot{width:20px;height:20px;color:var(--tone-fg);background:var(--tone-bg);border-radius:999px;place-items:center;display:grid}.timeline-dot:after{content:"";background:var(--tone-fg);border-radius:999px;width:8px;height:8px}.timeline-title{font-size:var(--text-sm);font-weight:600}.timeline-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.timeline-detail{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.notice{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:var(--tone-bg,var(--color-info-bg));border:1px solid color-mix(in srgb, var(--tone-fg,var(--color-primary)) 25%, transparent);border-radius:var(--radius);display:flex}.notice>svg{color:var(--tone-fg,var(--color-primary));flex-shrink:0;margin-top:2px}.form-error{margin-bottom:var(--space-4);padding:var(--space-3);color:var(--color-deny);background:var(--color-deny-bg);border-radius:var(--radius)}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-2);color:var(--color-text-muted);background:var(--color-neutral-bg);border-radius:999px;place-items:center;display:grid}.empty-state-title{font-weight:650}.empty-state-text{max-width:44ch;font-size:var(--text-sm);color:var(--color-text-muted)}.empty-state-action{margin-top:var(--space-2)}.skeleton-list{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.skeleton-row,.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--color-neutral-bg) 0%, var(--color-surface-2) 50%, var(--color-neutral-bg) 100%);background-size:200% 100%;height:20px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}dialog.modal,dialog.drawer{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-lg);border:none;padding:0}dialog.modal::backdrop,dialog.drawer::backdrop{background:#10182873}dialog.modal{border-radius:var(--radius-lg);width:min(480px,100vw - 32px)}dialog.modal.modal-wide{width:min(640px,100vw - 32px)}dialog.modal[open]{animation:modal-in .18s var(--ease)}dialog.drawer{width:min(560px,100vw);max-width:100vw;height:100svh;max-height:100svh;margin:0;position:fixed;inset:0 0 0 auto}dialog.drawer[open]{animation:drawer-in .22s var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}}.modal-inner,.drawer-inner{max-height:inherit;flex-direction:column;display:flex}.drawer-inner{height:100%}.modal-header,.drawer-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2) var(--space-6);display:flex}.modal-header h2,.drawer-header h2{font-size:var(--text-lg);font-weight:700}.modal-content,.drawer-content{padding:var(--space-2) var(--space-6) var(--space-6);overflow-y:auto}.drawer-content{flex:1}.modal-footer,.drawer-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-surface-2);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.toasts{right:var(--space-4);bottom:var(--space-4);z-index:200;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);max-width:min(420px,100vw - 32px);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-surface);background:var(--color-text);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:modal-in .2s var(--ease);font-weight:500;display:flex}.toast-success svg{color:#7ee2a8}.toast-error svg{color:#ffb4a9}.toast-info svg{color:#a9c1ff}.copy-field{border:1px solid var(--color-border);border-radius:var(--radius);align-items:stretch;display:flex;overflow:hidden}.copy-field code{min-width:0;padding:var(--space-3);white-space:nowrap;background:var(--color-surface-2);flex:1;overflow-x:auto}.copy-field .btn{border-left:1px solid var(--color-border);border-radius:0}
