:root{--color-primary: #5e6f58;--color-primary-hover: #354133;--color-primary-active: #354133;--color-background: #f6f4f0;--color-surface: #ffffff;--color-surface-muted: #f1eee8;--color-border: #d7d2c8;--color-border-strong: #beb7aa;--color-text: #242b24;--color-text-muted: #667066;--color-text-soft: #7c857a;--color-accent: #b58a4a;--color-primary-soft: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));--color-danger: #a33b36;--color-danger-soft: color-mix(in srgb, var(--color-danger) 14%, var(--color-surface));--color-danger-border: color-mix(in srgb, var(--color-danger) 32%, var(--color-surface));--color-warning: #8d5b13;--color-warning-soft: color-mix(in srgb, var(--color-accent) 22%, var(--color-surface));--color-warning-border: color-mix(in srgb, var(--color-accent) 42%, var(--color-surface));--color-info: #4f6675;--color-info-soft: color-mix(in srgb, var(--color-info) 14%, var(--color-surface));--color-info-border: color-mix(in srgb, var(--color-info) 28%, var(--color-surface));--color-success: var(--color-primary-active);--color-success-soft: color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));--color-success-border: color-mix(in srgb, var(--color-primary) 36%, var(--color-surface));--color-neutral-soft: color-mix(in srgb, var(--color-text-soft) 16%, var(--color-surface));--color-neutral-border: color-mix(in srgb, var(--color-text-soft) 28%, var(--color-surface));--color-on-primary: #ffffff;--color-sidebar-background: var(--color-primary);--color-sidebar-background-strong: var(--color-primary-dark);--color-sidebar-text: #ffffff;--color-sidebar-text-muted: rgb(255 255 255 / 72%);--color-sidebar-text-soft: rgb(255 255 255 / 52%);--color-sidebar-active-background: rgb(255 255 255 / 88%);--color-sidebar-active-text: var(--color-primary-dark);--color-sidebar-hover-background: rgb(255 255 255 / 12%);--color-sidebar-border: rgb(255 255 255 / 14%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgb(36 43 36 / 8%);--shadow-md: 0 12px 30px rgb(36 43 36 / 12%);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 28%, transparent);--sidebar-width: 260px;--topbar-height: 64px;--breakpoint-md: 760px;--breakpoint-lg: 1040px}*{box-sizing:border-box}html{min-height:100%;background:var(--color-background);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100%;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}.button{align-items:center;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-on-primary);cursor:pointer;display:inline-flex;font-weight:650;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);text-decoration:none}.button:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.button--secondary{background:var(--color-surface);color:var(--color-primary)}.button--secondary:hover{background:var(--color-primary-soft);color:var(--color-primary-active)}.input,.select{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);min-height:40px;padding:0 var(--space-3);width:100%}.muted{color:var(--color-text-muted)}