:root{--color-surface:#fff;--color-surface-muted:#f4f5f7;--color-surface-sunken:#eceef1;--color-border:#d4d8de;--color-text-primary:#1a1d21;--color-text-secondary:#565c66;--color-text-disabled:#9aa0a8;--color-text-on-accent:#fff;--color-accent:#1f5fa8;--color-accent-hover:#1a5091;--color-accent-active:#164478;--color-accent-subtle:#e8f0f9;--color-accent-focus:#1f5fa8;--color-status-success:#1e7d46;--color-status-success-subtle:#e4f2ea;--color-status-pending:#b25e00;--color-status-pending-subtle:#fbefe1;--color-status-warning:#c79000;--color-status-warning-subtle:#fcf4df;--color-status-error:#c0332b;--color-status-error-subtle:#f8e6e5;--color-status-info:#1f6fb2;--color-status-info-subtle:#e5f0f8;--color-recording:#d64545;--type-display-size:28px;--type-display-line-height:34px;--type-display-weight:700;--type-heading-1-size:22px;--type-heading-1-line-height:28px;--type-heading-1-weight:700;--type-heading-2-size:18px;--type-heading-2-line-height:24px;--type-heading-2-weight:600;--type-body-large-size:17px;--type-body-large-line-height:24px;--type-body-large-weight:400;--type-body-size:15px;--type-body-line-height:22px;--type-body-weight:400;--type-label-size:13px;--type-label-line-height:18px;--type-label-weight:600;--type-caption-size:12px;--type-caption-line-height:16px;--type-caption-weight:400;--font-family:Inter, "Segoe UI", system-ui, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:8px;--radius-md:12px;--elevation-0:none;--elevation-1:0 1px 2px #1a1d210f, 0 2px 8px #1a1d210d;--elevation-2:0 4px 12px #1a1d211f, 0 12px 32px #1a1d211a;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:40px;--touch-min:48px;--touch-primary:56px;--touch-record:72px;--touch-nfc:140px;--motion-duration:.18s;--motion-easing:ease-out;--focus-ring-width:2px;--focus-ring-offset:2px}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--type-body-size);line-height:var(--type-body-line-height);color:var(--color-text-primary);background:var(--color-surface-muted);margin:0}h1{font-size:var(--type-heading-1-size);line-height:var(--type-heading-1-line-height);font-weight:var(--type-heading-1-weight);margin:0}h2{font-size:var(--type-heading-2-size);line-height:var(--type-heading-2-line-height);font-weight:var(--type-heading-2-weight);margin:0}p{margin:0}button,input,select{font:inherit;min-height:var(--touch-min);border-radius:var(--radius-sm)}input,select{padding:0 var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-primary);width:100%}button{padding:0 var(--space-4);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--type-label-weight);cursor:pointer;transition:background var(--motion-duration) var(--motion-easing);border:1px solid #0000}button:hover:not(:disabled){background:var(--color-accent-hover)}button:active:not(:disabled){background:var(--color-accent-active)}button.secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}button.secondary:hover:not(:disabled){background:var(--color-surface-sunken)}button.danger{background:var(--color-surface);border-color:var(--color-status-error);color:var(--color-status-error)}button:disabled{opacity:.6;cursor:not-allowed}:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-focus);outline-offset:var(--focus-ring-offset)}label{gap:var(--space-1);font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-weight);color:var(--color-text-secondary);display:grid}fieldset{gap:var(--space-3);border:none;margin:0;padding:0;display:grid}.page-center{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--elevation-1);gap:var(--space-3);min-width:min(420px,100%);display:grid}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent-active);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);justify-self:start}.shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.shell-header{gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.shell-nav{gap:var(--space-2);display:flex}.shell-nav button{color:var(--color-text-secondary);background:0 0;border-color:#0000}.shell-nav button[aria-current=page]{background:var(--color-accent-subtle);color:var(--color-accent-active)}.shell-main{padding:var(--space-5);gap:var(--space-4);align-content:start;width:100%;max-width:1100px;margin:0 auto;display:grid}.section-head{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-4);display:grid}.form-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.form-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.list{gap:var(--space-2);display:grid}.row{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);display:grid}.row-head{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.row-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.row-actions button{min-height:var(--touch-min)}.meta{color:var(--color-text-secondary);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.status{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--type-caption-size);display:inline-flex}.status-active{background:var(--color-status-success-subtle);color:var(--color-status-success)}.status-inactive{background:var(--color-surface-sunken);color:var(--color-text-secondary)}.error{color:var(--color-status-error);background:var(--color-status-error-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.notice{color:var(--color-status-info);background:var(--color-status-info-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.hint{color:var(--color-text-secondary);font-size:var(--type-caption-size)}.mono{font-family:var(--font-family-mono);letter-spacing:.08em;word-break:break-all;background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}ul.mono{gap:var(--space-1);margin:0;list-style:none;display:grid}.checklist{gap:var(--space-3);flex-wrap:wrap;display:flex}.checklist label{align-items:center;gap:var(--space-2);color:var(--color-text-primary);flex-direction:row;font-weight:400;display:flex}.checklist input{width:auto;min-height:auto}