@import url("/fonts/fonts.css");:root{--color-primary:#2365C7;--color-primary-hover:#1B51A3;--color-primary-active:#163F80;--color-primary-light:#EAF1FD;--color-primary-border:#B7CEF0;--color-primary-on:#FFFFFF;--color-bg:#F7F8FA;--color-surface:#FFFFFF;--color-surface-alt:#EEF1F5;--color-surface-hover:#F2F5F9;--color-overlay:rgba(16,24,40,0.45);--color-border:#DCE1E8;--color-border-input:#858E9B;--color-border-strong:#5A6472;--color-text:#1A1F27;--color-text-secondary:#5A6472;--color-text-muted:#6B7484;--color-text-disabled:#767F8C;--color-success:#137333;--color-success-bg:#E6F4EA;--color-warning:#7A4A00;--color-warning-bg:#FDF3E2;--color-error:#B3261E;--color-error-bg:#FCE9E8;--color-info:#14448F;--color-info-bg:#E8F0FC;--status-new-fg:#0B4A9E;--status-new-bg:#E7F0FB;--status-checked-fg:#0F5C4C;--status-checked-bg:#E2F2EE;--status-exported-fg:#5B3AA6;--status-exported-bg:#EFE9FB;--status-created-fg:#14532D;--status-created-bg:#DCF0E0;--status-rejected-fg:#A32020;--status-rejected-bg:#FBE5E5;--chip-branch-fg:#B4235A;--chip-branch-border:#E8A0B8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-family-base:"Noto Sans Thai","Noto Sans Thai UI","IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Sarabun",Arial,sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:26px;--font-size-3xl:30px;--font-size-display:40px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1.2;--line-height-tight:1.45;--line-height-base:1.65;--line-height-relaxed:1.8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(16,24,40,0.06),0 1px 3px rgba(16,24,40,0.08);--shadow-raised:0 2px 6px rgba(16,24,40,0.10);--shadow-dialog:0 12px 32px rgba(16,24,40,0.18);--shadow-sheet:0 -6px 24px rgba(16,24,40,0.16);--shadow-focus:0 0 0 3px rgba(35,101,199,0.35);--z-base:0;--z-raised:10;--z-sticky:100;--z-header:200;--z-actionbar:300;--z-overlay:900;--z-dialog:1000;--z-toast:1100;--control-height:48px;--control-height-sm:40px;--touch-min:44px;--tap-icon:36px;--container-form:720px;--container-admin:1440px;--sheet-max-height:85vh;--sidebar-width:208px;--duration-fast:120ms;--duration-base:180ms;--ease-out:cubic-bezier(0.2,0.7,0.3,1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}[hidden]{display:none!important}img{max-width:100%}svg{display:block;flex:none;width:20px;height:20px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.btn--danger:focus-visible,.btn--primary:focus-visible{outline-offset:-4px;outline-color:var(--color-primary-on);box-shadow:0 0 0 3px rgba(35,101,199,.45)}.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}.stack>*+*{margin-top:var(--space-4)}.stack-sm>*+*{margin-top:var(--space-2)}.stack-lg>*+*{margin-top:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.grow{flex:1 1 auto;min-width:0}.nowrap{white-space:nowrap}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-right{text-align:right}.text-center{text-align:center}.mono{font-family:var(--font-family-mono)}.hide-sm{display:none}@media (min-width:768px){.hide-sm{display:revert}}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.topbar__brand{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);letter-spacing:.14em;color:#16243C}.topbar__sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.container{width:100%;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16)}.container--form{max-width:var(--container-form)}.container--narrow{max-width:520px}@media (min-width:768px){.container{padding:var(--space-10) var(--space-6) var(--space-16)}}.admin{min-height:100vh;display:flex;flex-direction:column}.admin-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.admin-header__brand{font-weight:var(--font-weight-semibold);letter-spacing:.14em;color:#16243C;font-size:var(--font-size-md)}.admin-header__user{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:0}.admin-header__user svg{width:20px;height:20px}.admin-header__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.sidebar{flex:none;background:var(--color-surface);border-bottom:1px solid var(--color-border);overflow-x:auto;position:-webkit-sticky;position:sticky;top:57px;z-index:var(--z-sticky)}.sidebar__list{gap:var(--space-1);list-style:none;margin:0}.sidebar__link,.sidebar__list{display:flex;padding:var(--space-2) var(--space-3)}.sidebar__link{align-items:center;gap:var(--space-2);min-height:var(--touch-min);border-radius:var(--radius-md);white-space:nowrap;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none}.sidebar__link:hover{background:var(--color-surface-hover);text-decoration:none}.sidebar__link[aria-current=page]{background:var(--color-primary-light);color:var(--color-primary-hover);font-weight:var(--font-weight-semibold)}.admin__main{flex:1 1 auto;min-width:0}.admin-content{max-width:var(--container-admin);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-16)}@media (min-width:1024px){.admin__body{flex-direction:row}.sidebar{width:var(--sidebar-width);border-bottom:0;border-right:1px solid var(--color-border);overflow-x:visible;position:static;min-height:calc(100vh - 57px)}.sidebar__list{flex-direction:column;padding:var(--space-4) var(--space-3);gap:var(--space-1)}.admin-content{padding:var(--space-6) var(--space-6) var(--space-16)}}.breadcrumb{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.breadcrumb,.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb span[aria-hidden]{padding:0 var(--space-2)}.page-title{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.page-lead{margin:0 0 var(--space-5);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;line-height:var(--line-height-tight)}.section-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}@media (min-width:768px){.page-title{font-size:var(--font-size-3xl)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.card+.card{margin-top:var(--space-5)}.card__head{display:flex;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.card__head .grow{min-width:0}.card--flush{padding:0;overflow:hidden}.step-no{flex:none;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-primary-light);color:var(--color-primary-hover);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:var(--line-height-none)}@media (min-width:768px){.card{padding:var(--space-6)}}.field{position:relative}.choice-group+.choice-group,.choice-group+.field,.choice-group+.field-row,.field+.choice-group,.field+.field,.field+.field-row,.field-row+.choice-group,.field-row+.field,.field-row+.field-row{margin-top:var(--space-5)}.field__input,.field__select,.field__textarea{width:100%;min-height:var(--control-height);padding:var(--space-3) var(--space-4);font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-input);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.field__textarea{min-height:96px;resize:vertical}.field__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-10);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-secondary) 50%),linear-gradient(135deg,var(--color-text-secondary) 50%,transparent 50%);background-position:right 20px center,right 14px center;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field__input:hover,.field__select:hover,.field__textarea:hover{border-color:var(--color-border-strong)}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-focus)}.field__input::placeholder,.field__textarea::placeholder{color:var(--color-text-muted)}.field__label{position:absolute;top:0;left:var(--space-3);transform:translateY(-50%);padding:0 var(--space-1);background:var(--color-surface);font-size:var(--font-size-xs);line-height:1.4;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);max-width:calc(100% - var(--space-6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field__input:focus~.field__label,.field__select:focus~.field__label,.field__textarea:focus~.field__label{color:var(--color-primary)}.field__required{color:var(--color-error)}.field__help{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-muted)}.field__counter{float:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.field--error .field__input,.field--error .field__select,.field--error .field__textarea{border-color:var(--color-error);border-width:2px}.field--error .field__input:focus{box-shadow:0 0 0 1px var(--color-error),0 0 0 4px rgba(179,38,30,.25)}.field--error .field__label,.field__error{color:var(--color-error)}.field__error{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.field__error svg{width:16px;height:16px;margin-top:3px}.field--warn .field__input{border-color:var(--color-warning);border-width:2px}.field__warn{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-warning);font-weight:var(--font-weight-medium)}.field__warn svg{width:16px;height:16px;margin-top:3px}.field--ok .field__input{border-color:var(--color-success)}.field__ok{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.field__ok svg{width:16px;height:16px}.field--readonly .field__input,.field__input[readonly]{background:var(--color-surface-alt);color:var(--color-text);border-style:dashed}.field__input:disabled,.field__select:disabled{background:var(--color-surface-alt);color:var(--color-text-disabled);cursor:not-allowed}.field--sm .field__input,.field--sm .field__select{min-height:var(--control-height-sm);padding:var(--space-2) var(--space-3)}.field--sm .field__select{padding-right:var(--space-8);background-position:right 16px center,right 10px center}.field-row{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}@media (min-width:480px){.field-row--2{grid-template-columns:1fr 1fr}.field-row>.field+.field{margin-top:0}}@media (min-width:768px){.field-row--3{grid-template-columns:repeat(3,1fr)}.field-row>.field+.field{margin-top:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);min-width:var(--touch-min);padding:0 var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.btn,.btn:hover{text-decoration:none}.btn svg{width:20px;height:20px}.btn[aria-disabled=true],.btn[disabled]{cursor:not-allowed;opacity:1;background:var(--color-surface-alt)!important;border-color:var(--color-border)!important;color:var(--color-text-disabled)!important}.btn--primary{background:var(--color-primary);color:var(--color-primary-on)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-input);color:var(--color-text);font-weight:var(--font-weight-medium)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--ghost{color:var(--color-primary);font-weight:var(--font-weight-medium)}.btn--ghost:hover{background:var(--color-primary-light)}.btn--dashed{background:var(--color-surface);border:1px dashed var(--color-primary);color:var(--color-primary);width:100%}.btn--dashed:hover{background:var(--color-primary-light)}.btn--danger{background:var(--color-error);color:#FFFFFF}.btn--danger:hover{background:#8F1E17}.btn--danger-ghost{color:var(--color-error);border-color:var(--color-border-input);background:var(--color-surface);font-weight:var(--font-weight-medium)}.btn--danger-ghost:hover{background:var(--color-error-bg);border-color:var(--color-error)}.btn--lg{min-height:52px;font-size:var(--font-size-md)}.btn--sm{min-height:var(--control-height-sm);font-size:var(--font-size-base);padding:0 var(--space-4)}body:not(:has(.admin)) .btn--sm{min-height:var(--touch-min)}@media (max-width:1024px){.btn--sm{min-height:var(--touch-min)}}.btn--block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-btn svg{width:20px;height:20px}.icon-btn--danger:hover{background:var(--color-error-bg);color:var(--color-error)}.choice-group{border:0;padding:0;margin:0}.choice-group__legend{padding:0;margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.choice{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.choice+.choice{margin-top:var(--space-3)}.choice:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.choice__control{flex:none;margin-top:2px;width:20px;height:20px;accent-color:var(--color-primary)}.choice__body{min-width:0}.choice__title{display:block;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.choice__desc{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-base);margin-top:var(--space-1)}.choice:has(.choice__control:checked){border-color:var(--color-primary);border-width:2px;padding:calc(var(--space-3) - 1px) calc(var(--space-4) - 1px);background:var(--color-primary-light)}.choice:has(.choice__control:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.brand-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:480px){.brand-grid{grid-template-columns:1fr 1fr}}.brand-option{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer}.brand-option:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.brand-option__control{flex:none;width:20px;height:20px;accent-color:var(--color-primary)}.brand-option__name{display:block;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.brand-option__abbr{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-family-mono)}.brand-option:has(.brand-option__control:checked){border-color:var(--color-primary);border-width:2px;padding:calc(var(--space-3) - 1px);background:var(--color-primary-light)}.brand-option:has(.brand-option__control:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.brand-option:has(.brand-option__control:checked) .brand-option__abbr,.choice:has(.choice__control:checked) .choice__desc{color:var(--color-text-secondary)}.check-row{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);background:transparent;border:0;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer}.check-row:hover{background:var(--color-surface-hover)}.check-row__control{flex:none;margin-top:3px;width:20px;height:20px;accent-color:var(--color-primary)}.check-row__name{display:block;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.check-row__meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px;font-family:var(--font-family-mono)}.check-row:has(.check-row__control:checked){background:var(--color-primary-light)}.segmented{display:inline-flex;border:0;padding:0;margin:0;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.segmented__option{position:relative;display:flex}.segmented__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.segmented__label{display:flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:84px;padding:0 var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-input);cursor:pointer}.segmented__option:first-child .segmented__label{border-radius:var(--radius-md) 0 0 var(--radius-md)}.segmented__option:last-child .segmented__label{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left-width:0}.segmented__input:checked+.segmented__label{background:var(--color-primary);color:var(--color-primary-on);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.segmented__input:focus-visible+.segmented__label{outline:2px solid var(--color-primary);outline-offset:2px;z-index:var(--z-raised)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);line-height:var(--line-height-tight);background:var(--color-surface-alt);color:var(--color-text);border:1px solid transparent;max-width:100%}.chip--brand{font-family:var(--font-family-mono);font-weight:var(--font-weight-medium)}.chip__remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:-2px -6px -2px 0;border:0;border-radius:var(--radius-pill);background:var(--color-border);color:var(--color-text-secondary);cursor:pointer}.chip__remove:hover{background:var(--color-border-input);color:var(--color-text)}.chip__remove svg{width:12px;height:12px}.chip--branch{background:var(--color-surface);border-color:var(--chip-branch-border);color:var(--chip-branch-fg);font-family:var(--font-family-mono)}.chip--branch,.chip--more{font-size:var(--font-size-xs)}.chip--more{background:var(--color-surface-alt);color:var(--color-text-secondary)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid;white-space:nowrap}.status__marker{flex:none;width:10px;height:10px}.status--new{color:var(--status-new-fg);background:var(--status-new-bg)}.status--new .status__marker{border:2px solid;border-radius:50%}.status--checked{color:var(--status-checked-fg);background:var(--status-checked-bg)}.status--checked .status__marker{background:currentColor;border-radius:50%}.status--exported{color:var(--status-exported-fg);background:var(--status-exported-bg)}.status--exported .status__marker{background:currentColor;border-radius:1px}.status--created{color:var(--status-created-fg);background:var(--status-created-bg)}.status--created .status__marker{background:currentColor;transform:rotate(45deg);border-radius:1px}.status--rejected{color:var(--status-rejected-fg);background:var(--status-rejected-bg);border-width:2px}.status--rejected .status__marker{height:3px;background:currentColor;border-radius:2px}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tag--active{background:var(--color-success-bg);color:var(--color-success)}.tag--temporary{background:var(--color-warning-bg);color:var(--color-warning)}.tag--neutral{background:var(--color-surface-alt);color:var(--color-text-secondary)}.branch-list{display:flex;flex-direction:column;gap:var(--space-3)}.branch-card{border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.branch-card__head{display:flex;align-items:flex-start;gap:var(--space-3)}.branch-card__name{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.branch-card__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1);font-family:var(--font-family-mono)}.branch-card__row{margin-top:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.branch-card__row-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:64px}.branch-card__dates{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--color-border)}@media (min-width:768px){.branch-card__row{margin-top:var(--space-3)}}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;border-left-width:3px;line-height:var(--line-height-relaxed);overflow-wrap:anywhere;font-size:var(--font-size-base)}.notice svg{width:20px;height:20px;flex:none;margin-top:2px}.notice__title{font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--space-1)}.notice p{margin:0}.notice p+p{margin-top:var(--space-2)}.notice--info{background:var(--color-info-bg);border-color:var(--color-primary-border);border-left-color:var(--color-info);color:var(--color-info)}.notice--success{background:var(--color-success-bg);border-color:#B7E1C3;border-left-color:var(--color-success);color:var(--color-success)}.notice--warning{background:var(--color-warning-bg);border-color:#EBD3A5;border-left-color:var(--color-warning);color:var(--color-warning)}.notice--error{background:var(--color-error-bg);border-color:#F0BFBC;border-left-color:var(--color-error);color:var(--color-error)}.notice>div{min-width:0}.notice+*{margin-top:var(--space-5)}.overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--color-overlay);display:flex;align-items:flex-end;justify-content:center}.sheet{position:relative;z-index:var(--z-dialog);width:100%;max-height:var(--sheet-max-height);display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet);animation:sheet-in var(--duration-base) var(--ease-out)}@keyframes sheet-in{0%{transform:translateY(24px)}to{transform:translateY(0)}}.sheet__handle{flex:none;width:40px;height:4px;border-radius:var(--radius-pill);background:var(--color-border-input);margin:var(--space-3) auto var(--space-1)}.sheet__head{flex:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.sheet__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;line-height:var(--line-height-tight)}.sheet__tools{flex:none;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.sheet__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet__body--pad,.sheet__foot{padding:var(--space-4)}.sheet__foot{flex:none;display:flex;gap:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface)}.sheet__foot .btn{flex:1 1 auto}.group-head{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-2) var(--space-4);background:var(--color-surface-alt);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}@media (min-width:768px){.overlay{align-items:center;padding:var(--space-6)}.sheet{max-width:640px;border-radius:var(--radius-md);box-shadow:var(--shadow-dialog);max-height:min(80vh,720px);animation:dialog-in var(--duration-base) var(--ease-out)}.sheet__handle{display:none}.sheet__foot{justify-content:flex-end}.sheet__foot .btn{flex:0 0 auto}.sheet--wide{max-width:880px}.sheet--sm{max-width:440px}}@keyframes dialog-in{0%{transform:scale(.98)}to{transform:scale(1)}}.sticky-actions{position:-webkit-sticky;position:sticky;bottom:0;z-index:var(--z-actionbar);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px rgba(16,24,40,.06);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom, 0px))}.sticky-actions__inner{max-width:var(--container-form);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.sticky-actions__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}@media (min-width:768px){.sticky-actions__inner{flex-direction:row;justify-content:flex-end;align-items:center}.sticky-actions__hint{margin-right:auto;text-align:left}.sticky-actions .btn{min-width:180px}}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-base);min-width:720px}.table td,.table th{padding:var(--space-3);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface-alt);color:#3C4553;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);white-space:nowrap}.table tbody tr:hover{background:var(--color-surface-hover)}.table tbody tr[aria-selected=true]{background:var(--color-primary-light)}.table tbody tr:last-child td{border-bottom:0}.table .col-check{width:44px}.table .col-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table .col-actions{width:56px;text-align:right}.table__primary{display:block;font-weight:var(--font-weight-medium)}.table__sub{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;margin-top:2px}.table input[type=checkbox]:not(.switch__input){width:18px;height:18px;accent-color:var(--color-primary)}.table .check-hit{display:flex;align-items:center;justify-content:center;width:var(--touch-min);min-height:var(--touch-min);margin:0 auto;cursor:pointer}.table td.col-check,.table th.col-check{padding-top:0;padding-bottom:0}.table .check-hit--text{width:auto;margin:0;justify-content:flex-start;gap:var(--space-2)}.table--compact td,.table--compact th{padding:var(--space-2) var(--space-3)}.field__input--inline{min-height:var(--control-height-sm);width:170px;padding:0 var(--space-2);font-size:var(--font-size-md)}@media (max-width:1024px){.field__input--inline{min-height:var(--touch-min)}}.table .mono{white-space:nowrap}.table .col-name{min-width:176px}.table .col-role{min-width:116px}.table .col-brand{min-width:110px}.table .col-ref{min-width:118px}input[type=file]{max-width:100%;font-size:var(--font-size-sm);color:var(--color-text-secondary)}input[type=file]::-webkit-file-upload-button{min-height:var(--touch-min);margin-right:var(--space-3);padding:0 var(--space-4);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer}input[type=file]::file-selector-button{min-height:var(--touch-min);margin-right:var(--space-3);padding:0 var(--space-4);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer}input[type=file]::-webkit-file-upload-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}input[type=file]::file-selector-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.table--fixed{table-layout:fixed}.table .col-email,.table--fixed td,.table--fixed th{overflow-wrap:anywhere}.table thead th.wrap-head{white-space:normal}.table .icon-btn{width:var(--tap-icon);height:var(--tap-icon)}@media (max-width:1024px){.table .icon-btn{width:var(--touch-min);height:var(--touch-min)}}.table-caption{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.sortable{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;background:none;border:0;padding:0 var(--space-1);margin:0 calc(var(--space-1) * -1);border-radius:var(--radius-sm);font:inherit;color:inherit;cursor:pointer}.sortable--sub{display:block;margin-top:2px;font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.sortable:hover{background:var(--color-surface-hover)}@media (max-width:1024px){.sortable{min-height:var(--touch-min)}}.sortable svg{width:14px;height:14px}.empty-state{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-secondary)}.empty-state svg{width:40px;height:40px;margin:0 auto var(--space-3);color:var(--color-border-input)}.empty-state__title{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.pagination{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface)}.pagination,.pagination__pages{display:flex;align-items:center}.pagination__pages{margin-left:auto;gap:var(--space-1)}.page-btn{min-width:var(--touch-min);height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.page-btn:hover{background:var(--color-surface-hover)}.page-btn[aria-current=page]{background:var(--color-primary);color:var(--color-primary-on);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.page-btn[disabled]{color:var(--color-text-disabled);cursor:not-allowed;background:var(--color-surface-alt)}.page-btn svg{width:18px;height:18px}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.search{position:relative;flex:1 1 260px;min-width:0}.search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);width:20px;height:20px;pointer-events:none}.search__input{width:100%;min-height:var(--control-height-sm);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);font-size:var(--font-size-md);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface)}.search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-focus)}.filter-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-card)}.filter-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.filter-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.filter-grid{grid-template-columns:repeat(4,1fr)}}.filter-panel__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.filter-panel__foot .filter-summary{margin-right:auto;margin-bottom:0}.filter-grid>.field+.field,.filter-grid>.field-row+.field{margin-top:0}.filter-summary{gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.action-bar,.filter-summary{display:flex;flex-wrap:wrap;align-items:center}.action-bar{position:-webkit-sticky;position:sticky;bottom:var(--space-4);z-index:var(--z-actionbar);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-text);color:#FFFFFF;border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}.action-bar__count{font-weight:var(--font-weight-semibold)}.action-bar .btn--secondary{background:transparent;border-color:rgba(255,255,255,.5);color:#FFFFFF}.action-bar .btn--secondary:hover{background:rgba(255,255,255,.12);border-color:#FFFFFF}.action-bar .btn--primary{background:var(--color-primary)}.action-bar__close{margin-left:auto}.action-bar .icon-btn{color:#FFFFFF}.action-bar .icon-btn:hover{background:rgba(255,255,255,.12);color:#FFFFFF}.stat-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:1fr}@media (min-width:480px){.stat-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.stat-grid--5{grid-template-columns:repeat(5,1fr)}.stat-grid--4{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.stat__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.stat__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-none);margin-top:var(--space-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat__unit{font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-left:var(--space-1)}.stat__foot,.stat__unit{font-size:var(--font-size-sm)}.stat__foot{color:var(--color-text-muted);margin-top:var(--space-2)}.stat--accent{border-left:3px solid var(--color-primary)}.mini-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.mini-table td,.mini-table th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.mini-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mini-table td.num,.mini-table th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-table tbody tr:last-child td{border-bottom:0}.mini-table tfoot td{font-weight:var(--font-weight-semibold);border-top:2px solid var(--color-border-input);border-bottom:0}.timeline{list-style:none;margin:0;padding:0}.timeline__item{position:relative;padding:0 0 var(--space-5) var(--space-8)}.timeline__item:before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--color-border)}.timeline__item:last-child{padding-bottom:0}.timeline__item:last-child:before{display:none}.timeline__dot{position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--color-surface);border:3px solid var(--color-primary)}.timeline__dot--muted{border-color:var(--color-border-input)}.timeline__time{font-size:var(--font-size-sm);color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline__title{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.timeline__detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.dl{margin:0;display:grid;grid-template-columns:1fr;grid-gap:0;gap:0}.dl__row{display:grid;grid-template-columns:1fr;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.dl__row:last-child{border-bottom:0}.dl dt{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.dl dd{margin:0;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}@media (min-width:640px){.dl__row{grid-template-columns:200px 1fr;gap:var(--space-4);align-items:baseline}}.success-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-success);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-4);text-align:center}.success-card__icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:50%;background:var(--color-success-bg);color:var(--color-success);display:flex;align-items:center;justify-content:center}.success-card__icon svg{width:30px;height:30px}.success-card__label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.ref-no{font-family:var(--font-family-mono);font-size:34px;font-weight:var(--font-weight-bold);letter-spacing:.04em;line-height:var(--line-height-none);color:var(--color-text);margin:var(--space-2) 0 var(--space-3);white-space:nowrap}@media (min-width:480px){.ref-no{font-size:var(--font-size-display)}}@media (min-width:768px){.success-card{padding:var(--space-10) var(--space-8)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-4)}.login-card__brand{text-align:center;margin-bottom:var(--space-6)}.login-card__wordmark{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.16em;color:#16243C}.login-card__sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}@media (min-width:480px){.login-card{padding:var(--space-8)}}.diff-summary{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.diff-pill{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm)}.diff-pill__num{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.diff-pill--add{border-left:3px solid var(--color-success)}.diff-pill--change{border-left:3px solid var(--color-warning)}.diff-pill--same{border-left:3px solid var(--color-border-input)}.diff-pill--gone{border-left:3px solid var(--color-error)}.diff-old{color:var(--color-text-muted);text-decoration:line-through}.diff-new{color:var(--color-success);font-weight:var(--font-weight-semibold)}.row-tag{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.row-tag--add{background:var(--color-success-bg);color:var(--color-success)}.row-tag--change{background:var(--color-warning-bg);color:var(--color-warning)}.row-tag--gone{background:var(--color-error-bg);color:var(--color-error)}.switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;min-height:var(--touch-min)}.switch__input{position:absolute;inset:0 auto auto 0;opacity:0;width:1px;height:1px;margin:0}.switch__track{flex:none;position:relative;width:44px;height:24px;border-radius:var(--radius-pill);background:var(--color-border-input);transition:background-color var(--duration-fast) var(--ease-out)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;box-shadow:var(--shadow-card);transition:transform var(--duration-fast) var(--ease-out)}.switch__input:checked+.switch__track{background:var(--color-primary)}.switch__input:checked+.switch__track:after{transform:translateX(20px)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--shadow-focus)}.switch__text{font-size:var(--font-size-base)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;align-items:flex-start;gap:var(--space-3);max-width:380px;padding:var(--space-3) var(--space-4);border:1px solid #b7e1c3;border-left:4px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);box-shadow:var(--shadow-dialog);animation:toast-in .16s ease-out}.toast__icon{flex:none;color:var(--color-success);margin-top:2px}.toast__text{margin:0;font-size:var(--font-size-base);color:var(--color-text)}.toast__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-2px -6px 0 0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.toast__close:hover{background:rgba(0,0,0,.06);color:var(--color-text)}.toast__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (max-width:600px){.toast{left:var(--space-4);right:var(--space-4);max-width:none}}