:root{--font-xs-mobile:0.5rem;--font-sm-mobile:0.625rem;--font-base-mobile:0.75rem;--font-lg-mobile:0.875rem;--font-xl-mobile:1rem;--font-2xl-mobile:1.125rem;--font-3xl-mobile:1.25rem;--font-xs-desktop:0.625rem;--font-sm-desktop:0.75rem;--font-base-desktop:0.875rem;--font-lg-desktop:1rem;--font-xl-desktop:1.125rem;--font-2xl-desktop:1.25rem;--font-3xl-desktop:1.5rem;--space-xs-mobile:0.125rem;--space-sm-mobile:0.25rem;--space-md-mobile:0.5rem;--space-lg-mobile:0.75rem;--space-xl-mobile:1rem;--space-2xl-mobile:1.25rem;--space-3xl-mobile:1.5rem;--space-xs-desktop:0.25rem;--space-sm-desktop:0.375rem;--space-md-desktop:0.75rem;--space-lg-desktop:1rem;--space-xl-desktop:1.25rem;--space-2xl-desktop:1.5rem;--space-3xl-desktop:2rem;--color-primary:#FF922B;--color-primary-hover:#E68326;--color-primary-active:#CC6F21;--color-primary-light:#FFF9F3;--color-secondary:#1F382D;--color-secondary-hover:#264435;--color-secondary-active:#182D23;--color-secondary-light:#264435;--color-accent:#FFF9F3;--color-accent-hover:#FFF9F3;--color-accent-light:#FFF9F3;--color-neutral:#F2F2F2;--color-success:#2E7D32;--color-success-light:#d1fae5;--color-warning:#E67E22;--color-warning-light:#fef3c7;--color-error:#D32F2F;--color-error-light:#fee2e2;--color-text-heading:#000000;--color-text-body:#1A1A1A;--color-text-muted:#6B6B6B;--color-bg-primary:#FFFFFF;--color-bg-soft:#FFF9F3;--color-bg-dark:#1F382D;--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;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--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);--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out}.text-xs-responsive{font-size:var(--font-xs-mobile)}.text-sm-responsive{font-size:var(--font-sm-mobile)}.text-base-responsive{font-size:var(--font-base-mobile)}.text-lg-responsive{font-size:var(--font-lg-mobile)}.text-xl-responsive{font-size:var(--font-xl-mobile)}.text-2xl-responsive{font-size:var(--font-2xl-mobile)}.text-3xl-responsive{font-size:var(--font-3xl-mobile)}@media (min-width:768px){.text-xs-responsive{font-size:var(--font-xs-desktop)}.text-sm-responsive{font-size:var(--font-sm-desktop)}.text-base-responsive{font-size:var(--font-base-desktop)}.text-lg-responsive{font-size:var(--font-lg-desktop)}.text-xl-responsive{font-size:var(--font-xl-desktop)}.text-2xl-responsive{font-size:var(--font-2xl-desktop)}.text-3xl-responsive{font-size:var(--font-3xl-desktop)}}.p-responsive{padding:var(--space-md-mobile)}.px-responsive{padding-left:var(--space-md-mobile);padding-right:var(--space-md-mobile)}.py-responsive{padding-top:var(--space-md-mobile);padding-bottom:var(--space-md-mobile)}.p-sm-responsive{padding:var(--space-sm-mobile)}.p-lg-responsive{padding:var(--space-lg-mobile)}.px-sm-responsive{padding-left:var(--space-sm-mobile);padding-right:var(--space-sm-mobile)}.px-lg-responsive{padding-left:var(--space-lg-mobile);padding-right:var(--space-lg-mobile)}.py-sm-responsive{padding-top:var(--space-sm-mobile);padding-bottom:var(--space-sm-mobile)}.py-lg-responsive{padding-top:var(--space-lg-mobile);padding-bottom:var(--space-lg-mobile)}.m-responsive{margin:var(--space-md-mobile)}.mx-responsive{margin-left:var(--space-md-mobile);margin-right:var(--space-md-mobile)}.my-responsive{margin-top:var(--space-md-mobile);margin-bottom:var(--space-md-mobile)}.m-sm-responsive{margin:var(--space-sm-mobile)}.m-lg-responsive{margin:var(--space-lg-mobile)}.mx-sm-responsive{margin-left:var(--space-sm-mobile);margin-right:var(--space-sm-mobile)}.mx-lg-responsive{margin-left:var(--space-lg-mobile);margin-right:var(--space-lg-mobile)}.my-sm-responsive{margin-top:var(--space-sm-mobile);margin-bottom:var(--space-sm-mobile)}.my-lg-responsive{margin-top:var(--space-lg-mobile);margin-bottom:var(--space-lg-mobile)}@media (min-width:768px){.p-responsive{padding:var(--space-md-desktop)}.px-responsive{padding-left:var(--space-md-desktop);padding-right:var(--space-md-desktop)}.py-responsive{padding-top:var(--space-md-desktop);padding-bottom:var(--space-md-desktop)}.p-sm-responsive{padding:var(--space-sm-desktop)}.p-lg-responsive{padding:var(--space-lg-desktop)}.px-sm-responsive{padding-left:var(--space-sm-desktop);padding-right:var(--space-sm-desktop)}.px-lg-responsive{padding-left:var(--space-lg-desktop);padding-right:var(--space-lg-desktop)}.py-sm-responsive{padding-top:var(--space-sm-desktop);padding-bottom:var(--space-sm-desktop)}.py-lg-responsive{padding-top:var(--space-lg-desktop);padding-bottom:var(--space-lg-desktop)}.m-responsive{margin:var(--space-md-desktop)}.mx-responsive{margin-left:var(--space-md-desktop);margin-right:var(--space-md-desktop)}.my-responsive{margin-top:var(--space-md-desktop);margin-bottom:var(--space-md-desktop)}.m-sm-responsive{margin:var(--space-sm-desktop)}.m-lg-responsive{margin:var(--space-lg-desktop)}.mx-sm-responsive{margin-left:var(--space-sm-desktop);margin-right:var(--space-sm-desktop)}.mx-lg-responsive{margin-left:var(--space-lg-desktop);margin-right:var(--space-lg-desktop)}.my-sm-responsive{margin-top:var(--space-sm-desktop);margin-bottom:var(--space-sm-desktop)}.my-lg-responsive{margin-top:var(--space-lg-desktop);margin-bottom:var(--space-lg-desktop)}}.btn-primary{background-color:var(--color-primary);color:white;border-radius:var(--radius-lg);font-weight:500;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-weight:500;transition:all var(--transition-normal)}.btn-secondary:hover{background-color:var(--color-gray-200)}.btn-success{background-color:var(--color-success);color:white;border-radius:var(--radius-lg);font-weight:500;transition:all var(--transition-normal)}.btn-success:hover{background-color:#059669}.btn-error{background-color:var(--color-error);color:white;border-radius:var(--radius-lg);font-weight:500;transition:all var(--transition-normal)}.btn-error:hover{background-color:#dc2626}.card{background-color:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--color-gray-200)}.card-body,.card-footer,.card-header{padding:var(--space-lg-mobile)}.card-footer{border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}@media (min-width:768px){.card-body,.card-footer,.card-header{padding:var(--space-lg-desktop)}}.input{width:100%;padding:var(--space-sm-mobile) var(--space-md-mobile);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--font-sm-mobile);transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}@media (min-width:768px){.input{padding:var(--space-sm-desktop) var(--space-md-desktop);font-size:var(--font-sm-desktop)}}.badge{display:inline-flex;align-items:center;padding:var(--space-xs-mobile) var(--space-sm-mobile);border-radius:var(--radius-full);font-size:var(--font-xs-mobile);font-weight:500}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700)}@media (min-width:768px){.badge{padding:var(--space-xs-desktop) var(--space-sm-desktop);font-size:var(--font-xs-desktop)}}.spinner{width:1rem;height:1rem;border-top:2px solid var(--color-gray-300);border:2px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:.75rem;height:.75rem;border-width:1px}.spinner-lg{width:1.5rem;height:1.5rem;border-width:3px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm-mobile)}@media (min-width:640px){.photo-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-md-mobile)}}@media (min-width:1024px){.photo-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-md-desktop)}}.photo-item{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.photo-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.toggle-switch{background-color:var(--color-gray-100);padding:var(--space-xs-mobile);display:flex}.toggle-button,.toggle-switch{border-radius:var(--radius-full)}.toggle-button{flex:1;padding:var(--space-sm-mobile) var(--space-md-mobile);font-weight:500;font-size:var(--font-sm-mobile);transition:all var(--transition-normal);border:none;background:transparent;cursor:pointer}.toggle-button.active{background-color:var(--color-primary);color:white;box-shadow:var(--shadow-sm)}@media (min-width:768px){.toggle-switch{padding:var(--space-xs-desktop)}.toggle-button{padding:var(--space-sm-desktop) var(--space-md-desktop);font-size:var(--font-sm-desktop)}}.pdf-overlay{position:absolute;background-color:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);cursor:pointer}.pdf-overlay:hover{background-color:rgba(0,0,0,.9)}.pdf-overlay:disabled{opacity:.3;cursor:not-allowed}.pill-status{position:absolute;bottom:var(--space-sm-mobile);right:var(--space-sm-mobile);background-color:rgba(31,41,55,.9);color:white;padding:var(--space-xs-mobile) var(--space-sm-mobile);border-radius:var(--radius-full);font-size:var(--font-xs-mobile);font-weight:500;z-index:10}@media (min-width:768px){.pill-status{bottom:var(--space-sm-desktop);right:var(--space-sm-desktop);padding:var(--space-xs-desktop) var(--space-sm-desktop);font-size:var(--font-xs-desktop)}}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-accent{border-color:var(--color-accent)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.hidden-mobile{display:none}@media (min-width:768px){.hidden-mobile{display:block}}.visible-mobile{display:block}@media (min-width:768px){.visible-mobile{display:none}}@media print{.no-print{display:none!important}.print-only{display:block!important}.card{box-shadow:none;border:1px solid var(--color-gray-300)}}