:root{--brand-amber: #E8740A;--brand-steel: #3D6E8A;--brand-dune: #F5F0E8;--brand-canvas: #080B0E;--brand-teal: #B05508;--brand-ember: #B05508;--brand-washi: #F5F0E8;--brand-sumi: #050709;--bg-base: #F5F0E8;--bg-surface: #EDE5D4;--bg-elevated: #ffffff;--bg-overlay: rgba(28, 20, 16, .5);--text-primary: #1C1410;--text-secondary: #486070;--text-tertiary: #566E7C;--text-disabled: #C4B49A;--text-inverse: #EDE4D4;--text-on-brand: #ffffff;--text-link: #B05508;--text-link-hover: #8C4206;--border-subtle: #E2D6C0;--border-default: #C4B49A;--border-strong: #A09070;--border-focus: #B05508;--border-color: var(--border-default);--color-primary: #B05508;--color-primary-hover: #8C4206;--color-primary-active: #6A3204;--color-primary-subtle: rgba(176, 85, 8, .1);--color-primary-text: #ffffff;--color-accent: #2A5870;--color-accent-hover: #1E4258;--color-accent-active: #132C3D;--color-accent-subtle: rgba(42, 88, 112, .1);--color-accent-text: #ffffff;--color-secondary: #4E8DAE;--color-secondary-hover: #3D6E8A;--color-secondary-subtle: #EBF2F7;--color-success: #2d7a4f;--color-success-subtle: #c8e6d9;--color-warning: #c4850a;--color-warning-subtle: #fef3c7;--color-error: #c0392b;--color-error-subtle: #fee2e2;--color-info: #1f7d6f;--color-info-subtle: #d0f0ed;--header-bg: #B05508;--header-text: #ffffff;--input-bg: #ffffff;--input-focus-ring: 0 0 0 3px rgba(176, 85, 8, .15);--nav-bg: #050709;--nav-text: #6A8898;--nav-text-active: #EDE4D4;--nav-accent: #E8740A;--nav-hover-bg: rgba(255, 255, 255, .07);--nav-active-bg: rgba(232, 116, 10, .2);--nav-brand-bg: #B05508;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-display: Outfit, system-ui, sans-serif;--font-brand: Barlow Condensed, system-ui, sans-serif;--font-body: Outfit, system-ui, sans-serif;--font-jp: Zen Kaku Gothic New, Noto Sans JP, system-ui, sans-serif;--font-mono: JetBrains Mono, Fira Code, Cascadia Code, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 20, 16, .08);--shadow-sm: 0 2px 4px rgba(28, 20, 16, .12);--shadow-md: 0 4px 12px rgba(28, 20, 16, .16);--shadow-lg: 0 8px 24px rgba(28, 20, 16, .2);--shadow-xl: 0 16px 48px rgba(28, 20, 16, .24);--selection-bg: rgba(176, 85, 8, .18);--ease-strike: cubic-bezier(.34, 0, .66, 1);--ease-ink: cubic-bezier(.25, .46, .45, .94);--ease-brush: cubic-bezier(.34, 1.56, .64, 1);--ease-fade: cubic-bezier(.4, 0, .2, 1);--duration-micro: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s}@media (prefers-color-scheme: dark){:root:not(.light-mode):not(.dark-mode){color-scheme:dark;--brand-teal: #E8740A;--brand-ember: #E8740A;--brand-washi: #EDE4D4;--brand-sumi: #050709;--bg-base: #080B0E;--bg-surface: #0E1216;--bg-elevated: #141C26;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #EDE4D4;--text-secondary: #8FAFBE;--text-tertiary: #6A8898;--text-disabled: #3A5060;--text-inverse: #1C1410;--text-link: #E8740A;--text-link-hover: #F09334;--border-subtle: #141E28;--border-default: #1E2C3A;--border-strong: #263444;--border-focus: #E8740A;--color-primary: #E8740A;--color-primary-hover: #F09334;--color-primary-active: #F8B86E;--color-primary-subtle: rgba(232, 116, 10, .15);--color-primary-text: #ffffff;--color-accent: #3D6E8A;--color-accent-hover: #4E8DAE;--color-accent-active: #74AAC7;--color-accent-subtle: rgba(61, 110, 138, .15);--color-accent-text: #ffffff;--color-secondary: #4E8DAE;--color-secondary-hover: #74AAC7;--color-secondary-subtle: rgba(61, 110, 138, .1);--color-success: #4ade80;--color-success-subtle: rgba(74, 222, 128, .15);--color-warning: #F09334;--color-warning-subtle: rgba(232, 116, 10, .15);--color-error: #ff6b6b;--color-error-subtle: rgba(255, 107, 107, .15);--color-info: #74AAC7;--color-info-subtle: rgba(61, 110, 138, .15);--header-bg: #E8740A;--header-text: #ffffff;--input-bg: #141C26;--input-focus-ring: 0 0 0 3px rgba(232, 116, 10, .22), 0 0 8px rgba(232, 116, 10, .15);--nav-bg: #050709;--nav-text: #6A8898;--nav-text-active: #EDE4D4;--nav-accent: #E8740A;--nav-hover-bg: rgba(255, 255, 255, .05);--nav-active-bg: rgba(232, 116, 10, .16);--nav-brand-bg: #B05508;--shadow-xs: 0 2px 4px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--selection-bg: rgba(232, 116, 10, .22)}}:root.dark-mode{color-scheme:dark;--brand-teal: #E8740A;--brand-ember: #E8740A;--brand-washi: #EDE4D4;--brand-sumi: #050709;--bg-base: #080B0E;--bg-surface: #0E1216;--bg-elevated: #141C26;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #EDE4D4;--text-secondary: #8FAFBE;--text-tertiary: #6A8898;--text-disabled: #3A5060;--text-inverse: #1C1410;--text-link: #E8740A;--text-link-hover: #F09334;--border-subtle: #141E28;--border-default: #1E2C3A;--border-strong: #263444;--border-focus: #E8740A;--color-primary: #E8740A;--color-primary-hover: #F09334;--color-primary-active: #F8B86E;--color-primary-subtle: rgba(232, 116, 10, .15);--color-primary-text: #ffffff;--color-accent: #3D6E8A;--color-accent-hover: #4E8DAE;--color-accent-active: #74AAC7;--color-accent-subtle: rgba(61, 110, 138, .15);--color-accent-text: #ffffff;--color-secondary: #4E8DAE;--color-secondary-hover: #74AAC7;--color-secondary-subtle: rgba(61, 110, 138, .1);--color-success: #4ade80;--color-success-subtle: rgba(74, 222, 128, .15);--color-warning: #F09334;--color-warning-subtle: rgba(232, 116, 10, .15);--color-error: #ff6b6b;--color-error-subtle: rgba(255, 107, 107, .15);--color-info: #74AAC7;--color-info-subtle: rgba(61, 110, 138, .15);--header-bg: #E8740A;--header-text: #ffffff;--input-bg: #141C26;--input-focus-ring: 0 0 0 3px rgba(232, 116, 10, .22), 0 0 8px rgba(232, 116, 10, .15);--nav-bg: #050709;--nav-text: #6A8898;--nav-text-active: #EDE4D4;--nav-accent: #E8740A;--nav-hover-bg: rgba(255, 255, 255, .05);--nav-active-bg: rgba(232, 116, 10, .16);--nav-brand-bg: #B05508;--shadow-xs: 0 2px 4px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--selection-bg: rgba(232, 116, 10, .22)}:root.light-mode{color-scheme:light;--brand-teal: #B05508;--brand-ember: #B05508;--brand-washi: #F5F0E8;--brand-sumi: #050709;--bg-base: #F5F0E8;--bg-surface: #EDE5D4;--bg-elevated: #ffffff;--bg-overlay: rgba(28, 20, 16, .5);--text-primary: #1C1410;--text-secondary: #486070;--text-tertiary: #566E7C;--text-disabled: #C4B49A;--text-inverse: #EDE4D4;--text-link: #B05508;--text-link-hover: #8C4206;--border-subtle: #E2D6C0;--border-default: #C4B49A;--border-strong: #A09070;--border-focus: #B05508;--color-primary: #B05508;--color-primary-hover: #8C4206;--color-primary-active: #6A3204;--color-primary-subtle: rgba(176, 85, 8, .1);--color-primary-text: #ffffff;--color-accent: #2A5870;--color-accent-hover: #1E4258;--color-accent-active: #132C3D;--color-accent-subtle: rgba(42, 88, 112, .1);--color-accent-text: #ffffff;--color-secondary: #4E8DAE;--color-secondary-hover: #3D6E8A;--color-secondary-subtle: #EBF2F7;--color-success: #2d7a4f;--color-success-subtle: #c8e6d9;--color-warning: #c4850a;--color-warning-subtle: #fef3c7;--color-error: #c0392b;--color-error-subtle: #fee2e2;--color-info: #1f7d6f;--color-info-subtle: #d0f0ed;--header-bg: #B05508;--header-text: #ffffff;--nav-bg: #050709;--nav-text: #6A8898;--nav-text-active: #EDE4D4;--nav-accent: #E8740A;--nav-hover-bg: rgba(255, 255, 255, .07);--nav-active-bg: rgba(232, 116, 10, .2);--nav-brand-bg: #B05508;--input-bg: #ffffff;--input-focus-ring: 0 0 0 3px rgba(176, 85, 8, .15);--shadow-xs: 0 1px 2px rgba(28, 20, 16, .08);--shadow-sm: 0 2px 4px rgba(28, 20, 16, .12);--shadow-md: 0 4px 12px rgba(28, 20, 16, .16);--shadow-lg: 0 8px 24px rgba(28, 20, 16, .2);--shadow-xl: 0 16px 48px rgba(28, 20, 16, .24);--selection-bg: rgba(176, 85, 8, .18)}:root.light-nav{--nav-bg: #F5F0E8;--nav-text: #486070;--nav-text-active: #1C1410;--nav-accent: #B05508;--nav-hover-bg: rgba(28, 20, 16, .06);--nav-active-bg: rgba(176, 85, 8, .12);--nav-brand-bg: #B05508}@media (prefers-color-scheme: dark){:root.light-nav:not(.light-mode):not(.dark-mode){--nav-bg: #050709;--nav-text: #6A8898;--nav-text-active: #EDE4D4;--nav-accent: #E8740A;--nav-brand-bg: #B05508}}:root.dark-mode.light-nav{--nav-bg: #050709;--nav-text: #6A8898;--nav-text-active: #EDE4D4;--nav-accent: #E8740A;--nav-brand-bg: #B05508}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.25;color:var(--text-primary)}a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-ink)}@media (prefers-reduced-motion: reduce){a{transition:none}}a:hover{color:var(--text-link-hover)}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--selection-bg);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1rem}@media (min-width: 768px){.container{padding-inline:1.5rem}}@media (min-width: 1024px){.container{padding-inline:2rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-display{font-family:var(--font-display);font-weight:500}.text-body{font-family:var(--font-body)}.text-brand{font-family:var(--font-brand);color:var(--brand-washi)}.text-jp{font-family:var(--font-jp, var(--font-body))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]),select,textarea{box-sizing:border-box;line-height:1.25}select{height:2.5rem;min-height:2.5rem;max-height:2.5rem;padding:0 .75rem;vertical-align:middle}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]){min-height:2.5rem}input[type=date],input[type=datetime-local],input[type=time]{height:2.5rem;min-height:2.5rem;padding:.5rem .75rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select{width:100%;padding:.625rem .875rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--input-bg, var(--bg-elevated));color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--duration-fast) var(--ease-ink),box-shadow var(--duration-fast) var(--ease-ink),background-color var(--duration-fast) var(--ease-ink)}@media (prefers-reduced-motion: reduce){.form-input,.form-select{transition:none}}.form-input::placeholder,.form-select::placeholder{color:var(--text-disabled)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--input-focus-ring, 0 0 0 3px rgba(31, 125, 111, .18))}.form-input.invalid,.form-input[aria-invalid=true],.form-select.invalid,.form-select[aria-invalid=true]{border-color:var(--color-error)}.form-input.invalid:focus,.form-input[aria-invalid=true]:focus,.form-select.invalid:focus,.form-select[aria-invalid=true]:focus{box-shadow:0 0 0 3px #c94a2e2e}.form-error{font-size:.875rem;color:var(--color-error)}.id-input,.id-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--input-bg, var(--bg-elevated));color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-ink),box-shadow var(--duration-fast) var(--ease-ink),background-color var(--duration-fast) var(--ease-ink)}@media (prefers-reduced-motion: reduce){.id-input,.id-textarea{transition:none}}.id-input::placeholder,.id-textarea::placeholder{color:var(--text-disabled)}.id-input:hover:not(:disabled),.id-textarea:hover:not(:disabled){border-color:var(--border-strong)}.id-input:focus-visible,.id-textarea:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--input-focus-ring, 0 0 0 3px rgba(31, 125, 111, .18))}.id-input:disabled,.id-textarea:disabled{opacity:.6;cursor:not-allowed}.id-input[aria-invalid=true],.id-textarea[aria-invalid=true]{border-color:var(--color-error)}.id-input[aria-invalid=true]:focus-visible,.id-textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px #c94a2e2e}.id-textarea{resize:vertical;min-height:6rem;line-height:var(--leading-normal)}.id-form-error{display:block;font-size:.875rem;color:var(--color-error);font-family:var(--font-body);margin-top:.25rem}.id-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;line-height:1.4;color:var(--text-secondary)}.id-status:before{content:"";width:.5rem;height:.5rem;border-radius:var(--radius-full);flex-shrink:0;background:var(--text-tertiary)}.id-status--active:before{background:var(--brand-teal, #1f7d6f)}.id-status--past-due:before,.id-status--warning:before{background:var(--brand-ember, #c94a2e)}.id-status--inactive:before{background:var(--text-disabled)}.id-toggle{width:2.75rem;height:1.5rem;border-radius:var(--radius-full);border:none;background:var(--border-default);cursor:pointer;position:relative;flex-shrink:0;transition:background var(--duration-fast) var(--ease-ink)}@media (prefers-reduced-motion: reduce){.id-toggle{transition:none}}.id-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.id-toggle[aria-checked=true],.id-toggle.on{background:var(--color-primary)}.id-toggle__thumb{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;background:var(--brand-washi, #f5f0e8);border-radius:50%;transition:transform var(--duration-fast) var(--ease-ink);pointer-events:none}@media (prefers-reduced-motion: reduce){.id-toggle__thumb{transition:none}}.id-toggle[aria-checked=true] .id-toggle__thumb,.id-toggle.on .id-toggle__thumb{transform:translate(1.25rem)}.id-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem}@media (min-width: 768px){.id-panel{padding:1.5rem}}.id-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;transition:box-shadow var(--duration-fast) var(--ease-ink)}@media (prefers-reduced-motion: reduce){.id-stat-card{transition:none}}.id-stat-card:hover{box-shadow:var(--shadow-md)}.page-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.15}.page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0}@keyframes ink-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sun-rise{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mist-rise{0%{opacity:0;transform:scaleY(.95) translateY(8px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes brush-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes hammer-strike{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}@keyframes spark-burst{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}@keyframes ink-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes heat-glow{0%{box-shadow:0 0 #c94a2e66}70%{box-shadow:0 0 0 8px #c94a2e00}to{box-shadow:0 0 0 8px #c94a2e00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1200px 0}to{background-position:calc(1200px + 100%) 0}}@keyframes shimmer-dark{0%{background-position:-1200px 0}to{background-position:calc(1200px + 100%) 0}}@media (prefers-reduced-motion: no-preference){.animate-ink-reveal{animation:ink-reveal var(--duration-slow) var(--ease-ink) both}.animate-sun-rise{animation:sun-rise var(--duration-slow) var(--ease-brush) both}.animate-mist-rise{animation:mist-rise var(--duration-normal) var(--ease-ink) both}.animate-brush-wipe{animation:brush-wipe var(--duration-slower) var(--ease-ink) both}.animate-hammer-strike{animation:hammer-strike var(--duration-fast) var(--ease-strike) both}.animate-spark-burst{animation:spark-burst var(--duration-normal) var(--ease-brush) forwards}.animate-ink-pulse{animation:ink-pulse var(--duration-slow) linear infinite}.animate-heat-glow{animation:heat-glow 2s var(--ease-ink) infinite}.animate-spin{animation:spin var(--duration-slow) linear infinite}.animate-skeleton{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-elevated) 50%,var(--bg-surface) 100%);background-size:1200px 100%;animation:shimmer 2s linear infinite}:root.dark-mode .animate-skeleton{background:linear-gradient(90deg,var(--bg-surface) 0%,#524942 50%,var(--bg-surface) 100%);background-size:1200px 100%;animation:shimmer-dark 2s linear infinite}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.18s}.stagger-5{animation-delay:.24s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.36s}.stagger-8{animation-delay:.42s}.stagger-9{animation-delay:.48s}.stagger-10{animation-delay:.54s}.stagger-11{animation-delay:.6s}.stagger-12{animation-delay:.66s}.stagger-tight-1{animation-delay:0}.stagger-tight-2{animation-delay:30ms}.stagger-tight-3{animation-delay:60ms}.stagger-tight-4{animation-delay:90ms}.stagger-tight-5{animation-delay:.12s}}@media (prefers-reduced-motion: reduce){.animate-ink-reveal,.animate-sun-rise,.animate-mist-rise,.animate-brush-wipe,.animate-hammer-strike,.animate-spark-burst,.animate-ink-pulse,.animate-heat-glow,.animate-spin,.animate-skeleton{animation:none;opacity:1;transform:none;clip-path:none;background:none}}