:root{--color-brand:#C85A1A;--color-brand-hover:#A3430E;--color-brand-light:#F4864A;--color-brand-subtle:#FFE5D0;--color-brand-surface:#FFF4EE;--color-primary:#C85A1A;--color-primary-light:#F4864A;--color-primary-dark:#A3430E;--color-primary-bg:#FFC9A1;--color-primary-bg-light:#FFE5D0;--color-cream-50:#FEFAF6;--color-cream-100:#FEF5EC;--color-cream-200:#FDEBD8;--color-cream-300:#FBDCBF;--color-bark-800:#2C1810;--color-bark-600:#5E3420;--color-bark-400:#9B6347;--color-bark-200:#D4B09F;--color-bark-100:#EBD9CF;--color-herb-600:#2A6E2D;--color-herb-500:#3A8A3D;--color-herb-100:#DCF0DC;--color-herb-50:#F2F7F2;--color-gold-500:#F59E0B;--color-gold-400:#FBBF24;--color-gold-100:#FEF3C7;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#2A6E2D;--color-success-light:#56A659;--color-success-bg:#DCF0DC;--color-warning:#d97706;--color-warning-light:#fbbf24;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-light:#f87171;--color-danger-bg:#fee2e2;--color-info:#2563eb;--color-info-light:#60a5fa;--color-info-bg:#dbeafe;--bg-primary:#FEFAF6;--bg-secondary:#FEF5EC;--bg-tertiary:#FDEBD8;--bg-white:#FFFFFF;--bg-overlay:rgba(26,15,8,0.6);--text-primary:#2C1810;--text-secondary:#7D4A30;--text-tertiary:#9B6347;--text-inverse:#FEFAF6;--text-on-primary:#ffffff;--text-on-success:#ffffff;--text-on-warning:#ffffff;--text-on-danger:#ffffff;--text-on-info:#ffffff;--border-light:#FDEBD8;--border-medium:#FBDCBF;--border-dark:#D4B09F;--border-focus:#C85A1A;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px;--transition-fast:150ms ease-out;--transition-normal:200ms ease-out;--transition-slow:300ms ease-out}.dark{--color-brand:#F4864A;--color-brand-hover:#E06830;--color-brand-subtle:#522005;--color-brand-surface:#3D1505;--color-primary:#F4864A;--color-primary-light:#FFA671;--color-primary-dark:#E06830;--color-success:#83C385;--color-success-light:#B4DEB5;--color-success-bg:#1E5420;--bg-primary:#1A120C;--bg-secondary:#26180F;--bg-tertiary:#321D12;--bg-white:#26180F;--bg-overlay:rgba(0,0,0,0.7);--text-primary:#FEF5EC;--text-secondary:#FBDCBF;--text-tertiary:#D4B09F;--text-inverse:#2C1810;--border-light:#3D2416;--border-medium:#4A2C1A;--border-dark:#6B3D24;--border-focus:#F4864A}@media (prefers-color-scheme:dark){:root:not(.light){--bg-primary:#1A120C;--bg-secondary:#26180F;--bg-tertiary:#321D12;--bg-white:#26180F;--text-primary:#FEF5EC;--text-secondary:#FBDCBF;--text-tertiary:#D4B09F;--border-light:#3D2416;--border-medium:#4A2C1A;--border-dark:#6B3D24;--color-brand:#F4864A;--color-primary:#F4864A;--border-focus:#F4864A}}.btn{display:inline-flex;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:.5rem;padding:.625rem .875rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{--tw-bg-opacity:1;background-color:rgb(163 67 14/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(200 90 26/var(--tw-bg-opacity,1))}.btn-primary:focus-visible{outline-color:#A3430E}.btn-secondary{--tw-bg-opacity:1;background-color:rgb(254 250 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(44 24 16/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(251 220 191/var(--tw-ring-opacity,1))}.btn-secondary:hover{--tw-bg-opacity:1;background-color:rgb(254 245 236/var(--tw-bg-opacity,1))}.btn-success{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-success:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.btn-success:focus-visible{outline-color:#16a34a}.btn-warning{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-warning:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.btn-warning:focus-visible{outline-color:#ca8a04}.btn-danger{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-danger:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.btn-danger:focus-visible{outline-color:#dc2626}.btn-ghost{--tw-text-opacity:1;color:rgb(44 24 16/var(--tw-text-opacity,1))}.btn-ghost:hover{--tw-bg-opacity:1;background-color:rgb(254 245 236/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(94 52 32/var(--tw-text-opacity,1))}.btn-sm{padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn-xl{padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem}.badge{display:inline-flex;align-items:center;-moz-column-gap:.375rem;column-gap:.375rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.badge-primary{--tw-bg-opacity:1;background-color:rgb(255 244 238/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(163 67 14/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-color:rgb(200 90 26/0.2)}.badge-primary,.badge-success{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.badge-success{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-color:rgb(22 163 74/0.2)}.badge-warning{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-color:rgb(202 138 4/0.2)}.badge-danger,.badge-warning{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.badge-danger{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-color:rgb(220 38 38/0.2)}.badge-neutral{--tw-bg-opacity:1;background-color:rgb(254 245 236/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(125 74 48/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-color:rgb(212 176 159/0.4)}.badge-info,.badge-neutral{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.badge-info{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-color:rgb(37 99 235/0.2)}.card{overflow:hidden;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(251 220 191/0.6);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.card:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-header{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(253 235 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 250 246/var(--tw-bg-opacity,1))}.card-body,.card-header{padding:1.25rem 1.5rem}.card-footer{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(253 235 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 250 246/var(--tw-bg-opacity,1));padding:1rem 1.5rem}.card-outlined{border-width:1px;--tw-border-opacity:1;border-color:rgb(253 235 216/var(--tw-border-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.card-elevated,.card-outlined{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-elevated{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-shadow-color:rgb(200 90 26/0.05);--tw-shadow:var(--tw-shadow-colored)}.input{display:block;width:100%;border-radius:.375rem;border-width:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(44 24 16/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(251 220 191/var(--tw-ring-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.input::-moz-placeholder{--tw-text-opacity:1;color:rgb(155 99 71/var(--tw-text-opacity,1))}.input::placeholder{--tw-text-opacity:1;color:rgb(155 99 71/var(--tw-text-opacity,1))}.input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(200 90 26/var(--tw-ring-opacity,1))}.input:is(.dark *){--tw-bg-opacity:1;background-color:rgb(44 24 16/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(254 245 236/var(--tw-text-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(94 52 32/var(--tw-ring-opacity,1))}.input:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(185 136 112/var(--tw-text-opacity,1))}.input:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(185 136 112/var(--tw-text-opacity,1))}@media (min-width:640px){.input{font-size:.875rem;line-height:1.5rem}}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.input:disabled{background-color:var(--bg-tertiary);opacity:.6;cursor:not-allowed}.alert{margin-bottom:1rem;border-radius:.375rem;padding:1rem}.alert-success{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(22 163 74/0.2)}.alert-success,.alert-warning{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.alert-warning{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(202 138 4/0.2)}.alert-danger{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(220 38 38/0.2)}.alert-danger,.alert-info{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.alert-info{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(37 99 235/0.2)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.difficulty-easy{background-color:var(--color-success-bg);color:var(--color-success)}.difficulty-medium{background-color:var(--color-warning-bg);color:var(--color-warning)}.difficulty-hard,.expiry-expired{background-color:var(--color-danger-bg);color:var(--color-danger)}.expiry-urgent{background-color:var(--color-warning-bg);color:var(--color-warning)}.expiry-normal{background-color:var(--color-success-bg);color:var(--color-success)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width:640px){.container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.container{padding:0 var(--spacing-8)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:var(--radius-md)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.status-dot.online{background-color:var(--color-success)}.status-dot.offline{background-color:var(--color-gray-400)}.status-dot.busy{background-color:var(--color-danger)}.status-dot.away{background-color:var(--color-warning)}