:root{--color-primary:#c45c1c;--color-primary-dark:#9a4515;--color-primary-light:#e07830;--color-bg:#faf8f6;--color-bg-card:#fff;--color-bg-dark:#2d2a27;--color-text:#1a1714;--color-text-muted:#6b635a;--color-border:#d4ccc4;--color-success:#2d7a4f;--color-warning:#b8860b;--color-error:#b83232;--color-excellent:#2d7a4f;--color-good:#4a7c59;--color-moderate:#b8860b;--color-low:#8b6b5a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-base:18px;--font-size-sm:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:32px;--line-height:1.5;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}input,textarea,select,button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.error-message{color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-error);margin-bottom:var(--spacing-md);background-color:#b832321a}.success-message{color:var(--color-success);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-success);margin-bottom:var(--spacing-md);background-color:#2d7a4f1a}