:root{--background:#efefef;--text-primary:#111827;--text-secondary:#6b7280;--nav-background:#ffffff;--nav-border:#e5e7eb;--nav-secondary:#fcfcfc;--hover-background:#f3f4f6;--accent-color:#e31e25;--error-color:#E31E25;--main-button-bg:#e31e25;--main-button-bg-hover:#b3161c;--secondary-button-bg:#6c757d;--secondary-button-bg-hover:#5a6268;--dropdown-bg:white;--dropdown-border:#ccc;--dropdown-button-text:#e31e25;--dropdown-button-hover-bg:#f1f1f1;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-xs:10px;--font-sm:12px;--font-base:14px;--font-lg:16px;--font-xl:18px;--font-2xl:24px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--focus-shadow:0 0 0 2px rgba(227,30,37,0.1);--color-scheme:light;--calendar-icon-filter:invert(0.3)}[data-theme=dark]{--background:#111827;--text-primary:#f9fafb;--text-secondary:#9ca3af;--nav-background:#1f2937;--nav-border:#374151;--nav-secondary:#1a1f2b;--hover-background:#2d3748;--accent-color:#e31e25;--error-color:#E31E25;--main-button-bg:#e31e25;--main-button-bg-hover:#b3161c;--secondary-button-bg:#4b5563;--secondary-button-bg-hover:#374151;--dropdown-bg:#1f2937;--dropdown-border:#374151;--dropdown-button-text:#f9fafb;--dropdown-button-hover-bg:#2d3748;--focus-shadow:0 0 0 2px rgba(227,30,37,0.2);--color-scheme:dark;--calendar-icon-filter:invert(1)}body,html{max-width:100vw;overflow-x:hidden}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-fira-sans),Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.page-container{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--background);min-height:calc(100vh - 60px);max-width:1600px;margin:0 auto}.card{background:var(--nav-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--nav-border)}.heading,.subheading{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-xl);font-weight:500}.input-field{width:100%;padding:var(--spacing-sm);border:1px solid var(--nav-border);border-radius:var(--border-radius-md);font-size:var(--font-base);color:var(--text-primary);background:var(--background);transition:all .2s ease;color-scheme:light dark}.input-field:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--focus-shadow)}[data-theme=light] .input-field[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.select-field{padding:var(--spacing-sm);border:1px solid var(--nav-border);border-radius:var(--border-radius-sm);font-size:var(--font-base);background-color:var(--nav-background);color:var(--text-primary)}.select-field:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--focus-shadow)}.select-field option{background-color:var(--nav-background);color:var(--text-primary);padding:var(--spacing-sm)}.primary-button{background-color:var(--main-button-bg);color:white;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer}.primary-button:hover{background-color:var(--main-button-bg-hover)}.secondary-button{background:var(--nav-background);color:var(--text-primary);border:1px solid var(--nav-border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);cursor:pointer}.secondary-button:hover{background-color:var(--nav-border)}@media (max-width:768px){.page-container{flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.card{padding:var(--spacing-lg) var(--spacing-md)}.heading,.subheading{font-size:var(--font-lg);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}}@media (max-width:480px){.card{padding:var(--spacing-md) var(--spacing-sm)}.heading,.subheading{margin-bottom:var(--spacing-md)}}