:root{--color-brand-primary: #5b3a29;--color-brand-primary-dark: #3e2723;--color-brand-primary-light: #76513e;--color-brand-accent: #e86f00;--color-brand-accent-hover: #c95f00;--color-brand-accent-light: #fff0e2;--color-background: #f8f5f2;--color-surface: #ffffff;--color-surface-soft: #fffaf5;--color-surface-hover: #f4ece6;--color-text-primary: #33251f;--color-text-secondary: #6d5a50;--color-text-muted: #8c7a70;--color-text-on-dark: #ffffff;--color-border: #ded5cf;--color-border-light: #eee7e2;--color-focus: #e86f00;--color-success: #2e7d32;--color-success-light: #e9f6eb;--color-warning: #ed8b00;--color-warning-light: #fff4da;--color-danger: #c62828;--color-danger-hover: #a91f1f;--color-danger-light: #fdeaea;--color-info: #1565c0;--color-info-light: #eaf2fd;--shadow-xs: 0 1px 2px rgb(51 37 31 / 6%);--shadow-sm: 0 2px 6px rgb(51 37 31 / 8%);--shadow-md: 0 8px 24px rgb(51 37 31 / 10%);--shadow-lg: 0 16px 40px rgb(51 37 31 / 14%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--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;--sidebar-width: 260px;--sidebar-collapsed-width: 76px;--header-height: 72px;--content-max-width: 1600px;--transition-fast: .15s ease;--transition-base: .22s ease;--font-family-base: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--color-text-primary)}p{margin:0;color:var(--color-text-secondary)}a{color:var(--color-brand-accent)}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button{min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);padding:0 var(--space-3);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}button:hover:not(:disabled){background:var(--color-surface-hover)}button.primary{border-color:var(--color-brand-accent);background:var(--color-brand-accent);color:var(--color-text-on-dark)}button.primary:hover:not(:disabled){background:var(--color-brand-accent-hover);border-color:var(--color-brand-accent-hover)}button.danger{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-surface)}button.danger:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger-hover)}button:disabled{cursor:not-allowed;opacity:.55}.button{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-3);border:1px solid var(--color-brand-accent);border-radius:var(--radius-md);color:var(--color-brand-accent);font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.button.primary{background:var(--color-brand-accent);color:var(--color-text-on-dark)}.button.primary:hover{background:var(--color-brand-accent-hover);border-color:var(--color-brand-accent-hover)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:600;border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.ui-btn--sm{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.ui-btn--md{min-height:40px;padding:0 var(--space-4);font-size:var(--font-size-base)}.ui-btn--lg{min-height:48px;padding:0 var(--space-5);font-size:var(--font-size-lg)}.ui-btn--primary{background:var(--color-brand-accent);border-color:var(--color-brand-accent);color:var(--color-text-on-dark)}.ui-btn--primary:hover:not(:disabled){background:var(--color-brand-accent-hover);border-color:var(--color-brand-accent-hover)}.ui-btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.ui-btn--danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.ui-btn--danger:hover:not(:disabled){background:var(--color-danger-light)}.ui-btn--success{background:var(--color-surface);border-color:var(--color-success);color:var(--color-success)}.ui-btn--success:hover:not(:disabled){background:var(--color-success-light)}.ui-btn--ghost{background:transparent;border-color:transparent;color:var(--color-brand-accent)}.ui-btn--ghost:hover:not(:disabled){background:var(--color-brand-accent-light)}.ui-btn__spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentcolor;border-right-color:transparent;animation:ui-btn-spin .6s linear infinite}@keyframes ui-btn-spin{to{transform:rotate(360deg)}}input,select,textarea{width:100%;min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);padding:7px 9px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #e86f0029}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background:var(--color-surface-hover);color:var(--color-text-muted)}label{display:grid;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}fieldset{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4)}legend{padding:0 var(--space-2);font-weight:700;color:var(--color-text-primary)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.form-control{width:100%;min-height:42px;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #e86f0029}.form-control:disabled{cursor:not-allowed;background:var(--color-surface-hover);color:var(--color-text-muted)}.form-error{color:var(--color-danger);font-size:var(--font-size-sm)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface)}table{width:100%;border-collapse:collapse}th{padding:var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);background:var(--color-surface-soft);white-space:nowrap}td{padding:var(--space-4);border-top:1px solid var(--color-border-light);vertical-align:top}tbody tr:hover{background:var(--color-surface-hover)}.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}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}@media(max-width:1023px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.card-grid{grid-template-columns:1fr}}.hide-on-mobile{display:initial}.show-on-mobile{display:none}@media(max-width:767px){.hide-on-mobile{display:none}.show-on-mobile{display:initial}}