[{"data":1,"prerenderedAt":17695},["ShallowReactive",2],{"navigation":3,"/static-assets-and-frontend-integration/integrating-css-and-javascript":1016,"/static-assets-and-frontend-integration/integrating-css-and-javascript-surround":17690},[4,54,89,123,165,211,253,331,389,439,462,488,514,540,578,624,650,672,702,736,774,800,850,856,862,868,874,928],{"title":5,"path":6,"stem":7,"children":8},"Introduction and Foundations","/introduction-and-foundations","01.introduction-and-foundations/01.index",[9,10,14,18,22,26,30,34,38,42,46,50],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"What is Django","/introduction-and-foundations/what-is-django","01.introduction-and-foundations/02.what-is-django",{"title":15,"path":16,"stem":17},"Key Concepts and Philosophy","/introduction-and-foundations/key-concepts-and-philosophy","01.introduction-and-foundations/03.key-concepts-and-philosophy",{"title":19,"path":20,"stem":21},"MVC vs MVT: Understanding Django's Architecture","/introduction-and-foundations/mvc-vs-mvt","01.introduction-and-foundations/04.mvc-vs-mvt",{"title":23,"path":24,"stem":25},"Project Structure Overview","/introduction-and-foundations/project-structure-overview","01.introduction-and-foundations/05.project-structure-overview",{"title":27,"path":28,"stem":29},"Installing Django","/introduction-and-foundations/installing-django","01.introduction-and-foundations/06.installing-django",{"title":31,"path":32,"stem":33},"Creating Your First Django Project","/introduction-and-foundations/creating-first-project","01.introduction-and-foundations/07.creating-first-project",{"title":35,"path":36,"stem":37},"Creating Your First Django App","/introduction-and-foundations/creating-first-app","01.introduction-and-foundations/08.creating-first-app",{"title":39,"path":40,"stem":41},"Your First Django \"Hello World\"","/introduction-and-foundations/hello-world","01.introduction-and-foundations/09.hello-world",{"title":43,"path":44,"stem":45},"Django Quick Start Guide","/introduction-and-foundations/quick-start-guide","01.introduction-and-foundations/10.quick-start-guide",{"title":47,"path":48,"stem":49},"How Django Handles Requests","/introduction-and-foundations/how-django-handles-requests","01.introduction-and-foundations/11.how-django-handles-requests",{"title":51,"path":52,"stem":53},"Django Settings","/introduction-and-foundations/django-settings","01.introduction-and-foundations/12.django-settings",{"title":55,"path":56,"stem":57,"children":58},"The Development Environment","/development-environment","02.development-environment/1.index",[59,61,65,69,73,77,81,85],{"title":60,"path":56,"stem":57},"Development Environment",{"title":62,"path":63,"stem":64},"Recommended Tooling for Django Development","/development-environment/recommended-tooling","02.development-environment/2.recommended-tooling",{"title":66,"path":67,"stem":68},"Virtual Environments","/development-environment/virtual-environments","02.development-environment/3.virtual-environments",{"title":70,"path":71,"stem":72},"Django Admin and Management Commands","/development-environment/admin-and-management-commands","02.development-environment/4.admin-and-management-commands",{"title":74,"path":75,"stem":76},"Django Project Settings","/development-environment/project-settings","02.development-environment/5.project-settings",{"title":78,"path":79,"stem":80},"Managing Django Environments: Local, Staging, and Production","/development-environment/environments-local-staging-production","02.development-environment/6.environments-local-staging-production",{"title":82,"path":83,"stem":84},"Running Django Development Server","/development-environment/running-development-server","02.development-environment/7.running-development-server",{"title":86,"path":87,"stem":88},"Working with Django Shell","/development-environment/working-with-shell","02.development-environment/8.working-with-shell",{"title":90,"path":91,"stem":92,"children":93},"Templates and Presentation Layer","/templates-and-presentation","03.templates-and-presentation/1.index",[94,95,99,103,107,111,115,119],{"title":90,"path":91,"stem":92},{"title":96,"path":97,"stem":98},"Introduction to Django Templates","/templates-and-presentation/introduction-to-templates","03.templates-and-presentation/2.introduction-to-templates",{"title":100,"path":101,"stem":102},"The Django Template Language","/templates-and-presentation/django-template-language","03.templates-and-presentation/3.django-template-language",{"title":104,"path":105,"stem":106},"Template Inheritance","/templates-and-presentation/template-inheritance","03.templates-and-presentation/4.template-inheritance",{"title":108,"path":109,"stem":110},"Built-in Template Tags and Filters","/templates-and-presentation/built-in-template-tags-and-filters","03.templates-and-presentation/5.built-in-template-tags-and-filters",{"title":112,"path":113,"stem":114},"Including Static Files","/templates-and-presentation/including-static-files","03.templates-and-presentation/6.including-static-files",{"title":116,"path":117,"stem":118},"Working with Media Files","/templates-and-presentation/working-with-media-files","03.templates-and-presentation/7.working-with-media-files",{"title":120,"path":121,"stem":122},"Using Alternative Template Engines","/templates-and-presentation/using-alternative-template-engines","03.templates-and-presentation/8.using-alternative-template-engines",{"title":124,"path":125,"stem":126,"children":127},"URLs and Views","/urls-and-views","04.urls-and-views/01.index",[128,129,133,137,141,145,149,153,157,161],{"title":124,"path":125,"stem":126},{"title":130,"path":131,"stem":132},"The URL Dispatcher","/urls-and-views/the-url-dispatcher","04.urls-and-views/02.the-url-dispatcher",{"title":134,"path":135,"stem":136},"Writing Function-Based Views","/urls-and-views/writing-function-based-views","04.urls-and-views/03.writing-function-based-views",{"title":138,"path":139,"stem":140},"View Decorators","/urls-and-views/view-decorators","04.urls-and-views/04.view-decorators",{"title":142,"path":143,"stem":144},"Rendering Responses","/urls-and-views/rendering-responses","04.urls-and-views/05.rendering-responses",{"title":146,"path":147,"stem":148},"Redirects","/urls-and-views/redirects","04.urls-and-views/06.redirects",{"title":150,"path":151,"stem":152},"Handling HTTP Methods","/urls-and-views/handling-http-methods","04.urls-and-views/07.handling-http-methods",{"title":154,"path":155,"stem":156},"Conditional View Processing","/urls-and-views/conditional-view-processing","04.urls-and-views/08.conditional-view-processing",{"title":158,"path":159,"stem":160},"File Uploads","/urls-and-views/file-uploads","04.urls-and-views/09.file-uploads",{"title":162,"path":163,"stem":164},"Using Django Shortcut Functions","/urls-and-views/using-django-shortcut-functions","04.urls-and-views/10.using-django-shortcut-functions",{"title":166,"path":167,"stem":168,"children":169},"Class Based Views","/class-based-views","05.class-based-views/01.index",[170,171,175,179,183,187,191,195,199,203,207],{"title":166,"path":167,"stem":168},{"title":172,"path":173,"stem":174},"Introduction to Class-Based Views","/class-based-views/introduction-to-class-based-views","05.class-based-views/02.introduction-to-class-based-views",{"title":176,"path":177,"stem":178},"Common Base Classes","/class-based-views/common-base-classes","05.class-based-views/03.common-base-classes",{"title":180,"path":181,"stem":182},"Built-in Generic Views","/class-based-views/built-in-generic-views","05.class-based-views/04.built-in-generic-views",{"title":184,"path":185,"stem":186},"Views for CRUD Operations","/class-based-views/views-for-crud-operations","05.class-based-views/05.views-for-crud-operations",{"title":188,"path":189,"stem":190},"Handling Forms with Class-Based Views","/class-based-views/handling-forms-with-class-based-views","05.class-based-views/06.handling-forms-with-class-based-views",{"title":192,"path":193,"stem":194},"Using Mixins","/class-based-views/using-mixins","05.class-based-views/07.using-mixins",{"title":196,"path":197,"stem":198},"URL Configuration with Class-Based Views","/class-based-views/url-configuration-with-class-based-views","05.class-based-views/08.url-configuration-with-class-based-views",{"title":200,"path":201,"stem":202},"Subclassing Generic Views","/class-based-views/subclassing-generic-views","05.class-based-views/09.subclassing-generic-views",{"title":204,"path":205,"stem":206},"Asynchronous Class-Based Views","/class-based-views/asynchronous-class-based-views","05.class-based-views/10.asynchronous-class-based-views",{"title":208,"path":209,"stem":210},"Pagination","/class-based-views/pagination","05.class-based-views/11.pagination",{"title":212,"path":213,"stem":214,"children":215},"Forms and User Input","/forms-and-user-input","06.forms-and-user-input/01.index",[216,217,221,225,229,233,237,241,245,249],{"title":212,"path":213,"stem":214},{"title":218,"path":219,"stem":220},"Understanding HTML Forms","/forms-and-user-input/understanding-html-forms","06.forms-and-user-input/02.understanding-html-forms",{"title":222,"path":223,"stem":224},"Django's Role in Form Handling","/forms-and-user-input/djangos-role-in-form-handling","06.forms-and-user-input/03.djangos-role-in-form-handling",{"title":226,"path":227,"stem":228},"Creating Forms with Forms API","/forms-and-user-input/creating-forms-with-forms-api","06.forms-and-user-input/04.creating-forms-with-forms-api",{"title":230,"path":231,"stem":232},"Form Validation","/forms-and-user-input/form-validation","06.forms-and-user-input/05.form-validation",{"title":234,"path":235,"stem":236},"Built-in Fields and Widgets","/forms-and-user-input/built-in-fields-and-widgets","06.forms-and-user-input/06.built-in-fields-and-widgets",{"title":238,"path":239,"stem":240},"Form Rendering in Templates","/forms-and-user-input/form-rendering-in-templates","06.forms-and-user-input/07.form-rendering-in-templates",{"title":242,"path":243,"stem":244},"Model Forms","/forms-and-user-input/model-forms","06.forms-and-user-input/08.model-forms",{"title":246,"path":247,"stem":248},"Advanced Form Techniques","/forms-and-user-input/advanced-form-techniques","06.forms-and-user-input/09.advanced-form-techniques",{"title":250,"path":251,"stem":252},"Security Considerations for Forms","/forms-and-user-input/security-considerations-for-forms","06.forms-and-user-input/10.security-considerations-for-forms",{"title":254,"path":255,"stem":256,"children":257},"Models and Databases","/models-and-databases","07.models-and-databases/01.index",[258,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327],{"title":254,"path":255,"stem":256},{"title":260,"path":261,"stem":262},"Understanding Django Models","/models-and-databases/understanding-django-models","07.models-and-databases/02.understanding-django-models",{"title":264,"path":265,"stem":266},"Defining Fields","/models-and-databases/defining-fields","07.models-and-databases/03.defining-fields",{"title":268,"path":269,"stem":270},"Relationships and Foreign Keys","/models-and-databases/relationships-and-foreign-keys","07.models-and-databases/04.relationships-and-foreign-keys",{"title":272,"path":273,"stem":274},"Examples of Relationship Patterns","/models-and-databases/examples-of-relationship-patterns","07.models-and-databases/05.examples-of-relationship-patterns",{"title":276,"path":277,"stem":278},"Making Queries","/models-and-databases/making-queries","07.models-and-databases/06.making-queries",{"title":280,"path":281,"stem":282},"Filtering, Ordering, and Slicing","/models-and-databases/filtering-ordering-slicing","07.models-and-databases/07.filtering-ordering-slicing",{"title":284,"path":285,"stem":286},"Managers and QuerySets","/models-and-databases/managers-and-querysets","07.models-and-databases/08.managers-and-querysets",{"title":288,"path":289,"stem":290},"Aggregation","/models-and-databases/aggregation","07.models-and-databases/09.aggregation",{"title":292,"path":293,"stem":294},"Search","/models-and-databases/search","07.models-and-databases/10.search",{"title":296,"path":297,"stem":298},"Raw SQL Queries","/models-and-databases/raw-sql-queries","07.models-and-databases/11.raw-sql-queries",{"title":300,"path":301,"stem":302},"Transactions","/models-and-databases/transactions","07.models-and-databases/12.transactions",{"title":304,"path":305,"stem":306},"Multiple Databases","/models-and-databases/multiple-databases","07.models-and-databases/13.multiple-databases",{"title":308,"path":309,"stem":310},"Tablespaces","/models-and-databases/tablespaces","07.models-and-databases/14.tablespaces",{"title":312,"path":313,"stem":314},"Composite Primary Keys","/models-and-databases/composite-primary-keys","07.models-and-databases/15.composite-primary-keys",{"title":316,"path":317,"stem":318},"Database Instrumentation","/models-and-databases/database-instrumentation","07.models-and-databases/16.database-instrumentation",{"title":320,"path":321,"stem":322},"Database Optimization","/models-and-databases/database-optimization","07.models-and-databases/17.database-optimization",{"title":324,"path":325,"stem":326},"Fixtures","/models-and-databases/fixtures","07.models-and-databases/18.fixtures",{"title":328,"path":329,"stem":330},"Signals","/models-and-databases/signals","07.models-and-databases/19.signals",{"title":332,"path":333,"stem":334,"children":335},"Migrations","/migrations","08.migrations/01.index",[336,337,341,345,349,353,357,361,365,369,373,377,381,385],{"title":332,"path":333,"stem":334},{"title":338,"path":339,"stem":340},"How Migrations Work","/migrations/how-migrations-work","08.migrations/02.how-migrations-work",{"title":342,"path":343,"stem":344},"Management Commands","/migrations/management-commands","08.migrations/03.management-commands",{"title":346,"path":347,"stem":348},"Dependencies and Workflow","/migrations/dependencies-and-workflow","08.migrations/04.dependencies-and-workflow",{"title":350,"path":351,"stem":352},"Transaction Handling","/migrations/transaction-handling","08.migrations/05.transaction-handling",{"title":354,"path":355,"stem":356},"Adding Migrations to Apps","/migrations/adding-migrations-to-apps","08.migrations/06.adding-migrations-to-apps",{"title":358,"path":359,"stem":360},"Reversing Migrations","/migrations/reversing-migrations","08.migrations/07.reversing-migrations",{"title":362,"path":363,"stem":364},"Historical Models","/migrations/historical-models","08.migrations/08.historical-models",{"title":366,"path":367,"stem":368},"Considerations When Removing Fields","/migrations/considerations-when-removing-fields","08.migrations/09.considerations-when-removing-fields",{"title":370,"path":371,"stem":372},"Data Migrations","/migrations/data-migrations","08.migrations/10.data-migrations",{"title":374,"path":375,"stem":376},"Squashing Migrations","/migrations/squashing-migrations","08.migrations/11.squashing-migrations",{"title":378,"path":379,"stem":380},"Serializing Values","/migrations/serializing-values","08.migrations/12.serializing-values",{"title":382,"path":383,"stem":384},"Supporting Multiple Django Versions","/migrations/supporting-multiple-django-versions","08.migrations/13.supporting-multiple-django-versions",{"title":386,"path":387,"stem":388},"Django Serialization Framework","/migrations/django-serialization-framework","08.migrations/14.django-serialization-framework",{"title":390,"path":391,"stem":392,"children":393},"Authentication and Authorization","/authentication-and-authorization","09.authentication-and-authorization/01.index",[394,395,399,403,407,411,415,419,423,427,431,435],{"title":390,"path":391,"stem":392},{"title":396,"path":397,"stem":398},"Overview of Django's Authentication System","/authentication-and-authorization/overview-of-django-authentication-system","09.authentication-and-authorization/02.overview-of-django-authentication-system",{"title":400,"path":401,"stem":402},"Users and Groups","/authentication-and-authorization/users-and-groups","09.authentication-and-authorization/03.users-and-groups",{"title":404,"path":405,"stem":406},"Permissions","/authentication-and-authorization/permissions","09.authentication-and-authorization/04.permissions",{"title":408,"path":409,"stem":410},"Password Management","/authentication-and-authorization/password-management","09.authentication-and-authorization/05.password-management",{"title":412,"path":413,"stem":414},"Authentication Views","/authentication-and-authorization/authentication-views","09.authentication-and-authorization/06.authentication-views",{"title":416,"path":417,"stem":418},"Login and Logout","/authentication-and-authorization/login-and-logout","09.authentication-and-authorization/07.login-and-logout",{"title":420,"path":421,"stem":422},"Custom User Models","/authentication-and-authorization/custom-user-models","09.authentication-and-authorization/08.custom-user-models",{"title":424,"path":425,"stem":426},"Middleware for Authentication","/authentication-and-authorization/middleware-for-authentication","09.authentication-and-authorization/09.middleware-for-authentication",{"title":428,"path":429,"stem":430},"Authorization in Views and Templates","/authentication-and-authorization/authorization-in-views-and-templates","09.authentication-and-authorization/10.authorization-in-views-and-templates",{"title":432,"path":433,"stem":434},"Integrating Social Authentication","/authentication-and-authorization/integrating-social-authentication","09.authentication-and-authorization/11.integrating-social-authentication",{"title":436,"path":437,"stem":438},"Security Best Practices","/authentication-and-authorization/security-best-practices","09.authentication-and-authorization/12.security-best-practices",{"title":440,"path":441,"stem":442,"children":443},"Sessions, Cookies, and State","/sessions-cookies-state","10.sessions-cookies-state/01.index",[444,446,450,454,458],{"title":445,"path":441,"stem":442},"Sessions, Cookies, and State Management",{"title":447,"path":448,"stem":449},"Introduction to Sessions","/sessions-cookies-state/introduction-to-sessions","10.sessions-cookies-state/02.introduction-to-sessions",{"title":451,"path":452,"stem":453},"Working with Cookies","/sessions-cookies-state/working-with-cookies","10.sessions-cookies-state/03.working-with-cookies",{"title":455,"path":456,"stem":457},"Server-Side Session Storage Options","/sessions-cookies-state/server-side-session-storage-options","10.sessions-cookies-state/04.server-side-session-storage-options",{"title":459,"path":460,"stem":461},"Session Security","/sessions-cookies-state/session-security","10.sessions-cookies-state/05.session-security",{"title":463,"path":464,"stem":465,"children":466},"Working with Files","/working-with-files","11.working-with-files/01.index",[467,468,472,476,480,484],{"title":463,"path":464,"stem":465},{"title":469,"path":470,"stem":471},"Files in Models","/working-with-files/files-in-models","11.working-with-files/02.files-in-models",{"title":473,"path":474,"stem":475},"The File Object","/working-with-files/the-file-object","11.working-with-files/03.the-file-object",{"title":477,"path":478,"stem":479},"Storage Backends","/working-with-files/storage-backends","11.working-with-files/04.storage-backends",{"title":481,"path":482,"stem":483},"Using Cloud Storage Providers","/working-with-files/using-cloud-storage-providers","11.working-with-files/05.using-cloud-storage-providers",{"title":485,"path":486,"stem":487},"Managing Media in Production","/working-with-files/managing-media-in-production","11.working-with-files/06.managing-media-in-production",{"title":489,"path":490,"stem":491,"children":492},"Admin Site","/admin-site","12.admin-site/01.index",[493,494,498,502,506,510],{"title":489,"path":490,"stem":491},{"title":495,"path":496,"stem":497},"Enabling the Admin","/admin-site/enabling-the-admin","12.admin-site/02.enabling-the-admin",{"title":499,"path":500,"stem":501},"Registering Models","/admin-site/registering-models","12.admin-site/03.registering-models",{"title":503,"path":504,"stem":505},"Customizing Admin Display","/admin-site/customizing-admin-display","12.admin-site/04.customizing-admin-display",{"title":507,"path":508,"stem":509},"Admin Actions","/admin-site/admin-actions","12.admin-site/05.admin-actions",{"title":511,"path":512,"stem":513},"Admin Security Best Practices","/admin-site/admin-security-best-practices","12.admin-site/06.admin-security-best-practices",{"title":515,"path":516,"stem":517,"children":518},"Middleware","/middleware","13.middleware/01.index",[519,520,524,528,532,536],{"title":515,"path":516,"stem":517},{"title":521,"path":522,"stem":523},"Middleware Overview","/middleware/middleware-overview","13.middleware/02.middleware-overview",{"title":525,"path":526,"stem":527},"Built-in Middleware","/middleware/built-in-middleware","13.middleware/03.built-in-middleware",{"title":529,"path":530,"stem":531},"Creating Custom Middleware","/middleware/creating-custom-middleware","13.middleware/04.creating-custom-middleware",{"title":533,"path":534,"stem":535},"Middleware Ordering","/middleware/middleware-ordering","13.middleware/05.middleware-ordering",{"title":537,"path":538,"stem":539},"Performance and Debugging","/middleware/performance-and-debugging","13.middleware/06.performance-and-debugging",{"title":541,"path":542,"stem":543,"children":544},"Security","/security","14.security/01.index",[545,546,550,554,558,562,566,570,574],{"title":541,"path":542,"stem":543},{"title":547,"path":548,"stem":549},"Django Security Philosophy","/security/django-security-philosophy","14.security/02.django-security-philosophy",{"title":551,"path":552,"stem":553},"Cross Site Request Forgery","/security/cross-site-request-forgery","14.security/03.cross-site-request-forgery",{"title":555,"path":556,"stem":557},"Cross Site Scripting","/security/cross-site-scripting","14.security/04.cross-site-scripting",{"title":559,"path":560,"stem":561},"SQL Injection Protection","/security/sql-injection-protection","14.security/05.sql-injection-protection",{"title":563,"path":564,"stem":565},"Clickjacking Protection","/security/clickjacking-protection","14.security/06.clickjacking-protection",{"title":567,"path":568,"stem":569},"HTTPS Setup and HSTS","/security/https-setup-and-hsts","14.security/07.https-setup-and-hsts",{"title":571,"path":572,"stem":573},"Password Storage and Cryptography","/security/password-storage-and-cryptography","14.security/08.password-storage-and-cryptography",{"title":575,"path":576,"stem":577},"Secure Deployment Checklist","/security/secure-deployment-checklist","14.security/09.secure-deployment-checklist",{"title":579,"path":580,"stem":581,"children":582},"Testing","/testing","15.testing/01.index",[583,584,588,592,596,600,604,608,612,616,620],{"title":579,"path":580,"stem":581},{"title":585,"path":586,"stem":587},"Introduction to Django Testing","/testing/introduction-to-django-testing","15.testing/02.introduction-to-django-testing",{"title":589,"path":590,"stem":591},"Writing and Running Tests","/testing/writing-and-running-tests","15.testing/03.writing-and-running-tests",{"title":593,"path":594,"stem":595},"Test Tools","/testing/test-tools","15.testing/04.test-tools",{"title":597,"path":598,"stem":599},"Testing Models","/testing/testing-models","15.testing/05.testing-models",{"title":601,"path":602,"stem":603},"Testing Views","/testing/testing-views","15.testing/06.testing-views",{"title":605,"path":606,"stem":607},"Testing Forms","/testing/testing-forms","15.testing/07.testing-forms",{"title":609,"path":610,"stem":611},"Testing Templates","/testing/testing-templates","15.testing/08.testing-templates",{"title":613,"path":614,"stem":615},"Testing Authentication","/testing/testing-authentication","15.testing/09.testing-authentication",{"title":617,"path":618,"stem":619},"Advanced Testing Topics","/testing/advanced-testing-topics","15.testing/10.advanced-testing-topics",{"title":621,"path":622,"stem":623},"Performance Testing","/testing/performance-testing","15.testing/11.performance-testing",{"title":625,"path":626,"stem":627,"children":628},"Static Assets and Frontend Integration","/static-assets-and-frontend-integration","16.static-assets-and-frontend-integration/01.index",[629,630,634,638,642,646],{"title":625,"path":626,"stem":627},{"title":631,"path":632,"stem":633},"Working with Static Files","/static-assets-and-frontend-integration/working-with-static-files","16.static-assets-and-frontend-integration/02.working-with-static-files",{"title":635,"path":636,"stem":637},"Integrating CSS and JavaScript","/static-assets-and-frontend-integration/integrating-css-and-javascript","16.static-assets-and-frontend-integration/03.integrating-css-and-javascript",{"title":639,"path":640,"stem":641},"Using Build Tools like Vite or Webpack","/static-assets-and-frontend-integration/using-build-tools-like-vite-or-webpack","16.static-assets-and-frontend-integration/04.using-build-tools-like-vite-or-webpack",{"title":643,"path":644,"stem":645},"Using React or Vue with Django","/static-assets-and-frontend-integration/using-react-or-vue-with-django","16.static-assets-and-frontend-integration/05.using-react-or-vue-with-django",{"title":647,"path":648,"stem":649},"Managing CORS","/static-assets-and-frontend-integration/managing-cors","16.static-assets-and-frontend-integration/06.managing-cors",{"title":651,"path":652,"stem":653,"children":654},"Internationalization and Localization","/internationalization-and-localization","17.internationalization-and-localization/01.index",[655,656,660,664,668],{"title":651,"path":652,"stem":653},{"title":657,"path":658,"stem":659},"Enabling Translation","/internationalization-and-localization/enabling-translation","17.internationalization-and-localization/02.enabling-translation",{"title":661,"path":662,"stem":663},"Translating Text in Code and Templates","/internationalization-and-localization/translating-text-in-code-and-templates","17.internationalization-and-localization/03.translating-text-in-code-and-templates",{"title":665,"path":666,"stem":667},"Timezone Support","/internationalization-and-localization/timezone-support","17.internationalization-and-localization/04.timezone-support",{"title":669,"path":670,"stem":671},"Locale Middleware","/internationalization-and-localization/locale-middleware","17.internationalization-and-localization/05.locale-middleware",{"title":673,"path":674,"stem":675,"children":676},"Caching","/caching","18.caching/01.index",[677,678,682,686,690,694,698],{"title":673,"path":674,"stem":675},{"title":679,"path":680,"stem":681},"Introduction to Caching","/caching/introduction-to-caching","18.caching/02.introduction-to-caching",{"title":683,"path":684,"stem":685},"Cache Backends","/caching/cache-backends","18.caching/03.cache-backends",{"title":687,"path":688,"stem":689},"Per View Caching","/caching/per-view-caching","18.caching/04.per-view-caching",{"title":691,"path":692,"stem":693},"Low Level Cache API","/caching/low-level-cache-api","18.caching/05.low-level-cache-api",{"title":695,"path":696,"stem":697},"Template Fragment Caching","/caching/template-fragment-caching","18.caching/06.template-fragment-caching",{"title":699,"path":700,"stem":701},"Deployment Level Caching Patterns","/caching/deployment-level-caching-patterns","18.caching/07.deployment-level-caching-patterns",{"title":703,"path":704,"stem":705,"children":706},"Asynchronous Django","/asynchronous-django","19.asynchronous-django/01.index",[707,708,712,716,720,724,728,732],{"title":703,"path":704,"stem":705},{"title":709,"path":710,"stem":711},"Introduction to ASGI","/asynchronous-django/introduction-to-asgi","19.asynchronous-django/02.introduction-to-asgi",{"title":713,"path":714,"stem":715},"Async Views","/asynchronous-django/async-views","19.asynchronous-django/03.async-views",{"title":717,"path":718,"stem":719},"Async ORM Status","/asynchronous-django/async-orm-status","19.asynchronous-django/04.async-orm-status",{"title":721,"path":722,"stem":723},"WebSockets with Channels","/asynchronous-django/websockets-with-channels","19.asynchronous-django/05.websockets-with-channels",{"title":725,"path":726,"stem":727},"Background Tasks with Celery or RQ","/asynchronous-django/background-tasks-with-celery-or-rq","19.asynchronous-django/06.background-tasks-with-celery-or-rq",{"title":729,"path":730,"stem":731},"Asynchronous Support","/asynchronous-django/asynchronous-support","19.asynchronous-django/07.asynchronous-support",{"title":733,"path":734,"stem":735},"Django's Tasks Framework","/asynchronous-django/django-tasks-framework","19.asynchronous-django/08.django-tasks-framework",{"title":737,"path":738,"stem":739,"children":740},"Deployment","/deployment","20.deployment/01.index",[741,742,746,750,754,758,762,766,770],{"title":737,"path":738,"stem":739},{"title":743,"path":744,"stem":745},"Preparing for Production","/deployment/preparing-for-production","20.deployment/02.preparing-for-production",{"title":747,"path":748,"stem":749},"Using WSGI and ASGI Servers","/deployment/using-wsgi-and-asgi-servers","20.deployment/03.using-wsgi-and-asgi-servers",{"title":751,"path":752,"stem":753},"Deploying on Linux Servers","/deployment/deploying-on-linux-servers","20.deployment/04.deploying-on-linux-servers",{"title":755,"path":756,"stem":757},"Using Docker","/deployment/using-docker","20.deployment/05.using-docker",{"title":759,"path":760,"stem":761},"Cloud Deployment Guides","/deployment/cloud-deployment-guides","20.deployment/06.cloud-deployment-guides",{"title":763,"path":764,"stem":765},"Scaling and Load Balancing","/deployment/scaling-and-load-balancing","20.deployment/07.scaling-and-load-balancing",{"title":767,"path":768,"stem":769},"Monitoring and Logging","/deployment/monitoring-and-logging","20.deployment/08.monitoring-and-logging",{"title":771,"path":772,"stem":773},"Backup Strategies","/deployment/backup-strategies","20.deployment/09.backup-strategies",{"title":775,"path":776,"stem":777,"children":778},"Performance and Optimization","/performance-and-optimization","21.performance-and-optimization/01.index",[779,780,784,788,792,796],{"title":775,"path":776,"stem":777},{"title":781,"path":782,"stem":783},"Query Optimization","/performance-and-optimization/query-optimization","21.performance-and-optimization/02.query-optimization",{"title":785,"path":786,"stem":787},"Template Rendering Optimization","/performance-and-optimization/template-rendering-optimization","21.performance-and-optimization/03.template-rendering-optimization",{"title":789,"path":790,"stem":791},"Using Select Related and Prefetch Related","/performance-and-optimization/using-select-related-and-prefetch-related","21.performance-and-optimization/04.using-select-related-and-prefetch-related",{"title":793,"path":794,"stem":795},"Caching Strategies","/performance-and-optimization/caching-strategies","21.performance-and-optimization/05.caching-strategies",{"title":797,"path":798,"stem":799},"Profiling Django Apps","/performance-and-optimization/profiling-django-apps","21.performance-and-optimization/06.profiling-django-apps",{"title":801,"path":802,"stem":803,"children":804},"Advanced and Expert Topics","/advanced-and-expert-topics","22.advanced-and-expert-topics/01.index",[805,806,810,814,818,822,826,830,834,838,842,846],{"title":801,"path":802,"stem":803},{"title":807,"path":808,"stem":809},"System Architecture Patterns","/advanced-and-expert-topics/system-architecture-patterns","22.advanced-and-expert-topics/02.system-architecture-patterns",{"title":811,"path":812,"stem":813},"Domain Driven Design with Django","/advanced-and-expert-topics/domain-driven-design-with-django","22.advanced-and-expert-topics/03.domain-driven-design-with-django",{"title":815,"path":816,"stem":817},"Building Large Scale Django Projects","/advanced-and-expert-topics/building-large-scale-django-projects","22.advanced-and-expert-topics/04.building-large-scale-django-projects",{"title":819,"path":820,"stem":821},"Plugin Architectures for Django Apps","/advanced-and-expert-topics/plugin-architectures-for-django-apps","22.advanced-and-expert-topics/05.plugin-architectures-for-django-apps",{"title":823,"path":824,"stem":825},"Extending Django's Core","/advanced-and-expert-topics/extending-djangos-core","22.advanced-and-expert-topics/06.extending-djangos-core",{"title":827,"path":828,"stem":829},"Custom ORM Expressions","/advanced-and-expert-topics/custom-orm-expressions","22.advanced-and-expert-topics/07.custom-orm-expressions",{"title":831,"path":832,"stem":833},"Custom Management Commands","/advanced-and-expert-topics/custom-management-commands","22.advanced-and-expert-topics/08.custom-management-commands",{"title":835,"path":836,"stem":837},"Working with Signals","/advanced-and-expert-topics/working-with-signals","22.advanced-and-expert-topics/09.working-with-signals",{"title":839,"path":840,"stem":841},"Building Reusable Django Packages","/advanced-and-expert-topics/building-reusable-django-packages","22.advanced-and-expert-topics/10.building-reusable-django-packages",{"title":843,"path":844,"stem":845},"Integrating Microservices","/advanced-and-expert-topics/integrating-microservices","22.advanced-and-expert-topics/11.integrating-microservices",{"title":847,"path":848,"stem":849},"Advanced Security Hardening","/advanced-and-expert-topics/advanced-security-hardening","22.advanced-and-expert-topics/12.advanced-security-hardening",{"title":851,"path":852,"stem":853,"children":854},"Logging in Django","/logging-in-django","23.logging-in-django/01.index",[855],{"title":851,"path":852,"stem":853},{"title":857,"path":858,"stem":859,"children":860},"FAQ and Troubleshooting","/faq-and-troubleshooting","24.faq-and-troubleshooting/01.index",[861],{"title":857,"path":858,"stem":859},{"title":863,"path":864,"stem":865,"children":866},"External Packages and Ecosystem","/external-packages-and-ecosystem","25.external-packages-and-ecosystem/01.index",[867],{"title":863,"path":864,"stem":865},{"title":869,"path":870,"stem":871,"children":872},"Django Internals and Contributing","/django-internals-and-contributing","26.django-internals-and-contributing/01.index",[873],{"title":869,"path":870,"stem":871},{"title":875,"path":876,"stem":877,"children":878},"Microservices with Django","/microservices-with-django","27.microservices-with-django/01.index",[879,880,884,888,892,896,900,904,908,912,916,920,924],{"title":875,"path":876,"stem":877},{"title":881,"path":882,"stem":883},"What Is a Microservice?","/microservices-with-django/what-is-a-microservice","27.microservices-with-django/02.what-is-a-microservice",{"title":885,"path":886,"stem":887},"Introducing the Django Microservices Architecture","/microservices-with-django/django-microservices-architecture","27.microservices-with-django/03.django-microservices-architecture",{"title":889,"path":890,"stem":891},"Setting Up the Development and Runtime Environment","/microservices-with-django/development-environment","27.microservices-with-django/04.development-environment",{"title":893,"path":894,"stem":895},"Cloud-native Data Processing with MongoDB","/microservices-with-django/cloud-native-data-processing","27.microservices-with-django/05.cloud-native-data-processing",{"title":897,"path":898,"stem":899},"Creating RESTful APIs for Microservices","/microservices-with-django/restful-apis","27.microservices-with-django/06.restful-apis",{"title":901,"path":902,"stem":903},"Orchestrating Microservices with Celery and RabbitMQ","/microservices-with-django/orchestrating-celery-rabbitmq","27.microservices-with-django/07.orchestrating-celery-rabbitmq",{"title":905,"path":906,"stem":907},"Testing Microservices","/microservices-with-django/testing-microservices","27.microservices-with-django/08.testing-microservices",{"title":909,"path":910,"stem":911},"Deploying Microservices","/microservices-with-django/deploying-microservices","27.microservices-with-django/09.deploying-microservices",{"title":913,"path":914,"stem":915},"Securing Microservices","/microservices-with-django/securing-microservices","27.microservices-with-django/10.securing-microservices",{"title":917,"path":918,"stem":919},"Improving Microservices Performance with Caching","/microservices-with-django/performance-caching","27.microservices-with-django/11.performance-caching",{"title":921,"path":922,"stem":923},"Best Practices","/microservices-with-django/best-practices","27.microservices-with-django/12.best-practices",{"title":925,"path":926,"stem":927},"Transforming a Monolithic Web App into a Microservice version","/microservices-with-django/monolith-to-microservices","27.microservices-with-django/13.monolith-to-microservices",{"title":929,"path":930,"stem":931,"children":932},"Releases","/releases","releases",[933,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012],{"title":934,"path":930,"stem":935},"Django Releases","releases/index",{"title":937,"path":938,"stem":939},"Django 5.1.10 release notes","/releases/5.1.10","releases/5.1.10",{"title":941,"path":942,"stem":943},"Django 5.1.11 release notes","/releases/5.1.11","releases/5.1.11",{"title":945,"path":946,"stem":947},"Django 5.1.12 release notes","/releases/5.1.12","releases/5.1.12",{"title":949,"path":950,"stem":951},"Django 5.1.13 release notes","/releases/5.1.13","releases/5.1.13",{"title":953,"path":954,"stem":955},"Django 5.1.14 release notes","/releases/5.1.14","releases/5.1.14",{"title":957,"path":958,"stem":959},"Django 5.1.15 release notes","/releases/5.1.15","releases/5.1.15",{"title":961,"path":962,"stem":963},"Django 5.2 release notes","/releases/5.2","releases/5.2",{"title":965,"path":966,"stem":967},"Django 5.2.1 release notes","/releases/5.2.1","releases/5.2.1",{"title":969,"path":970,"stem":971},"Django 5.2.10 release notes","/releases/5.2.10","releases/5.2.10",{"title":973,"path":974,"stem":975},"Django 5.2.2 release notes","/releases/5.2.2","releases/5.2.2",{"title":977,"path":978,"stem":979},"Django 5.2.3 release notes","/releases/5.2.3","releases/5.2.3",{"title":981,"path":982,"stem":983},"Django 5.2.4 release notes","/releases/5.2.4","releases/5.2.4",{"title":985,"path":986,"stem":987},"Django 5.2.5 release notes","/releases/5.2.5","releases/5.2.5",{"title":989,"path":990,"stem":991},"Django 5.2.6 release notes","/releases/5.2.6","releases/5.2.6",{"title":993,"path":994,"stem":995},"Django 5.2.7 release notes","/releases/5.2.7","releases/5.2.7",{"title":997,"path":998,"stem":999},"Django 5.2.8 release notes","/releases/5.2.8","releases/5.2.8",{"title":1001,"path":1002,"stem":1003},"Django 5.2.9 release notes","/releases/5.2.9","releases/5.2.9",{"title":1005,"path":1006,"stem":1007},"Django 6.0 release notes","/releases/6.0","releases/6.0",{"title":1009,"path":1010,"stem":1011},"Django 6.0.1 release notes","/releases/6.0.1","releases/6.0.1",{"title":1013,"path":1014,"stem":1015},"Django 6.1 release notes - UNDER DEVELOPMENT","/releases/6.1","releases/6.1",{"id":1017,"title":635,"body":1018,"description":1028,"extension":2899,"links":17686,"meta":17687,"navigation":1472,"path":636,"seo":17688,"stem":637,"__hash__":17689},"docs/16.static-assets-and-frontend-integration/03.integrating-css-and-javascript.md",{"type":1019,"value":1020,"toc":17657},"minimark",[1021,1025,1029,1034,1039,2088,2092,2645,2649,3239,3802,3806,3810,4890,4894,6117,6121,8244,8248,8252,8864,8868,9455,9459,9463,10031,10035,11845,11849,11853,13031,13035,15003,15007,15011,16716,16720,17619,17623,17626,17629,17651,17654],[1022,1023,635],"h1",{"id":1024},"integrating-css-and-javascript",[1026,1027,1028],"p",{},"Modern web applications require sophisticated CSS and JavaScript integration to deliver rich user experiences. This chapter covers advanced techniques for organizing, processing, and optimizing CSS and JavaScript in Django applications, including preprocessors, module systems, and build workflows.",[1030,1031,1033],"h2",{"id":1032},"css-integration-strategies","CSS Integration Strategies",[1035,1036,1038],"h3",{"id":1037},"css-architecture-and-organization","CSS Architecture and Organization",[1040,1041,1046],"pre",{"className":1042,"code":1043,"language":1044,"meta":1045,"style":1045},"language-css shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","/* static/css/base.css - Base styles and CSS custom properties */\n:root {\n  /* Color palette */\n  --primary-color: #3498db;\n  --secondary-color: #2ecc71;\n  --accent-color: #e74c3c;\n  --text-color: #2c3e50;\n  --text-muted: #7f8c8d;\n  --background-color: #ffffff;\n  --border-color: #ecf0f1;\n  \n  /* Typography */\n  --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  --font-family-heading: 'Inter', var(--font-family-base);\n  --font-size-base: 16px;\n  --line-height-base: 1.6;\n  \n  /* Spacing */\n  --spacing-xs: 0.25rem;\n  --spacing-sm: 0.5rem;\n  --spacing-md: 1rem;\n  --spacing-lg: 1.5rem;\n  --spacing-xl: 2rem;\n  \n  /* Breakpoints */\n  --breakpoint-sm: 576px;\n  --breakpoint-md: 768px;\n  --breakpoint-lg: 992px;\n  --breakpoint-xl: 1200px;\n}\n\n/* Reset and base styles */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  color: var(--text-color);\n  background-color: var(--background-color);\n  margin: 0;\n  padding: 0;\n}\n\n/* Typography */\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-family-heading);\n  font-weight: 600;\n  line-height: 1.2;\n  margin-top: 0;\n  margin-bottom: var(--spacing-md);\n}\n\nh1 { font-size: 2.5rem; }\nh2 { font-size: 2rem; }\nh3 { font-size: 1.75rem; }\nh4 { font-size: 1.5rem; }\nh5 { font-size: 1.25rem; }\nh6 { font-size: 1rem; }\n\np {\n  margin-top: 0;\n  margin-bottom: var(--spacing-md);\n}\n\n/* Links */\na {\n  color: var(--primary-color);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\na:hover,\na:focus {\n  color: var(--accent-color);\n  text-decoration: underline;\n}\n","css","",[1047,1048,1049,1058,1072,1078,1097,1112,1127,1142,1157,1172,1187,1194,1200,1242,1272,1290,1303,1308,1314,1330,1345,1360,1375,1390,1395,1401,1416,1431,1446,1461,1467,1474,1480,1490,1503,1515,1529,1534,1539,1547,1563,1580,1597,1614,1631,1644,1656,1661,1666,1672,1704,1720,1733,1745,1757,1774,1779,1784,1808,1827,1847,1867,1888,1908,1913,1920,1931,1946,1951,1956,1962,1970,1986,1999,2021,2026,2031,2043,2055,2071,2083],"code",{"__ignoreMap":1045},[1050,1051,1054],"span",{"class":1052,"line":1053},"line",1,[1050,1055,1057],{"class":1056},"s9Tkl","/* static/css/base.css - Base styles and CSS custom properties */\n",[1050,1059,1061,1065,1069],{"class":1052,"line":1060},2,[1050,1062,1064],{"class":1063},"soVBu",":",[1050,1066,1068],{"class":1067},"s5q8q","root",[1050,1070,1071],{"class":1063}," {\n",[1050,1073,1075],{"class":1052,"line":1074},3,[1050,1076,1077],{"class":1056},"  /* Color palette */\n",[1050,1079,1081,1085,1087,1090,1094],{"class":1052,"line":1080},4,[1050,1082,1084],{"class":1083},"sSC40","  --primary-color",[1050,1086,1064],{"class":1063},[1050,1088,1089],{"class":1063}," #",[1050,1091,1093],{"class":1092},"se3Ec","3498db",[1050,1095,1096],{"class":1063},";\n",[1050,1098,1100,1103,1105,1107,1110],{"class":1052,"line":1099},5,[1050,1101,1102],{"class":1083},"  --secondary-color",[1050,1104,1064],{"class":1063},[1050,1106,1089],{"class":1063},[1050,1108,1109],{"class":1092},"2ecc71",[1050,1111,1096],{"class":1063},[1050,1113,1115,1118,1120,1122,1125],{"class":1052,"line":1114},6,[1050,1116,1117],{"class":1083},"  --accent-color",[1050,1119,1064],{"class":1063},[1050,1121,1089],{"class":1063},[1050,1123,1124],{"class":1092},"e74c3c",[1050,1126,1096],{"class":1063},[1050,1128,1130,1133,1135,1137,1140],{"class":1052,"line":1129},7,[1050,1131,1132],{"class":1083},"  --text-color",[1050,1134,1064],{"class":1063},[1050,1136,1089],{"class":1063},[1050,1138,1139],{"class":1092},"2c3e50",[1050,1141,1096],{"class":1063},[1050,1143,1145,1148,1150,1152,1155],{"class":1052,"line":1144},8,[1050,1146,1147],{"class":1083},"  --text-muted",[1050,1149,1064],{"class":1063},[1050,1151,1089],{"class":1063},[1050,1153,1154],{"class":1092},"7f8c8d",[1050,1156,1096],{"class":1063},[1050,1158,1160,1163,1165,1167,1170],{"class":1052,"line":1159},9,[1050,1161,1162],{"class":1083},"  --background-color",[1050,1164,1064],{"class":1063},[1050,1166,1089],{"class":1063},[1050,1168,1169],{"class":1092},"ffffff",[1050,1171,1096],{"class":1063},[1050,1173,1175,1178,1180,1182,1185],{"class":1052,"line":1174},10,[1050,1176,1177],{"class":1083},"  --border-color",[1050,1179,1064],{"class":1063},[1050,1181,1089],{"class":1063},[1050,1183,1184],{"class":1092},"ecf0f1",[1050,1186,1096],{"class":1063},[1050,1188,1190],{"class":1052,"line":1189},11,[1050,1191,1193],{"class":1192},"sftqT","  \n",[1050,1195,1197],{"class":1052,"line":1196},12,[1050,1198,1199],{"class":1056},"  /* Typography */\n",[1050,1201,1203,1206,1208,1211,1214,1217,1219,1223,1227,1230,1232,1235,1237,1240],{"class":1052,"line":1202},13,[1050,1204,1205],{"class":1083},"  --font-family-base",[1050,1207,1064],{"class":1063},[1050,1209,1210],{"class":1092}," -apple-system",[1050,1212,1213],{"class":1063},",",[1050,1215,1216],{"class":1192}," BlinkMacSystemFont",[1050,1218,1213],{"class":1063},[1050,1220,1222],{"class":1221},"sbYkP"," '",[1050,1224,1226],{"class":1225},"sTbE_","Segoe UI",[1050,1228,1229],{"class":1221},"'",[1050,1231,1213],{"class":1063},[1050,1233,1234],{"class":1192}," Roboto",[1050,1236,1213],{"class":1063},[1050,1238,1239],{"class":1092}," sans-serif",[1050,1241,1096],{"class":1063},[1050,1243,1245,1248,1250,1252,1255,1257,1259,1263,1266,1269],{"class":1052,"line":1244},14,[1050,1246,1247],{"class":1083},"  --font-family-heading",[1050,1249,1064],{"class":1063},[1050,1251,1222],{"class":1221},[1050,1253,1254],{"class":1225},"Inter",[1050,1256,1229],{"class":1221},[1050,1258,1213],{"class":1063},[1050,1260,1262],{"class":1261},"sJdAF"," var",[1050,1264,1265],{"class":1063},"(",[1050,1267,1268],{"class":1083},"--font-family-base",[1050,1270,1271],{"class":1063},");\n",[1050,1273,1275,1278,1280,1284,1288],{"class":1052,"line":1274},15,[1050,1276,1277],{"class":1083},"  --font-size-base",[1050,1279,1064],{"class":1063},[1050,1281,1283],{"class":1282},"s7CZa"," 16",[1050,1285,1287],{"class":1286},"sQBxk","px",[1050,1289,1096],{"class":1063},[1050,1291,1293,1296,1298,1301],{"class":1052,"line":1292},16,[1050,1294,1295],{"class":1083},"  --line-height-base",[1050,1297,1064],{"class":1063},[1050,1299,1300],{"class":1282}," 1.6",[1050,1302,1096],{"class":1063},[1050,1304,1306],{"class":1052,"line":1305},17,[1050,1307,1193],{"class":1192},[1050,1309,1311],{"class":1052,"line":1310},18,[1050,1312,1313],{"class":1056},"  /* Spacing */\n",[1050,1315,1317,1320,1322,1325,1328],{"class":1052,"line":1316},19,[1050,1318,1319],{"class":1083},"  --spacing-xs",[1050,1321,1064],{"class":1063},[1050,1323,1324],{"class":1282}," 0.25",[1050,1326,1327],{"class":1286},"rem",[1050,1329,1096],{"class":1063},[1050,1331,1333,1336,1338,1341,1343],{"class":1052,"line":1332},20,[1050,1334,1335],{"class":1083},"  --spacing-sm",[1050,1337,1064],{"class":1063},[1050,1339,1340],{"class":1282}," 0.5",[1050,1342,1327],{"class":1286},[1050,1344,1096],{"class":1063},[1050,1346,1348,1351,1353,1356,1358],{"class":1052,"line":1347},21,[1050,1349,1350],{"class":1083},"  --spacing-md",[1050,1352,1064],{"class":1063},[1050,1354,1355],{"class":1282}," 1",[1050,1357,1327],{"class":1286},[1050,1359,1096],{"class":1063},[1050,1361,1363,1366,1368,1371,1373],{"class":1052,"line":1362},22,[1050,1364,1365],{"class":1083},"  --spacing-lg",[1050,1367,1064],{"class":1063},[1050,1369,1370],{"class":1282}," 1.5",[1050,1372,1327],{"class":1286},[1050,1374,1096],{"class":1063},[1050,1376,1378,1381,1383,1386,1388],{"class":1052,"line":1377},23,[1050,1379,1380],{"class":1083},"  --spacing-xl",[1050,1382,1064],{"class":1063},[1050,1384,1385],{"class":1282}," 2",[1050,1387,1327],{"class":1286},[1050,1389,1096],{"class":1063},[1050,1391,1393],{"class":1052,"line":1392},24,[1050,1394,1193],{"class":1192},[1050,1396,1398],{"class":1052,"line":1397},25,[1050,1399,1400],{"class":1056},"  /* Breakpoints */\n",[1050,1402,1404,1407,1409,1412,1414],{"class":1052,"line":1403},26,[1050,1405,1406],{"class":1083},"  --breakpoint-sm",[1050,1408,1064],{"class":1063},[1050,1410,1411],{"class":1282}," 576",[1050,1413,1287],{"class":1286},[1050,1415,1096],{"class":1063},[1050,1417,1419,1422,1424,1427,1429],{"class":1052,"line":1418},27,[1050,1420,1421],{"class":1083},"  --breakpoint-md",[1050,1423,1064],{"class":1063},[1050,1425,1426],{"class":1282}," 768",[1050,1428,1287],{"class":1286},[1050,1430,1096],{"class":1063},[1050,1432,1434,1437,1439,1442,1444],{"class":1052,"line":1433},28,[1050,1435,1436],{"class":1083},"  --breakpoint-lg",[1050,1438,1064],{"class":1063},[1050,1440,1441],{"class":1282}," 992",[1050,1443,1287],{"class":1286},[1050,1445,1096],{"class":1063},[1050,1447,1449,1452,1454,1457,1459],{"class":1052,"line":1448},29,[1050,1450,1451],{"class":1083},"  --breakpoint-xl",[1050,1453,1064],{"class":1063},[1050,1455,1456],{"class":1282}," 1200",[1050,1458,1287],{"class":1286},[1050,1460,1096],{"class":1063},[1050,1462,1464],{"class":1052,"line":1463},30,[1050,1465,1466],{"class":1063},"}\n",[1050,1468,1470],{"class":1052,"line":1469},31,[1050,1471,1473],{"emptyLinePlaceholder":1472},true,"\n",[1050,1475,1477],{"class":1052,"line":1476},32,[1050,1478,1479],{"class":1056},"/* Reset and base styles */\n",[1050,1481,1483,1487],{"class":1052,"line":1482},33,[1050,1484,1486],{"class":1485},"skzw8","*",[1050,1488,1489],{"class":1063},",\n",[1050,1491,1493,1495,1498,1501],{"class":1052,"line":1492},34,[1050,1494,1486],{"class":1485},[1050,1496,1497],{"class":1063},"::",[1050,1499,1500],{"class":1067},"before",[1050,1502,1489],{"class":1063},[1050,1504,1506,1508,1510,1513],{"class":1052,"line":1505},35,[1050,1507,1486],{"class":1485},[1050,1509,1497],{"class":1063},[1050,1511,1512],{"class":1067},"after",[1050,1514,1071],{"class":1063},[1050,1516,1518,1522,1524,1527],{"class":1052,"line":1517},36,[1050,1519,1521],{"class":1520},"s5HLA","  box-sizing",[1050,1523,1064],{"class":1063},[1050,1525,1526],{"class":1092}," border-box",[1050,1528,1096],{"class":1063},[1050,1530,1532],{"class":1052,"line":1531},37,[1050,1533,1466],{"class":1063},[1050,1535,1537],{"class":1052,"line":1536},38,[1050,1538,1473],{"emptyLinePlaceholder":1472},[1050,1540,1542,1545],{"class":1052,"line":1541},39,[1050,1543,1544],{"class":1485},"body",[1050,1546,1071],{"class":1063},[1050,1548,1550,1553,1555,1557,1559,1561],{"class":1052,"line":1549},40,[1050,1551,1552],{"class":1520},"  font-family",[1050,1554,1064],{"class":1063},[1050,1556,1262],{"class":1261},[1050,1558,1265],{"class":1063},[1050,1560,1268],{"class":1083},[1050,1562,1271],{"class":1063},[1050,1564,1566,1569,1571,1573,1575,1578],{"class":1052,"line":1565},41,[1050,1567,1568],{"class":1520},"  font-size",[1050,1570,1064],{"class":1063},[1050,1572,1262],{"class":1261},[1050,1574,1265],{"class":1063},[1050,1576,1577],{"class":1083},"--font-size-base",[1050,1579,1271],{"class":1063},[1050,1581,1583,1586,1588,1590,1592,1595],{"class":1052,"line":1582},42,[1050,1584,1585],{"class":1520},"  line-height",[1050,1587,1064],{"class":1063},[1050,1589,1262],{"class":1261},[1050,1591,1265],{"class":1063},[1050,1593,1594],{"class":1083},"--line-height-base",[1050,1596,1271],{"class":1063},[1050,1598,1600,1603,1605,1607,1609,1612],{"class":1052,"line":1599},43,[1050,1601,1602],{"class":1520},"  color",[1050,1604,1064],{"class":1063},[1050,1606,1262],{"class":1261},[1050,1608,1265],{"class":1063},[1050,1610,1611],{"class":1083},"--text-color",[1050,1613,1271],{"class":1063},[1050,1615,1617,1620,1622,1624,1626,1629],{"class":1052,"line":1616},44,[1050,1618,1619],{"class":1520},"  background-color",[1050,1621,1064],{"class":1063},[1050,1623,1262],{"class":1261},[1050,1625,1265],{"class":1063},[1050,1627,1628],{"class":1083},"--background-color",[1050,1630,1271],{"class":1063},[1050,1632,1634,1637,1639,1642],{"class":1052,"line":1633},45,[1050,1635,1636],{"class":1520},"  margin",[1050,1638,1064],{"class":1063},[1050,1640,1641],{"class":1282}," 0",[1050,1643,1096],{"class":1063},[1050,1645,1647,1650,1652,1654],{"class":1052,"line":1646},46,[1050,1648,1649],{"class":1520},"  padding",[1050,1651,1064],{"class":1063},[1050,1653,1641],{"class":1282},[1050,1655,1096],{"class":1063},[1050,1657,1659],{"class":1052,"line":1658},47,[1050,1660,1466],{"class":1063},[1050,1662,1664],{"class":1052,"line":1663},48,[1050,1665,1473],{"emptyLinePlaceholder":1472},[1050,1667,1669],{"class":1052,"line":1668},49,[1050,1670,1671],{"class":1056},"/* Typography */\n",[1050,1673,1675,1677,1679,1682,1684,1687,1689,1692,1694,1697,1699,1702],{"class":1052,"line":1674},50,[1050,1676,1022],{"class":1485},[1050,1678,1213],{"class":1063},[1050,1680,1681],{"class":1485}," h2",[1050,1683,1213],{"class":1063},[1050,1685,1686],{"class":1485}," h3",[1050,1688,1213],{"class":1063},[1050,1690,1691],{"class":1485}," h4",[1050,1693,1213],{"class":1063},[1050,1695,1696],{"class":1485}," h5",[1050,1698,1213],{"class":1063},[1050,1700,1701],{"class":1485}," h6",[1050,1703,1071],{"class":1063},[1050,1705,1707,1709,1711,1713,1715,1718],{"class":1052,"line":1706},51,[1050,1708,1552],{"class":1520},[1050,1710,1064],{"class":1063},[1050,1712,1262],{"class":1261},[1050,1714,1265],{"class":1063},[1050,1716,1717],{"class":1083},"--font-family-heading",[1050,1719,1271],{"class":1063},[1050,1721,1723,1726,1728,1731],{"class":1052,"line":1722},52,[1050,1724,1725],{"class":1520},"  font-weight",[1050,1727,1064],{"class":1063},[1050,1729,1730],{"class":1282}," 600",[1050,1732,1096],{"class":1063},[1050,1734,1736,1738,1740,1743],{"class":1052,"line":1735},53,[1050,1737,1585],{"class":1520},[1050,1739,1064],{"class":1063},[1050,1741,1742],{"class":1282}," 1.2",[1050,1744,1096],{"class":1063},[1050,1746,1748,1751,1753,1755],{"class":1052,"line":1747},54,[1050,1749,1750],{"class":1520},"  margin-top",[1050,1752,1064],{"class":1063},[1050,1754,1641],{"class":1282},[1050,1756,1096],{"class":1063},[1050,1758,1760,1763,1765,1767,1769,1772],{"class":1052,"line":1759},55,[1050,1761,1762],{"class":1520},"  margin-bottom",[1050,1764,1064],{"class":1063},[1050,1766,1262],{"class":1261},[1050,1768,1265],{"class":1063},[1050,1770,1771],{"class":1083},"--spacing-md",[1050,1773,1271],{"class":1063},[1050,1775,1777],{"class":1052,"line":1776},56,[1050,1778,1466],{"class":1063},[1050,1780,1782],{"class":1052,"line":1781},57,[1050,1783,1473],{"emptyLinePlaceholder":1472},[1050,1785,1787,1789,1792,1795,1797,1800,1802,1805],{"class":1052,"line":1786},58,[1050,1788,1022],{"class":1485},[1050,1790,1791],{"class":1063}," {",[1050,1793,1794],{"class":1520}," font-size",[1050,1796,1064],{"class":1063},[1050,1798,1799],{"class":1282}," 2.5",[1050,1801,1327],{"class":1286},[1050,1803,1804],{"class":1063},";",[1050,1806,1807],{"class":1063}," }\n",[1050,1809,1811,1813,1815,1817,1819,1821,1823,1825],{"class":1052,"line":1810},59,[1050,1812,1030],{"class":1485},[1050,1814,1791],{"class":1063},[1050,1816,1794],{"class":1520},[1050,1818,1064],{"class":1063},[1050,1820,1385],{"class":1282},[1050,1822,1327],{"class":1286},[1050,1824,1804],{"class":1063},[1050,1826,1807],{"class":1063},[1050,1828,1830,1832,1834,1836,1838,1841,1843,1845],{"class":1052,"line":1829},60,[1050,1831,1035],{"class":1485},[1050,1833,1791],{"class":1063},[1050,1835,1794],{"class":1520},[1050,1837,1064],{"class":1063},[1050,1839,1840],{"class":1282}," 1.75",[1050,1842,1327],{"class":1286},[1050,1844,1804],{"class":1063},[1050,1846,1807],{"class":1063},[1050,1848,1850,1853,1855,1857,1859,1861,1863,1865],{"class":1052,"line":1849},61,[1050,1851,1852],{"class":1485},"h4",[1050,1854,1791],{"class":1063},[1050,1856,1794],{"class":1520},[1050,1858,1064],{"class":1063},[1050,1860,1370],{"class":1282},[1050,1862,1327],{"class":1286},[1050,1864,1804],{"class":1063},[1050,1866,1807],{"class":1063},[1050,1868,1870,1873,1875,1877,1879,1882,1884,1886],{"class":1052,"line":1869},62,[1050,1871,1872],{"class":1485},"h5",[1050,1874,1791],{"class":1063},[1050,1876,1794],{"class":1520},[1050,1878,1064],{"class":1063},[1050,1880,1881],{"class":1282}," 1.25",[1050,1883,1327],{"class":1286},[1050,1885,1804],{"class":1063},[1050,1887,1807],{"class":1063},[1050,1889,1891,1894,1896,1898,1900,1902,1904,1906],{"class":1052,"line":1890},63,[1050,1892,1893],{"class":1485},"h6",[1050,1895,1791],{"class":1063},[1050,1897,1794],{"class":1520},[1050,1899,1064],{"class":1063},[1050,1901,1355],{"class":1282},[1050,1903,1327],{"class":1286},[1050,1905,1804],{"class":1063},[1050,1907,1807],{"class":1063},[1050,1909,1911],{"class":1052,"line":1910},64,[1050,1912,1473],{"emptyLinePlaceholder":1472},[1050,1914,1916,1918],{"class":1052,"line":1915},65,[1050,1917,1026],{"class":1485},[1050,1919,1071],{"class":1063},[1050,1921,1923,1925,1927,1929],{"class":1052,"line":1922},66,[1050,1924,1750],{"class":1520},[1050,1926,1064],{"class":1063},[1050,1928,1641],{"class":1282},[1050,1930,1096],{"class":1063},[1050,1932,1934,1936,1938,1940,1942,1944],{"class":1052,"line":1933},67,[1050,1935,1762],{"class":1520},[1050,1937,1064],{"class":1063},[1050,1939,1262],{"class":1261},[1050,1941,1265],{"class":1063},[1050,1943,1771],{"class":1083},[1050,1945,1271],{"class":1063},[1050,1947,1949],{"class":1052,"line":1948},68,[1050,1950,1466],{"class":1063},[1050,1952,1954],{"class":1052,"line":1953},69,[1050,1955,1473],{"emptyLinePlaceholder":1472},[1050,1957,1959],{"class":1052,"line":1958},70,[1050,1960,1961],{"class":1056},"/* Links */\n",[1050,1963,1965,1968],{"class":1052,"line":1964},71,[1050,1966,1967],{"class":1485},"a",[1050,1969,1071],{"class":1063},[1050,1971,1973,1975,1977,1979,1981,1984],{"class":1052,"line":1972},72,[1050,1974,1602],{"class":1520},[1050,1976,1064],{"class":1063},[1050,1978,1262],{"class":1261},[1050,1980,1265],{"class":1063},[1050,1982,1983],{"class":1083},"--primary-color",[1050,1985,1271],{"class":1063},[1050,1987,1989,1992,1994,1997],{"class":1052,"line":1988},73,[1050,1990,1991],{"class":1520},"  text-decoration",[1050,1993,1064],{"class":1063},[1050,1995,1996],{"class":1092}," none",[1050,1998,1096],{"class":1063},[1050,2000,2002,2005,2007,2010,2013,2016,2019],{"class":1052,"line":2001},74,[1050,2003,2004],{"class":1520},"  transition",[1050,2006,1064],{"class":1063},[1050,2008,2009],{"class":1092}," color",[1050,2011,2012],{"class":1282}," 0.2",[1050,2014,2015],{"class":1286},"s",[1050,2017,2018],{"class":1092}," ease",[1050,2020,1096],{"class":1063},[1050,2022,2024],{"class":1052,"line":2023},75,[1050,2025,1466],{"class":1063},[1050,2027,2029],{"class":1052,"line":2028},76,[1050,2030,1473],{"emptyLinePlaceholder":1472},[1050,2032,2034,2036,2038,2041],{"class":1052,"line":2033},77,[1050,2035,1967],{"class":1485},[1050,2037,1064],{"class":1063},[1050,2039,2040],{"class":1067},"hover",[1050,2042,1489],{"class":1063},[1050,2044,2046,2048,2050,2053],{"class":1052,"line":2045},78,[1050,2047,1967],{"class":1485},[1050,2049,1064],{"class":1063},[1050,2051,2052],{"class":1067},"focus",[1050,2054,1071],{"class":1063},[1050,2056,2058,2060,2062,2064,2066,2069],{"class":1052,"line":2057},79,[1050,2059,1602],{"class":1520},[1050,2061,1064],{"class":1063},[1050,2063,1262],{"class":1261},[1050,2065,1265],{"class":1063},[1050,2067,2068],{"class":1083},"--accent-color",[1050,2070,1271],{"class":1063},[1050,2072,2074,2076,2078,2081],{"class":1052,"line":2073},80,[1050,2075,1991],{"class":1520},[1050,2077,1064],{"class":1063},[1050,2079,2080],{"class":1092}," underline",[1050,2082,1096],{"class":1063},[1050,2084,2086],{"class":1052,"line":2085},81,[1050,2087,1466],{"class":1063},[1035,2089,2091],{"id":2090},"component-based-css-architecture","Component-Based CSS Architecture",[1040,2093,2095],{"className":1042,"code":2094,"language":1044,"meta":1045,"style":1045},"/* static/css/components/button.css */\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--spacing-sm) var(--spacing-md);\n  border: 1px solid transparent;\n  border-radius: 4px;\n  font-size: var(--font-size-base);\n  font-weight: 500;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  user-select: none;\n}\n\n.btn:focus {\n  outline: 2px solid var(--primary-color);\n  outline-offset: 2px;\n}\n\n.btn--primary {\n  background-color: var(--primary-color);\n  color: white;\n  border-color: var(--primary-color);\n}\n\n.btn--primary:hover {\n  background-color: #2980b9;\n  border-color: #2980b9;\n}\n\n.btn--secondary {\n  background-color: transparent;\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n}\n\n.btn--secondary:hover {\n  background-color: var(--primary-color);\n  color: white;\n}\n\n.btn--large {\n  padding: var(--spacing-md) var(--spacing-lg);\n  font-size: 1.125rem;\n}\n\n.btn--small {\n  padding: var(--spacing-xs) var(--spacing-sm);\n  font-size: 0.875rem;\n}\n",[1047,2096,2097,2102,2113,2125,2137,2148,2172,2191,2205,2219,2230,2240,2252,2269,2280,2284,2288,2300,2321,2334,2338,2342,2351,2365,2376,2391,2395,2399,2411,2424,2436,2440,2444,2453,2463,2477,2491,2495,2499,2511,2525,2535,2539,2543,2552,2575,2588,2592,2596,2605,2628,2641],{"__ignoreMap":1045},[1050,2098,2099],{"class":1052,"line":1053},[1050,2100,2101],{"class":1056},"/* static/css/components/button.css */\n",[1050,2103,2104,2107,2111],{"class":1052,"line":1060},[1050,2105,2106],{"class":1063},".",[1050,2108,2110],{"class":2109},"sKL33","btn",[1050,2112,1071],{"class":1063},[1050,2114,2115,2118,2120,2123],{"class":1052,"line":1074},[1050,2116,2117],{"class":1520},"  display",[1050,2119,1064],{"class":1063},[1050,2121,2122],{"class":1092}," inline-flex",[1050,2124,1096],{"class":1063},[1050,2126,2127,2130,2132,2135],{"class":1052,"line":1080},[1050,2128,2129],{"class":1520},"  align-items",[1050,2131,1064],{"class":1063},[1050,2133,2134],{"class":1092}," center",[1050,2136,1096],{"class":1063},[1050,2138,2139,2142,2144,2146],{"class":1052,"line":1099},[1050,2140,2141],{"class":1520},"  justify-content",[1050,2143,1064],{"class":1063},[1050,2145,2134],{"class":1092},[1050,2147,1096],{"class":1063},[1050,2149,2150,2152,2154,2156,2158,2161,2164,2166,2168,2170],{"class":1052,"line":1114},[1050,2151,1649],{"class":1520},[1050,2153,1064],{"class":1063},[1050,2155,1262],{"class":1261},[1050,2157,1265],{"class":1063},[1050,2159,2160],{"class":1083},"--spacing-sm",[1050,2162,2163],{"class":1063},")",[1050,2165,1262],{"class":1261},[1050,2167,1265],{"class":1063},[1050,2169,1771],{"class":1083},[1050,2171,1271],{"class":1063},[1050,2173,2174,2177,2179,2181,2183,2186,2189],{"class":1052,"line":1129},[1050,2175,2176],{"class":1520},"  border",[1050,2178,1064],{"class":1063},[1050,2180,1355],{"class":1282},[1050,2182,1287],{"class":1286},[1050,2184,2185],{"class":1092}," solid",[1050,2187,2188],{"class":1092}," transparent",[1050,2190,1096],{"class":1063},[1050,2192,2193,2196,2198,2201,2203],{"class":1052,"line":1144},[1050,2194,2195],{"class":1520},"  border-radius",[1050,2197,1064],{"class":1063},[1050,2199,2200],{"class":1282}," 4",[1050,2202,1287],{"class":1286},[1050,2204,1096],{"class":1063},[1050,2206,2207,2209,2211,2213,2215,2217],{"class":1052,"line":1159},[1050,2208,1568],{"class":1520},[1050,2210,1064],{"class":1063},[1050,2212,1262],{"class":1261},[1050,2214,1265],{"class":1063},[1050,2216,1577],{"class":1083},[1050,2218,1271],{"class":1063},[1050,2220,2221,2223,2225,2228],{"class":1052,"line":1174},[1050,2222,1725],{"class":1520},[1050,2224,1064],{"class":1063},[1050,2226,2227],{"class":1282}," 500",[1050,2229,1096],{"class":1063},[1050,2231,2232,2234,2236,2238],{"class":1052,"line":1189},[1050,2233,1991],{"class":1520},[1050,2235,1064],{"class":1063},[1050,2237,1996],{"class":1092},[1050,2239,1096],{"class":1063},[1050,2241,2242,2245,2247,2250],{"class":1052,"line":1196},[1050,2243,2244],{"class":1520},"  cursor",[1050,2246,1064],{"class":1063},[1050,2248,2249],{"class":1092}," pointer",[1050,2251,1096],{"class":1063},[1050,2253,2254,2256,2258,2261,2263,2265,2267],{"class":1052,"line":1202},[1050,2255,2004],{"class":1520},[1050,2257,1064],{"class":1063},[1050,2259,2260],{"class":1092}," all",[1050,2262,2012],{"class":1282},[1050,2264,2015],{"class":1286},[1050,2266,2018],{"class":1092},[1050,2268,1096],{"class":1063},[1050,2270,2271,2274,2276,2278],{"class":1052,"line":1244},[1050,2272,2273],{"class":1520},"  user-select",[1050,2275,1064],{"class":1063},[1050,2277,1996],{"class":1092},[1050,2279,1096],{"class":1063},[1050,2281,2282],{"class":1052,"line":1274},[1050,2283,1466],{"class":1063},[1050,2285,2286],{"class":1052,"line":1292},[1050,2287,1473],{"emptyLinePlaceholder":1472},[1050,2289,2290,2292,2294,2296,2298],{"class":1052,"line":1305},[1050,2291,2106],{"class":1063},[1050,2293,2110],{"class":2109},[1050,2295,1064],{"class":1063},[1050,2297,2052],{"class":1067},[1050,2299,1071],{"class":1063},[1050,2301,2302,2305,2307,2309,2311,2313,2315,2317,2319],{"class":1052,"line":1310},[1050,2303,2304],{"class":1520},"  outline",[1050,2306,1064],{"class":1063},[1050,2308,1385],{"class":1282},[1050,2310,1287],{"class":1286},[1050,2312,2185],{"class":1092},[1050,2314,1262],{"class":1261},[1050,2316,1265],{"class":1063},[1050,2318,1983],{"class":1083},[1050,2320,1271],{"class":1063},[1050,2322,2323,2326,2328,2330,2332],{"class":1052,"line":1316},[1050,2324,2325],{"class":1520},"  outline-offset",[1050,2327,1064],{"class":1063},[1050,2329,1385],{"class":1282},[1050,2331,1287],{"class":1286},[1050,2333,1096],{"class":1063},[1050,2335,2336],{"class":1052,"line":1332},[1050,2337,1466],{"class":1063},[1050,2339,2340],{"class":1052,"line":1347},[1050,2341,1473],{"emptyLinePlaceholder":1472},[1050,2343,2344,2346,2349],{"class":1052,"line":1362},[1050,2345,2106],{"class":1063},[1050,2347,2348],{"class":2109},"btn--primary",[1050,2350,1071],{"class":1063},[1050,2352,2353,2355,2357,2359,2361,2363],{"class":1052,"line":1377},[1050,2354,1619],{"class":1520},[1050,2356,1064],{"class":1063},[1050,2358,1262],{"class":1261},[1050,2360,1265],{"class":1063},[1050,2362,1983],{"class":1083},[1050,2364,1271],{"class":1063},[1050,2366,2367,2369,2371,2374],{"class":1052,"line":1392},[1050,2368,1602],{"class":1520},[1050,2370,1064],{"class":1063},[1050,2372,2373],{"class":1092}," white",[1050,2375,1096],{"class":1063},[1050,2377,2378,2381,2383,2385,2387,2389],{"class":1052,"line":1397},[1050,2379,2380],{"class":1520},"  border-color",[1050,2382,1064],{"class":1063},[1050,2384,1262],{"class":1261},[1050,2386,1265],{"class":1063},[1050,2388,1983],{"class":1083},[1050,2390,1271],{"class":1063},[1050,2392,2393],{"class":1052,"line":1403},[1050,2394,1466],{"class":1063},[1050,2396,2397],{"class":1052,"line":1418},[1050,2398,1473],{"emptyLinePlaceholder":1472},[1050,2400,2401,2403,2405,2407,2409],{"class":1052,"line":1433},[1050,2402,2106],{"class":1063},[1050,2404,2348],{"class":2109},[1050,2406,1064],{"class":1063},[1050,2408,2040],{"class":1067},[1050,2410,1071],{"class":1063},[1050,2412,2413,2415,2417,2419,2422],{"class":1052,"line":1448},[1050,2414,1619],{"class":1520},[1050,2416,1064],{"class":1063},[1050,2418,1089],{"class":1063},[1050,2420,2421],{"class":1092},"2980b9",[1050,2423,1096],{"class":1063},[1050,2425,2426,2428,2430,2432,2434],{"class":1052,"line":1463},[1050,2427,2380],{"class":1520},[1050,2429,1064],{"class":1063},[1050,2431,1089],{"class":1063},[1050,2433,2421],{"class":1092},[1050,2435,1096],{"class":1063},[1050,2437,2438],{"class":1052,"line":1469},[1050,2439,1466],{"class":1063},[1050,2441,2442],{"class":1052,"line":1476},[1050,2443,1473],{"emptyLinePlaceholder":1472},[1050,2445,2446,2448,2451],{"class":1052,"line":1482},[1050,2447,2106],{"class":1063},[1050,2449,2450],{"class":2109},"btn--secondary",[1050,2452,1071],{"class":1063},[1050,2454,2455,2457,2459,2461],{"class":1052,"line":1492},[1050,2456,1619],{"class":1520},[1050,2458,1064],{"class":1063},[1050,2460,2188],{"class":1092},[1050,2462,1096],{"class":1063},[1050,2464,2465,2467,2469,2471,2473,2475],{"class":1052,"line":1505},[1050,2466,1602],{"class":1520},[1050,2468,1064],{"class":1063},[1050,2470,1262],{"class":1261},[1050,2472,1265],{"class":1063},[1050,2474,1983],{"class":1083},[1050,2476,1271],{"class":1063},[1050,2478,2479,2481,2483,2485,2487,2489],{"class":1052,"line":1517},[1050,2480,2380],{"class":1520},[1050,2482,1064],{"class":1063},[1050,2484,1262],{"class":1261},[1050,2486,1265],{"class":1063},[1050,2488,1983],{"class":1083},[1050,2490,1271],{"class":1063},[1050,2492,2493],{"class":1052,"line":1531},[1050,2494,1466],{"class":1063},[1050,2496,2497],{"class":1052,"line":1536},[1050,2498,1473],{"emptyLinePlaceholder":1472},[1050,2500,2501,2503,2505,2507,2509],{"class":1052,"line":1541},[1050,2502,2106],{"class":1063},[1050,2504,2450],{"class":2109},[1050,2506,1064],{"class":1063},[1050,2508,2040],{"class":1067},[1050,2510,1071],{"class":1063},[1050,2512,2513,2515,2517,2519,2521,2523],{"class":1052,"line":1549},[1050,2514,1619],{"class":1520},[1050,2516,1064],{"class":1063},[1050,2518,1262],{"class":1261},[1050,2520,1265],{"class":1063},[1050,2522,1983],{"class":1083},[1050,2524,1271],{"class":1063},[1050,2526,2527,2529,2531,2533],{"class":1052,"line":1565},[1050,2528,1602],{"class":1520},[1050,2530,1064],{"class":1063},[1050,2532,2373],{"class":1092},[1050,2534,1096],{"class":1063},[1050,2536,2537],{"class":1052,"line":1582},[1050,2538,1466],{"class":1063},[1050,2540,2541],{"class":1052,"line":1599},[1050,2542,1473],{"emptyLinePlaceholder":1472},[1050,2544,2545,2547,2550],{"class":1052,"line":1616},[1050,2546,2106],{"class":1063},[1050,2548,2549],{"class":2109},"btn--large",[1050,2551,1071],{"class":1063},[1050,2553,2554,2556,2558,2560,2562,2564,2566,2568,2570,2573],{"class":1052,"line":1633},[1050,2555,1649],{"class":1520},[1050,2557,1064],{"class":1063},[1050,2559,1262],{"class":1261},[1050,2561,1265],{"class":1063},[1050,2563,1771],{"class":1083},[1050,2565,2163],{"class":1063},[1050,2567,1262],{"class":1261},[1050,2569,1265],{"class":1063},[1050,2571,2572],{"class":1083},"--spacing-lg",[1050,2574,1271],{"class":1063},[1050,2576,2577,2579,2581,2584,2586],{"class":1052,"line":1646},[1050,2578,1568],{"class":1520},[1050,2580,1064],{"class":1063},[1050,2582,2583],{"class":1282}," 1.125",[1050,2585,1327],{"class":1286},[1050,2587,1096],{"class":1063},[1050,2589,2590],{"class":1052,"line":1658},[1050,2591,1466],{"class":1063},[1050,2593,2594],{"class":1052,"line":1663},[1050,2595,1473],{"emptyLinePlaceholder":1472},[1050,2597,2598,2600,2603],{"class":1052,"line":1668},[1050,2599,2106],{"class":1063},[1050,2601,2602],{"class":2109},"btn--small",[1050,2604,1071],{"class":1063},[1050,2606,2607,2609,2611,2613,2615,2618,2620,2622,2624,2626],{"class":1052,"line":1674},[1050,2608,1649],{"class":1520},[1050,2610,1064],{"class":1063},[1050,2612,1262],{"class":1261},[1050,2614,1265],{"class":1063},[1050,2616,2617],{"class":1083},"--spacing-xs",[1050,2619,2163],{"class":1063},[1050,2621,1262],{"class":1261},[1050,2623,1265],{"class":1063},[1050,2625,2160],{"class":1083},[1050,2627,1271],{"class":1063},[1050,2629,2630,2632,2634,2637,2639],{"class":1052,"line":1706},[1050,2631,1568],{"class":1520},[1050,2633,1064],{"class":1063},[1050,2635,2636],{"class":1282}," 0.875",[1050,2638,1327],{"class":1286},[1050,2640,1096],{"class":1063},[1050,2642,2643],{"class":1052,"line":1722},[1050,2644,1466],{"class":1063},[1035,2646,2648],{"id":2647},"css-preprocessors-integration","CSS Preprocessors Integration",[1040,2650,2654],{"className":2651,"code":2652,"language":2653,"meta":1045,"style":1045},"language-scss shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","// static/scss/variables.scss\n$primary-color: #3498db;\n$secondary-color: #2ecc71;\n$accent-color: #e74c3c;\n\n$font-sizes: (\n  'xs': 0.75rem,\n  'sm': 0.875rem,\n  'base': 1rem,\n  'lg': 1.125rem,\n  'xl': 1.25rem,\n  '2xl': 1.5rem,\n  '3xl': 1.875rem,\n  '4xl': 2.25rem\n);\n\n$breakpoints: (\n  'sm': 576px,\n  'md': 768px,\n  'lg': 992px,\n  'xl': 1200px\n);\n\n// Mixins\n@mixin respond-to($breakpoint) {\n  @if map-has-key($breakpoints, $breakpoint) {\n    @media (min-width: map-get($breakpoints, $breakpoint)) {\n      @content;\n    }\n  }\n}\n\n@mixin button-variant($bg-color, $text-color: white) {\n  background-color: $bg-color;\n  color: $text-color;\n  border-color: $bg-color;\n  \n  &:hover {\n    background-color: darken($bg-color, 10%);\n    border-color: darken($bg-color, 10%);\n  }\n  \n  &:focus {\n    box-shadow: 0 0 0 3px rgba($bg-color, 0.25);\n  }\n}\n","scss",[1047,2655,2656,2661,2674,2687,2700,2704,2714,2734,2752,2770,2788,2806,2824,2842,2859,2863,2867,2876,2893,2911,2928,2944,2948,2952,2957,2980,3004,3037,3044,3049,3054,3058,3062,3090,3101,3112,3122,3126,3137,3161,3182,3186,3190,3200,3231,3235],{"__ignoreMap":1045},[1050,2657,2658],{"class":1052,"line":1053},[1050,2659,2660],{"class":1056},"// static/scss/variables.scss\n",[1050,2662,2663,2666,2668,2670,2672],{"class":1052,"line":1060},[1050,2664,2665],{"class":1083},"$primary-color",[1050,2667,1064],{"class":1063},[1050,2669,1089],{"class":1063},[1050,2671,1093],{"class":1092},[1050,2673,1096],{"class":1063},[1050,2675,2676,2679,2681,2683,2685],{"class":1052,"line":1074},[1050,2677,2678],{"class":1083},"$secondary-color",[1050,2680,1064],{"class":1063},[1050,2682,1089],{"class":1063},[1050,2684,1109],{"class":1092},[1050,2686,1096],{"class":1063},[1050,2688,2689,2692,2694,2696,2698],{"class":1052,"line":1080},[1050,2690,2691],{"class":1083},"$accent-color",[1050,2693,1064],{"class":1063},[1050,2695,1089],{"class":1063},[1050,2697,1124],{"class":1092},[1050,2699,1096],{"class":1063},[1050,2701,2702],{"class":1052,"line":1099},[1050,2703,1473],{"emptyLinePlaceholder":1472},[1050,2705,2706,2709,2711],{"class":1052,"line":1114},[1050,2707,2708],{"class":1083},"$font-sizes",[1050,2710,1064],{"class":1063},[1050,2712,2713],{"class":1063}," (\n",[1050,2715,2716,2719,2722,2724,2727,2730,2732],{"class":1052,"line":1129},[1050,2717,2718],{"class":1221},"  '",[1050,2720,2721],{"class":1225},"xs",[1050,2723,1229],{"class":1221},[1050,2725,2726],{"class":1092},": ",[1050,2728,2729],{"class":1282},"0.75",[1050,2731,1327],{"class":1286},[1050,2733,1489],{"class":1063},[1050,2735,2736,2738,2741,2743,2745,2748,2750],{"class":1052,"line":1144},[1050,2737,2718],{"class":1221},[1050,2739,2740],{"class":1225},"sm",[1050,2742,1229],{"class":1221},[1050,2744,2726],{"class":1092},[1050,2746,2747],{"class":1282},"0.875",[1050,2749,1327],{"class":1286},[1050,2751,1489],{"class":1063},[1050,2753,2754,2756,2759,2761,2763,2766,2768],{"class":1052,"line":1159},[1050,2755,2718],{"class":1221},[1050,2757,2758],{"class":1225},"base",[1050,2760,1229],{"class":1221},[1050,2762,2726],{"class":1092},[1050,2764,2765],{"class":1282},"1",[1050,2767,1327],{"class":1286},[1050,2769,1489],{"class":1063},[1050,2771,2772,2774,2777,2779,2781,2784,2786],{"class":1052,"line":1174},[1050,2773,2718],{"class":1221},[1050,2775,2776],{"class":1225},"lg",[1050,2778,1229],{"class":1221},[1050,2780,2726],{"class":1092},[1050,2782,2783],{"class":1282},"1.125",[1050,2785,1327],{"class":1286},[1050,2787,1489],{"class":1063},[1050,2789,2790,2792,2795,2797,2799,2802,2804],{"class":1052,"line":1189},[1050,2791,2718],{"class":1221},[1050,2793,2794],{"class":1225},"xl",[1050,2796,1229],{"class":1221},[1050,2798,2726],{"class":1092},[1050,2800,2801],{"class":1282},"1.25",[1050,2803,1327],{"class":1286},[1050,2805,1489],{"class":1063},[1050,2807,2808,2810,2813,2815,2817,2820,2822],{"class":1052,"line":1196},[1050,2809,2718],{"class":1221},[1050,2811,2812],{"class":1225},"2xl",[1050,2814,1229],{"class":1221},[1050,2816,2726],{"class":1092},[1050,2818,2819],{"class":1282},"1.5",[1050,2821,1327],{"class":1286},[1050,2823,1489],{"class":1063},[1050,2825,2826,2828,2831,2833,2835,2838,2840],{"class":1052,"line":1202},[1050,2827,2718],{"class":1221},[1050,2829,2830],{"class":1225},"3xl",[1050,2832,1229],{"class":1221},[1050,2834,2726],{"class":1092},[1050,2836,2837],{"class":1282},"1.875",[1050,2839,1327],{"class":1286},[1050,2841,1489],{"class":1063},[1050,2843,2844,2846,2849,2851,2853,2856],{"class":1052,"line":1244},[1050,2845,2718],{"class":1221},[1050,2847,2848],{"class":1225},"4xl",[1050,2850,1229],{"class":1221},[1050,2852,2726],{"class":1092},[1050,2854,2855],{"class":1282},"2.25",[1050,2857,2858],{"class":1286},"rem\n",[1050,2860,2861],{"class":1052,"line":1274},[1050,2862,1271],{"class":1063},[1050,2864,2865],{"class":1052,"line":1292},[1050,2866,1473],{"emptyLinePlaceholder":1472},[1050,2868,2869,2872,2874],{"class":1052,"line":1305},[1050,2870,2871],{"class":1083},"$breakpoints",[1050,2873,1064],{"class":1063},[1050,2875,2713],{"class":1063},[1050,2877,2878,2880,2882,2884,2886,2889,2891],{"class":1052,"line":1310},[1050,2879,2718],{"class":1221},[1050,2881,2740],{"class":1225},[1050,2883,1229],{"class":1221},[1050,2885,2726],{"class":1092},[1050,2887,2888],{"class":1282},"576",[1050,2890,1287],{"class":1286},[1050,2892,1489],{"class":1063},[1050,2894,2895,2897,2900,2902,2904,2907,2909],{"class":1052,"line":1316},[1050,2896,2718],{"class":1221},[1050,2898,2899],{"class":1225},"md",[1050,2901,1229],{"class":1221},[1050,2903,2726],{"class":1092},[1050,2905,2906],{"class":1282},"768",[1050,2908,1287],{"class":1286},[1050,2910,1489],{"class":1063},[1050,2912,2913,2915,2917,2919,2921,2924,2926],{"class":1052,"line":1332},[1050,2914,2718],{"class":1221},[1050,2916,2776],{"class":1225},[1050,2918,1229],{"class":1221},[1050,2920,2726],{"class":1092},[1050,2922,2923],{"class":1282},"992",[1050,2925,1287],{"class":1286},[1050,2927,1489],{"class":1063},[1050,2929,2930,2932,2934,2936,2938,2941],{"class":1052,"line":1347},[1050,2931,2718],{"class":1221},[1050,2933,2794],{"class":1225},[1050,2935,1229],{"class":1221},[1050,2937,2726],{"class":1092},[1050,2939,2940],{"class":1282},"1200",[1050,2942,2943],{"class":1286},"px\n",[1050,2945,2946],{"class":1052,"line":1362},[1050,2947,1271],{"class":1063},[1050,2949,2950],{"class":1052,"line":1377},[1050,2951,1473],{"emptyLinePlaceholder":1472},[1050,2953,2954],{"class":1052,"line":1392},[1050,2955,2956],{"class":1056},"// Mixins\n",[1050,2958,2959,2963,2967,2971,2973,2976,2978],{"class":1052,"line":1397},[1050,2960,2962],{"class":2961},"sKqCy","@",[1050,2964,2966],{"class":2965},"siDh9","mixin",[1050,2968,2970],{"class":2969},"sljsM"," respond-to",[1050,2972,1265],{"class":1063},[1050,2974,2975],{"class":1083},"$breakpoint",[1050,2977,2163],{"class":1063},[1050,2979,1071],{"class":1063},[1050,2981,2982,2985,2988,2991,2993,2995,2997,3000,3002],{"class":1052,"line":1403},[1050,2983,2984],{"class":2961},"  @",[1050,2986,2987],{"class":2965},"if",[1050,2989,2990],{"class":1261}," map-has-key",[1050,2992,1265],{"class":1063},[1050,2994,2871],{"class":1083},[1050,2996,1213],{"class":1063},[1050,2998,2999],{"class":1083}," $breakpoint",[1050,3001,2163],{"class":1063},[1050,3003,1071],{"class":1063},[1050,3005,3006,3009,3012,3015,3019,3021,3024,3026,3028,3030,3032,3035],{"class":1052,"line":1418},[1050,3007,3008],{"class":2961},"    @",[1050,3010,3011],{"class":2965},"media",[1050,3013,3014],{"class":1063}," (",[1050,3016,3018],{"class":3017},"sa2tF","min-width",[1050,3020,1064],{"class":1063},[1050,3022,3023],{"class":1261}," map-get",[1050,3025,1265],{"class":1063},[1050,3027,2871],{"class":1083},[1050,3029,1213],{"class":1063},[1050,3031,2999],{"class":1083},[1050,3033,3034],{"class":1063},"))",[1050,3036,1071],{"class":1063},[1050,3038,3039,3042],{"class":1052,"line":1433},[1050,3040,3041],{"class":2965},"      @content",[1050,3043,1096],{"class":1063},[1050,3045,3046],{"class":1052,"line":1448},[1050,3047,3048],{"class":1063},"    }\n",[1050,3050,3051],{"class":1052,"line":1463},[1050,3052,3053],{"class":1063},"  }\n",[1050,3055,3056],{"class":1052,"line":1469},[1050,3057,1466],{"class":1063},[1050,3059,3060],{"class":1052,"line":1476},[1050,3061,1473],{"emptyLinePlaceholder":1472},[1050,3063,3064,3066,3068,3071,3073,3076,3079,3082,3084,3086,3088],{"class":1052,"line":1482},[1050,3065,2962],{"class":2961},[1050,3067,2966],{"class":2965},[1050,3069,3070],{"class":2969}," button-variant",[1050,3072,1265],{"class":1063},[1050,3074,3075],{"class":1083},"$bg-color",[1050,3077,3078],{"class":1192},", ",[1050,3080,3081],{"class":1083},"$text-color",[1050,3083,1064],{"class":1063},[1050,3085,2373],{"class":1092},[1050,3087,2163],{"class":1063},[1050,3089,1071],{"class":1063},[1050,3091,3092,3094,3096,3099],{"class":1052,"line":1492},[1050,3093,1619],{"class":1520},[1050,3095,1064],{"class":1063},[1050,3097,3098],{"class":1083}," $bg-color",[1050,3100,1096],{"class":1063},[1050,3102,3103,3105,3107,3110],{"class":1052,"line":1505},[1050,3104,1602],{"class":1520},[1050,3106,1064],{"class":1063},[1050,3108,3109],{"class":1083}," $text-color",[1050,3111,1096],{"class":1063},[1050,3113,3114,3116,3118,3120],{"class":1052,"line":1517},[1050,3115,2380],{"class":1520},[1050,3117,1064],{"class":1063},[1050,3119,3098],{"class":1083},[1050,3121,1096],{"class":1063},[1050,3123,3124],{"class":1052,"line":1531},[1050,3125,1193],{"class":1192},[1050,3127,3128,3131,3133,3135],{"class":1052,"line":1536},[1050,3129,3130],{"class":1485},"  &",[1050,3132,1064],{"class":1063},[1050,3134,2040],{"class":1067},[1050,3136,1071],{"class":1063},[1050,3138,3139,3142,3144,3147,3149,3151,3153,3156,3159],{"class":1052,"line":1541},[1050,3140,3141],{"class":1520},"    background-color",[1050,3143,1064],{"class":1063},[1050,3145,3146],{"class":1261}," darken",[1050,3148,1265],{"class":1063},[1050,3150,3075],{"class":1083},[1050,3152,1213],{"class":1063},[1050,3154,3155],{"class":1282}," 10",[1050,3157,3158],{"class":1286},"%",[1050,3160,1271],{"class":1063},[1050,3162,3163,3166,3168,3170,3172,3174,3176,3178,3180],{"class":1052,"line":1549},[1050,3164,3165],{"class":1520},"    border-color",[1050,3167,1064],{"class":1063},[1050,3169,3146],{"class":1261},[1050,3171,1265],{"class":1063},[1050,3173,3075],{"class":1083},[1050,3175,1213],{"class":1063},[1050,3177,3155],{"class":1282},[1050,3179,3158],{"class":1286},[1050,3181,1271],{"class":1063},[1050,3183,3184],{"class":1052,"line":1565},[1050,3185,3053],{"class":1063},[1050,3187,3188],{"class":1052,"line":1582},[1050,3189,1193],{"class":1192},[1050,3191,3192,3194,3196,3198],{"class":1052,"line":1599},[1050,3193,3130],{"class":1485},[1050,3195,1064],{"class":1063},[1050,3197,2052],{"class":1067},[1050,3199,1071],{"class":1063},[1050,3201,3202,3205,3207,3209,3211,3213,3216,3218,3221,3223,3225,3227,3229],{"class":1052,"line":1616},[1050,3203,3204],{"class":1520},"    box-shadow",[1050,3206,1064],{"class":1063},[1050,3208,1641],{"class":1282},[1050,3210,1641],{"class":1282},[1050,3212,1641],{"class":1282},[1050,3214,3215],{"class":1282}," 3",[1050,3217,1287],{"class":1286},[1050,3219,3220],{"class":1261}," rgba",[1050,3222,1265],{"class":1063},[1050,3224,3075],{"class":1083},[1050,3226,1213],{"class":1063},[1050,3228,1324],{"class":1282},[1050,3230,1271],{"class":1063},[1050,3232,3233],{"class":1052,"line":1633},[1050,3234,3053],{"class":1063},[1050,3236,3237],{"class":1052,"line":1646},[1050,3238,1466],{"class":1063},[1040,3240,3242],{"className":2651,"code":3241,"language":2653,"meta":1045,"style":1045},"// static/scss/components/card.scss\n@import '../variables';\n\n.card {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  \n  &:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n  }\n  \n  &__header {\n    padding: 1.5rem;\n    border-bottom: 1px solid #f0f0f0;\n    \n    h3 {\n      margin: 0;\n      font-size: map-get($font-sizes, 'xl');\n    }\n  }\n  \n  &__body {\n    padding: 1.5rem;\n  }\n  \n  &__footer {\n    padding: 1rem 1.5rem;\n    background: #f8f9fa;\n    border-top: 1px solid #f0f0f0;\n  }\n  \n  // Responsive variations\n  @include respond-to('md') {\n    &--horizontal {\n      display: flex;\n      \n      .card__image {\n        flex: 0 0 200px;\n      }\n      \n      .card__content {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n      }\n    }\n  }\n}\n",[1047,3243,3244,3249,3265,3269,3278,3289,3302,3341,3353,3381,3385,3395,3414,3451,3455,3459,3468,3481,3501,3506,3513,3524,3547,3551,3555,3559,3568,3580,3584,3588,3597,3613,3627,3646,3650,3654,3659,3680,3690,3702,3707,3717,3735,3740,3744,3753,3763,3774,3786,3790,3794,3798],{"__ignoreMap":1045},[1050,3245,3246],{"class":1052,"line":1053},[1050,3247,3248],{"class":1056},"// static/scss/components/card.scss\n",[1050,3250,3251,3253,3256,3258,3261,3263],{"class":1052,"line":1060},[1050,3252,2962],{"class":2961},[1050,3254,3255],{"class":2965},"import",[1050,3257,1222],{"class":1221},[1050,3259,3260],{"class":1225},"../variables",[1050,3262,1229],{"class":1221},[1050,3264,1096],{"class":1063},[1050,3266,3267],{"class":1052,"line":1074},[1050,3268,1473],{"emptyLinePlaceholder":1472},[1050,3270,3271,3273,3276],{"class":1052,"line":1080},[1050,3272,2106],{"class":1063},[1050,3274,3275],{"class":2109},"card",[1050,3277,1071],{"class":1063},[1050,3279,3280,3283,3285,3287],{"class":1052,"line":1099},[1050,3281,3282],{"class":1520},"  background",[1050,3284,1064],{"class":1063},[1050,3286,2373],{"class":1092},[1050,3288,1096],{"class":1063},[1050,3290,3291,3293,3295,3298,3300],{"class":1052,"line":1114},[1050,3292,2195],{"class":1520},[1050,3294,1064],{"class":1063},[1050,3296,3297],{"class":1282}," 8",[1050,3299,1287],{"class":1286},[1050,3301,1096],{"class":1063},[1050,3303,3304,3307,3309,3311,3313,3315,3317,3319,3321,3323,3326,3328,3330,3332,3334,3336,3339],{"class":1052,"line":1129},[1050,3305,3306],{"class":1520},"  box-shadow",[1050,3308,1064],{"class":1063},[1050,3310,1641],{"class":1282},[1050,3312,1385],{"class":1282},[1050,3314,1287],{"class":1286},[1050,3316,2200],{"class":1282},[1050,3318,1287],{"class":1286},[1050,3320,3220],{"class":1261},[1050,3322,1265],{"class":1063},[1050,3324,3325],{"class":1282},"0",[1050,3327,1213],{"class":1063},[1050,3329,1641],{"class":1282},[1050,3331,1213],{"class":1063},[1050,3333,1641],{"class":1282},[1050,3335,1213],{"class":1063},[1050,3337,3338],{"class":1282}," 0.1",[1050,3340,1271],{"class":1063},[1050,3342,3343,3346,3348,3351],{"class":1052,"line":1144},[1050,3344,3345],{"class":1520},"  overflow",[1050,3347,1064],{"class":1063},[1050,3349,3350],{"class":1092}," hidden",[1050,3352,1096],{"class":1063},[1050,3354,3355,3357,3359,3362,3364,3366,3368,3370,3373,3375,3377,3379],{"class":1052,"line":1159},[1050,3356,2004],{"class":1520},[1050,3358,1064],{"class":1063},[1050,3360,3361],{"class":1520}," transform",[1050,3363,2012],{"class":1282},[1050,3365,2015],{"class":1286},[1050,3367,2018],{"class":1092},[1050,3369,3078],{"class":1192},[1050,3371,3372],{"class":1520},"box-shadow",[1050,3374,2012],{"class":1282},[1050,3376,2015],{"class":1286},[1050,3378,2018],{"class":1092},[1050,3380,1096],{"class":1063},[1050,3382,3383],{"class":1052,"line":1174},[1050,3384,1193],{"class":1192},[1050,3386,3387,3389,3391,3393],{"class":1052,"line":1189},[1050,3388,3130],{"class":1485},[1050,3390,1064],{"class":1063},[1050,3392,2040],{"class":1067},[1050,3394,1071],{"class":1063},[1050,3396,3397,3400,3402,3405,3407,3410,3412],{"class":1052,"line":1196},[1050,3398,3399],{"class":1520},"    transform",[1050,3401,1064],{"class":1063},[1050,3403,3404],{"class":1261}," translateY",[1050,3406,1265],{"class":1063},[1050,3408,3409],{"class":1282},"-2",[1050,3411,1287],{"class":1286},[1050,3413,1271],{"class":1063},[1050,3415,3416,3418,3420,3422,3424,3426,3428,3430,3432,3434,3436,3438,3440,3442,3444,3446,3449],{"class":1052,"line":1202},[1050,3417,3204],{"class":1520},[1050,3419,1064],{"class":1063},[1050,3421,1641],{"class":1282},[1050,3423,2200],{"class":1282},[1050,3425,1287],{"class":1286},[1050,3427,3297],{"class":1282},[1050,3429,1287],{"class":1286},[1050,3431,3220],{"class":1261},[1050,3433,1265],{"class":1063},[1050,3435,3325],{"class":1282},[1050,3437,1213],{"class":1063},[1050,3439,1641],{"class":1282},[1050,3441,1213],{"class":1063},[1050,3443,1641],{"class":1282},[1050,3445,1213],{"class":1063},[1050,3447,3448],{"class":1282}," 0.15",[1050,3450,1271],{"class":1063},[1050,3452,3453],{"class":1052,"line":1244},[1050,3454,3053],{"class":1063},[1050,3456,3457],{"class":1052,"line":1274},[1050,3458,1193],{"class":1192},[1050,3460,3461,3463,3466],{"class":1052,"line":1292},[1050,3462,3130],{"class":1485},[1050,3464,3465],{"class":1063},"__header",[1050,3467,1071],{"class":1063},[1050,3469,3470,3473,3475,3477,3479],{"class":1052,"line":1305},[1050,3471,3472],{"class":1520},"    padding",[1050,3474,1064],{"class":1063},[1050,3476,1370],{"class":1282},[1050,3478,1327],{"class":1286},[1050,3480,1096],{"class":1063},[1050,3482,3483,3486,3488,3490,3492,3494,3496,3499],{"class":1052,"line":1310},[1050,3484,3485],{"class":1520},"    border-bottom",[1050,3487,1064],{"class":1063},[1050,3489,1355],{"class":1282},[1050,3491,1287],{"class":1286},[1050,3493,2185],{"class":1092},[1050,3495,1089],{"class":1063},[1050,3497,3498],{"class":1092},"f0f0f0",[1050,3500,1096],{"class":1063},[1050,3502,3503],{"class":1052,"line":1316},[1050,3504,3505],{"class":1192},"    \n",[1050,3507,3508,3511],{"class":1052,"line":1332},[1050,3509,3510],{"class":1485},"    h3",[1050,3512,1071],{"class":1063},[1050,3514,3515,3518,3520,3522],{"class":1052,"line":1347},[1050,3516,3517],{"class":1520},"      margin",[1050,3519,1064],{"class":1063},[1050,3521,1641],{"class":1282},[1050,3523,1096],{"class":1063},[1050,3525,3526,3529,3531,3533,3535,3537,3539,3541,3543,3545],{"class":1052,"line":1362},[1050,3527,3528],{"class":1520},"      font-size",[1050,3530,1064],{"class":1063},[1050,3532,3023],{"class":1261},[1050,3534,1265],{"class":1063},[1050,3536,2708],{"class":1083},[1050,3538,1213],{"class":1063},[1050,3540,1222],{"class":1221},[1050,3542,2794],{"class":1225},[1050,3544,1229],{"class":1221},[1050,3546,1271],{"class":1063},[1050,3548,3549],{"class":1052,"line":1377},[1050,3550,3048],{"class":1063},[1050,3552,3553],{"class":1052,"line":1392},[1050,3554,3053],{"class":1063},[1050,3556,3557],{"class":1052,"line":1397},[1050,3558,1193],{"class":1192},[1050,3560,3561,3563,3566],{"class":1052,"line":1403},[1050,3562,3130],{"class":1485},[1050,3564,3565],{"class":1063},"__body",[1050,3567,1071],{"class":1063},[1050,3569,3570,3572,3574,3576,3578],{"class":1052,"line":1418},[1050,3571,3472],{"class":1520},[1050,3573,1064],{"class":1063},[1050,3575,1370],{"class":1282},[1050,3577,1327],{"class":1286},[1050,3579,1096],{"class":1063},[1050,3581,3582],{"class":1052,"line":1433},[1050,3583,3053],{"class":1063},[1050,3585,3586],{"class":1052,"line":1448},[1050,3587,1193],{"class":1192},[1050,3589,3590,3592,3595],{"class":1052,"line":1463},[1050,3591,3130],{"class":1485},[1050,3593,3594],{"class":1063},"__footer",[1050,3596,1071],{"class":1063},[1050,3598,3599,3601,3603,3605,3607,3609,3611],{"class":1052,"line":1469},[1050,3600,3472],{"class":1520},[1050,3602,1064],{"class":1063},[1050,3604,1355],{"class":1282},[1050,3606,1327],{"class":1286},[1050,3608,1370],{"class":1282},[1050,3610,1327],{"class":1286},[1050,3612,1096],{"class":1063},[1050,3614,3615,3618,3620,3622,3625],{"class":1052,"line":1476},[1050,3616,3617],{"class":1520},"    background",[1050,3619,1064],{"class":1063},[1050,3621,1089],{"class":1063},[1050,3623,3624],{"class":1092},"f8f9fa",[1050,3626,1096],{"class":1063},[1050,3628,3629,3632,3634,3636,3638,3640,3642,3644],{"class":1052,"line":1482},[1050,3630,3631],{"class":1520},"    border-top",[1050,3633,1064],{"class":1063},[1050,3635,1355],{"class":1282},[1050,3637,1287],{"class":1286},[1050,3639,2185],{"class":1092},[1050,3641,1089],{"class":1063},[1050,3643,3498],{"class":1092},[1050,3645,1096],{"class":1063},[1050,3647,3648],{"class":1052,"line":1492},[1050,3649,3053],{"class":1063},[1050,3651,3652],{"class":1052,"line":1505},[1050,3653,1193],{"class":1192},[1050,3655,3656],{"class":1052,"line":1517},[1050,3657,3658],{"class":1056},"  // Responsive variations\n",[1050,3660,3661,3663,3666,3668,3670,3672,3674,3676,3678],{"class":1052,"line":1531},[1050,3662,2984],{"class":2961},[1050,3664,3665],{"class":2965},"include",[1050,3667,2970],{"class":2969},[1050,3669,1265],{"class":1063},[1050,3671,1229],{"class":1221},[1050,3673,2899],{"class":1225},[1050,3675,1229],{"class":1221},[1050,3677,2163],{"class":1063},[1050,3679,1071],{"class":1063},[1050,3681,3682,3685,3688],{"class":1052,"line":1536},[1050,3683,3684],{"class":1485},"    &",[1050,3686,3687],{"class":1083},"--horizontal",[1050,3689,1071],{"class":1063},[1050,3691,3692,3695,3697,3700],{"class":1052,"line":1541},[1050,3693,3694],{"class":1520},"      display",[1050,3696,1064],{"class":1063},[1050,3698,3699],{"class":1092}," flex",[1050,3701,1096],{"class":1063},[1050,3703,3704],{"class":1052,"line":1549},[1050,3705,3706],{"class":1192},"      \n",[1050,3708,3709,3712,3715],{"class":1052,"line":1565},[1050,3710,3711],{"class":1063},"      .",[1050,3713,3714],{"class":2109},"card__image",[1050,3716,1071],{"class":1063},[1050,3718,3719,3722,3724,3726,3728,3731,3733],{"class":1052,"line":1582},[1050,3720,3721],{"class":1520},"        flex",[1050,3723,1064],{"class":1063},[1050,3725,1641],{"class":1282},[1050,3727,1641],{"class":1282},[1050,3729,3730],{"class":1282}," 200",[1050,3732,1287],{"class":1286},[1050,3734,1096],{"class":1063},[1050,3736,3737],{"class":1052,"line":1599},[1050,3738,3739],{"class":1063},"      }\n",[1050,3741,3742],{"class":1052,"line":1616},[1050,3743,3706],{"class":1192},[1050,3745,3746,3748,3751],{"class":1052,"line":1633},[1050,3747,3711],{"class":1063},[1050,3749,3750],{"class":2109},"card__content",[1050,3752,1071],{"class":1063},[1050,3754,3755,3757,3759,3761],{"class":1052,"line":1646},[1050,3756,3721],{"class":1520},[1050,3758,1064],{"class":1063},[1050,3760,1355],{"class":1282},[1050,3762,1096],{"class":1063},[1050,3764,3765,3768,3770,3772],{"class":1052,"line":1658},[1050,3766,3767],{"class":1520},"        display",[1050,3769,1064],{"class":1063},[1050,3771,3699],{"class":1092},[1050,3773,1096],{"class":1063},[1050,3775,3776,3779,3781,3784],{"class":1052,"line":1663},[1050,3777,3778],{"class":1520},"        flex-direction",[1050,3780,1064],{"class":1063},[1050,3782,3783],{"class":1092}," column",[1050,3785,1096],{"class":1063},[1050,3787,3788],{"class":1052,"line":1668},[1050,3789,3739],{"class":1063},[1050,3791,3792],{"class":1052,"line":1674},[1050,3793,3048],{"class":1063},[1050,3795,3796],{"class":1052,"line":1706},[1050,3797,3053],{"class":1063},[1050,3799,3800],{"class":1052,"line":1722},[1050,3801,1466],{"class":1063},[1030,3803,3805],{"id":3804},"javascript-integration-patterns","JavaScript Integration Patterns",[1035,3807,3809],{"id":3808},"modern-javascript-module-system","Modern JavaScript Module System",[1040,3811,3815],{"className":3812,"code":3813,"language":3814,"meta":1045,"style":1045},"language-javascript shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","// static/js/utils/api.js\nclass ApiClient {\n  constructor(baseURL = '/api/') {\n    this.baseURL = baseURL;\n    this.defaultHeaders = {\n      'Content-Type': 'application/json',\n    };\n  }\n  \n  async request(endpoint, options = {}) {\n    const url = `${this.baseURL}${endpoint}`;\n    const config = {\n      headers: { ...this.defaultHeaders, ...options.headers },\n      ...options\n    };\n    \n    // Add CSRF token for non-GET requests\n    if (options.method && options.method !== 'GET') {\n      const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]')?.value;\n      if (csrfToken) {\n        config.headers['X-CSRFToken'] = csrfToken;\n      }\n    }\n    \n    try {\n      const response = await fetch(url, config);\n      \n      if (!response.ok) {\n        throw new Error(`HTTP error! status: ${response.status}`);\n      }\n      \n      const contentType = response.headers.get('content-type');\n      if (contentType && contentType.includes('application/json')) {\n        return await response.json();\n      }\n      \n      return await response.text();\n    } catch (error) {\n      console.error('API request failed:', error);\n      throw error;\n    }\n  }\n  \n  get(endpoint, params = {}) {\n    const url = new URL(endpoint, this.baseURL);\n    Object.keys(params).forEach(key => \n      url.searchParams.append(key, params[key])\n    );\n    \n    return this.request(url.pathname + url.search);\n  }\n  \n  post(endpoint, data = {}) {\n    return this.request(endpoint, {\n      method: 'POST',\n      body: JSON.stringify(data)\n    });\n  }\n  \n  put(endpoint, data = {}) {\n    return this.request(endpoint, {\n      method: 'PUT',\n      body: JSON.stringify(data)\n    });\n  }\n  \n  delete(endpoint) {\n    return this.request(endpoint, {\n      method: 'DELETE'\n    });\n  }\n}\n\nexport default new ApiClient();\n","javascript",[1047,3816,3817,3822,3834,3859,3876,3889,3911,3916,3920,3924,3950,3988,3999,4033,4041,4045,4050,4055,4094,4131,4145,4173,4177,4181,4185,4192,4220,4224,4245,4280,4284,4288,4321,4351,4370,4374,4378,4396,4413,4440,4449,4453,4457,4461,4481,4511,4545,4575,4582,4586,4621,4625,4629,4649,4667,4683,4706,4714,4718,4722,4741,4759,4774,4792,4800,4804,4808,4821,4839,4853,4861,4865,4869,4873],{"__ignoreMap":1045},[1050,3818,3819],{"class":1052,"line":1053},[1050,3820,3821],{"class":1056},"// static/js/utils/api.js\n",[1050,3823,3824,3828,3832],{"class":1052,"line":1060},[1050,3825,3827],{"class":3826},"s5Kfy","class",[1050,3829,3831],{"class":3830},"sD-vU"," ApiClient",[1050,3833,1071],{"class":1063},[1050,3835,3836,3839,3841,3845,3848,3850,3853,3855,3857],{"class":1052,"line":1074},[1050,3837,3838],{"class":3826},"  constructor",[1050,3840,1265],{"class":1063},[1050,3842,3844],{"class":3843},"sqOPj","baseURL",[1050,3846,3847],{"class":1063}," =",[1050,3849,1222],{"class":1221},[1050,3851,3852],{"class":1225},"/api/",[1050,3854,1229],{"class":1221},[1050,3856,2163],{"class":1063},[1050,3858,1071],{"class":1063},[1050,3860,3861,3865,3867,3869,3871,3874],{"class":1052,"line":1080},[1050,3862,3864],{"class":3863},"sETVe","    this",[1050,3866,2106],{"class":1063},[1050,3868,3844],{"class":1083},[1050,3870,3847],{"class":1063},[1050,3872,3873],{"class":1083}," baseURL",[1050,3875,1096],{"class":1063},[1050,3877,3878,3880,3882,3885,3887],{"class":1052,"line":1099},[1050,3879,3864],{"class":3863},[1050,3881,2106],{"class":1063},[1050,3883,3884],{"class":1083},"defaultHeaders",[1050,3886,3847],{"class":1063},[1050,3888,1071],{"class":1063},[1050,3890,3891,3894,3898,3900,3902,3904,3907,3909],{"class":1052,"line":1114},[1050,3892,3893],{"class":1221},"      '",[1050,3895,3897],{"class":3896},"sQtxO","Content-Type",[1050,3899,1229],{"class":1221},[1050,3901,1064],{"class":1063},[1050,3903,1222],{"class":1221},[1050,3905,3906],{"class":1225},"application/json",[1050,3908,1229],{"class":1221},[1050,3910,1489],{"class":1063},[1050,3912,3913],{"class":1052,"line":1129},[1050,3914,3915],{"class":1063},"    };\n",[1050,3917,3918],{"class":1052,"line":1144},[1050,3919,3053],{"class":1063},[1050,3921,3922],{"class":1052,"line":1159},[1050,3923,1193],{"class":1192},[1050,3925,3926,3929,3933,3935,3938,3940,3943,3945,3948],{"class":1052,"line":1174},[1050,3927,3928],{"class":3826},"  async",[1050,3930,3932],{"class":3931},"s8xu_"," request",[1050,3934,1265],{"class":1063},[1050,3936,3937],{"class":3843},"endpoint",[1050,3939,1213],{"class":1063},[1050,3941,3942],{"class":3843}," options",[1050,3944,3847],{"class":1063},[1050,3946,3947],{"class":1063}," {})",[1050,3949,1071],{"class":1063},[1050,3951,3952,3955,3958,3960,3963,3967,3970,3972,3975,3978,3980,3983,3986],{"class":1052,"line":1189},[1050,3953,3954],{"class":3826},"    const",[1050,3956,3957],{"class":1083}," url",[1050,3959,3847],{"class":1063},[1050,3961,3962],{"class":1221}," `",[1050,3964,3966],{"class":3965},"s8XtY","${",[1050,3968,3969],{"class":3863},"this",[1050,3971,2106],{"class":1063},[1050,3973,3844],{"class":3974},"su_V2",[1050,3976,3977],{"class":3965},"}${",[1050,3979,3937],{"class":3974},[1050,3981,3982],{"class":3965},"}",[1050,3984,3985],{"class":1221},"`",[1050,3987,1096],{"class":1063},[1050,3989,3990,3992,3995,3997],{"class":1052,"line":1196},[1050,3991,3954],{"class":3826},[1050,3993,3994],{"class":1083}," config",[1050,3996,3847],{"class":1063},[1050,3998,1071],{"class":1063},[1050,4000,4001,4005,4007,4009,4012,4014,4016,4018,4020,4022,4025,4027,4030],{"class":1052,"line":1202},[1050,4002,4004],{"class":4003},"suXOh","      headers",[1050,4006,1064],{"class":1063},[1050,4008,1791],{"class":1063},[1050,4010,4011],{"class":1063}," ...",[1050,4013,3969],{"class":3863},[1050,4015,2106],{"class":1063},[1050,4017,3884],{"class":1083},[1050,4019,1213],{"class":1063},[1050,4021,4011],{"class":1063},[1050,4023,4024],{"class":1083},"options",[1050,4026,2106],{"class":1063},[1050,4028,4029],{"class":1083},"headers",[1050,4031,4032],{"class":1063}," },\n",[1050,4034,4035,4038],{"class":1052,"line":1244},[1050,4036,4037],{"class":1063},"      ...",[1050,4039,4040],{"class":1083},"options\n",[1050,4042,4043],{"class":1052,"line":1274},[1050,4044,3915],{"class":1063},[1050,4046,4047],{"class":1052,"line":1292},[1050,4048,3505],{"class":4049},"sBPpx",[1050,4051,4052],{"class":1052,"line":1305},[1050,4053,4054],{"class":1056},"    // Add CSRF token for non-GET requests\n",[1050,4056,4057,4060,4063,4065,4067,4070,4074,4076,4078,4080,4083,4085,4088,4090,4092],{"class":1052,"line":1310},[1050,4058,4059],{"class":2965},"    if",[1050,4061,3014],{"class":4062},"sLdnO",[1050,4064,4024],{"class":1083},[1050,4066,2106],{"class":1063},[1050,4068,4069],{"class":1083},"method",[1050,4071,4073],{"class":4072},"sVsLi"," &&",[1050,4075,3942],{"class":1083},[1050,4077,2106],{"class":1063},[1050,4079,4069],{"class":1083},[1050,4081,4082],{"class":4072}," !==",[1050,4084,1222],{"class":1221},[1050,4086,4087],{"class":1225},"GET",[1050,4089,1229],{"class":1221},[1050,4091,2163],{"class":4062},[1050,4093,1071],{"class":1063},[1050,4095,4096,4099,4102,4104,4107,4109,4112,4114,4116,4119,4121,4123,4126,4129],{"class":1052,"line":1316},[1050,4097,4098],{"class":3826},"      const",[1050,4100,4101],{"class":1083}," csrfToken",[1050,4103,3847],{"class":1063},[1050,4105,4106],{"class":1083}," document",[1050,4108,2106],{"class":1063},[1050,4110,4111],{"class":2969},"querySelector",[1050,4113,1265],{"class":4062},[1050,4115,1229],{"class":1221},[1050,4117,4118],{"class":1225},"[name=csrfmiddlewaretoken]",[1050,4120,1229],{"class":1221},[1050,4122,2163],{"class":4062},[1050,4124,4125],{"class":1063},"?.",[1050,4127,4128],{"class":1083},"value",[1050,4130,1096],{"class":1063},[1050,4132,4133,4136,4138,4141,4143],{"class":1052,"line":1332},[1050,4134,4135],{"class":2965},"      if",[1050,4137,3014],{"class":4062},[1050,4139,4140],{"class":1083},"csrfToken",[1050,4142,2163],{"class":4062},[1050,4144,1071],{"class":1063},[1050,4146,4147,4150,4152,4154,4157,4159,4162,4164,4167,4169,4171],{"class":1052,"line":1347},[1050,4148,4149],{"class":1083},"        config",[1050,4151,2106],{"class":1063},[1050,4153,4029],{"class":1083},[1050,4155,4156],{"class":4062},"[",[1050,4158,1229],{"class":1221},[1050,4160,4161],{"class":1225},"X-CSRFToken",[1050,4163,1229],{"class":1221},[1050,4165,4166],{"class":4062},"]",[1050,4168,3847],{"class":1063},[1050,4170,4101],{"class":1083},[1050,4172,1096],{"class":1063},[1050,4174,4175],{"class":1052,"line":1362},[1050,4176,3739],{"class":1063},[1050,4178,4179],{"class":1052,"line":1377},[1050,4180,3048],{"class":1063},[1050,4182,4183],{"class":1052,"line":1392},[1050,4184,3505],{"class":4049},[1050,4186,4187,4190],{"class":1052,"line":1397},[1050,4188,4189],{"class":2965},"    try",[1050,4191,1071],{"class":1063},[1050,4193,4194,4196,4199,4201,4204,4207,4209,4212,4214,4216,4218],{"class":1052,"line":1403},[1050,4195,4098],{"class":3826},[1050,4197,4198],{"class":1083}," response",[1050,4200,3847],{"class":1063},[1050,4202,4203],{"class":2965}," await",[1050,4205,4206],{"class":2969}," fetch",[1050,4208,1265],{"class":4062},[1050,4210,4211],{"class":1083},"url",[1050,4213,1213],{"class":1063},[1050,4215,3994],{"class":1083},[1050,4217,2163],{"class":4062},[1050,4219,1096],{"class":1063},[1050,4221,4222],{"class":1052,"line":1418},[1050,4223,3706],{"class":4049},[1050,4225,4226,4228,4230,4233,4236,4238,4241,4243],{"class":1052,"line":1433},[1050,4227,4135],{"class":2965},[1050,4229,3014],{"class":4062},[1050,4231,4232],{"class":4072},"!",[1050,4234,4235],{"class":1083},"response",[1050,4237,2106],{"class":1063},[1050,4239,4240],{"class":1083},"ok",[1050,4242,2163],{"class":4062},[1050,4244,1071],{"class":1063},[1050,4246,4247,4250,4253,4256,4258,4260,4263,4265,4267,4269,4272,4274,4276,4278],{"class":1052,"line":1448},[1050,4248,4249],{"class":2965},"        throw",[1050,4251,4252],{"class":4072}," new",[1050,4254,4255],{"class":2969}," Error",[1050,4257,1265],{"class":4062},[1050,4259,3985],{"class":1221},[1050,4261,4262],{"class":1225},"HTTP error! status: ",[1050,4264,3966],{"class":3965},[1050,4266,4235],{"class":3974},[1050,4268,2106],{"class":1063},[1050,4270,4271],{"class":3974},"status",[1050,4273,3982],{"class":3965},[1050,4275,3985],{"class":1221},[1050,4277,2163],{"class":4062},[1050,4279,1096],{"class":1063},[1050,4281,4282],{"class":1052,"line":1463},[1050,4283,3739],{"class":1063},[1050,4285,4286],{"class":1052,"line":1469},[1050,4287,3706],{"class":4049},[1050,4289,4290,4292,4295,4297,4299,4301,4303,4305,4308,4310,4312,4315,4317,4319],{"class":1052,"line":1476},[1050,4291,4098],{"class":3826},[1050,4293,4294],{"class":1083}," contentType",[1050,4296,3847],{"class":1063},[1050,4298,4198],{"class":1083},[1050,4300,2106],{"class":1063},[1050,4302,4029],{"class":1083},[1050,4304,2106],{"class":1063},[1050,4306,4307],{"class":2969},"get",[1050,4309,1265],{"class":4062},[1050,4311,1229],{"class":1221},[1050,4313,4314],{"class":1225},"content-type",[1050,4316,1229],{"class":1221},[1050,4318,2163],{"class":4062},[1050,4320,1096],{"class":1063},[1050,4322,4323,4325,4327,4330,4332,4334,4336,4339,4341,4343,4345,4347,4349],{"class":1052,"line":1482},[1050,4324,4135],{"class":2965},[1050,4326,3014],{"class":4062},[1050,4328,4329],{"class":1083},"contentType",[1050,4331,4073],{"class":4072},[1050,4333,4294],{"class":1083},[1050,4335,2106],{"class":1063},[1050,4337,4338],{"class":2969},"includes",[1050,4340,1265],{"class":4062},[1050,4342,1229],{"class":1221},[1050,4344,3906],{"class":1225},[1050,4346,1229],{"class":1221},[1050,4348,3034],{"class":4062},[1050,4350,1071],{"class":1063},[1050,4352,4353,4356,4358,4360,4362,4365,4368],{"class":1052,"line":1492},[1050,4354,4355],{"class":2965},"        return",[1050,4357,4203],{"class":2965},[1050,4359,4198],{"class":1083},[1050,4361,2106],{"class":1063},[1050,4363,4364],{"class":2969},"json",[1050,4366,4367],{"class":4062},"()",[1050,4369,1096],{"class":1063},[1050,4371,4372],{"class":1052,"line":1505},[1050,4373,3739],{"class":1063},[1050,4375,4376],{"class":1052,"line":1517},[1050,4377,3706],{"class":4049},[1050,4379,4380,4383,4385,4387,4389,4392,4394],{"class":1052,"line":1531},[1050,4381,4382],{"class":2965},"      return",[1050,4384,4203],{"class":2965},[1050,4386,4198],{"class":1083},[1050,4388,2106],{"class":1063},[1050,4390,4391],{"class":2969},"text",[1050,4393,4367],{"class":4062},[1050,4395,1096],{"class":1063},[1050,4397,4398,4401,4404,4406,4409,4411],{"class":1052,"line":1536},[1050,4399,4400],{"class":1063},"    }",[1050,4402,4403],{"class":2965}," catch",[1050,4405,3014],{"class":4062},[1050,4407,4408],{"class":1083},"error",[1050,4410,2163],{"class":4062},[1050,4412,1071],{"class":1063},[1050,4414,4415,4418,4420,4422,4424,4426,4429,4431,4433,4436,4438],{"class":1052,"line":1541},[1050,4416,4417],{"class":1083},"      console",[1050,4419,2106],{"class":1063},[1050,4421,4408],{"class":2969},[1050,4423,1265],{"class":4062},[1050,4425,1229],{"class":1221},[1050,4427,4428],{"class":1225},"API request failed:",[1050,4430,1229],{"class":1221},[1050,4432,1213],{"class":1063},[1050,4434,4435],{"class":1083}," error",[1050,4437,2163],{"class":4062},[1050,4439,1096],{"class":1063},[1050,4441,4442,4445,4447],{"class":1052,"line":1549},[1050,4443,4444],{"class":2965},"      throw",[1050,4446,4435],{"class":1083},[1050,4448,1096],{"class":1063},[1050,4450,4451],{"class":1052,"line":1565},[1050,4452,3048],{"class":1063},[1050,4454,4455],{"class":1052,"line":1582},[1050,4456,3053],{"class":1063},[1050,4458,4459],{"class":1052,"line":1599},[1050,4460,1193],{"class":1192},[1050,4462,4463,4466,4468,4470,4472,4475,4477,4479],{"class":1052,"line":1616},[1050,4464,4465],{"class":3931},"  get",[1050,4467,1265],{"class":1063},[1050,4469,3937],{"class":3843},[1050,4471,1213],{"class":1063},[1050,4473,4474],{"class":3843}," params",[1050,4476,3847],{"class":1063},[1050,4478,3947],{"class":1063},[1050,4480,1071],{"class":1063},[1050,4482,4483,4485,4487,4489,4491,4494,4496,4498,4500,4503,4505,4507,4509],{"class":1052,"line":1633},[1050,4484,3954],{"class":3826},[1050,4486,3957],{"class":1083},[1050,4488,3847],{"class":1063},[1050,4490,4252],{"class":4072},[1050,4492,4493],{"class":2969}," URL",[1050,4495,1265],{"class":4062},[1050,4497,3937],{"class":1083},[1050,4499,1213],{"class":1063},[1050,4501,4502],{"class":3863}," this",[1050,4504,2106],{"class":1063},[1050,4506,3844],{"class":1083},[1050,4508,2163],{"class":4062},[1050,4510,1096],{"class":1063},[1050,4512,4513,4516,4518,4521,4523,4526,4528,4530,4533,4535,4538,4542],{"class":1052,"line":1646},[1050,4514,4515],{"class":1083},"    Object",[1050,4517,2106],{"class":1063},[1050,4519,4520],{"class":2969},"keys",[1050,4522,1265],{"class":4062},[1050,4524,4525],{"class":1083},"params",[1050,4527,2163],{"class":4062},[1050,4529,2106],{"class":1063},[1050,4531,4532],{"class":2969},"forEach",[1050,4534,1265],{"class":4062},[1050,4536,4537],{"class":3843},"key",[1050,4539,4541],{"class":4540},"sIOqK"," =>",[1050,4543,4544],{"class":4049}," \n",[1050,4546,4547,4550,4552,4555,4557,4560,4562,4564,4566,4568,4570,4572],{"class":1052,"line":1658},[1050,4548,4549],{"class":1083},"      url",[1050,4551,2106],{"class":1063},[1050,4553,4554],{"class":1083},"searchParams",[1050,4556,2106],{"class":1063},[1050,4558,4559],{"class":2969},"append",[1050,4561,1265],{"class":4062},[1050,4563,4537],{"class":1083},[1050,4565,1213],{"class":1063},[1050,4567,4474],{"class":1083},[1050,4569,4156],{"class":4062},[1050,4571,4537],{"class":1083},[1050,4573,4574],{"class":4062},"])\n",[1050,4576,4577,4580],{"class":1052,"line":1663},[1050,4578,4579],{"class":4062},"    )",[1050,4581,1096],{"class":1063},[1050,4583,4584],{"class":1052,"line":1668},[1050,4585,3505],{"class":4049},[1050,4587,4588,4591,4593,4595,4598,4600,4602,4604,4607,4610,4612,4614,4617,4619],{"class":1052,"line":1674},[1050,4589,4590],{"class":2965},"    return",[1050,4592,4502],{"class":3863},[1050,4594,2106],{"class":1063},[1050,4596,4597],{"class":2969},"request",[1050,4599,1265],{"class":4062},[1050,4601,4211],{"class":1083},[1050,4603,2106],{"class":1063},[1050,4605,4606],{"class":1083},"pathname",[1050,4608,4609],{"class":4072}," +",[1050,4611,3957],{"class":1083},[1050,4613,2106],{"class":1063},[1050,4615,4616],{"class":1083},"search",[1050,4618,2163],{"class":4062},[1050,4620,1096],{"class":1063},[1050,4622,4623],{"class":1052,"line":1706},[1050,4624,3053],{"class":1063},[1050,4626,4627],{"class":1052,"line":1722},[1050,4628,1193],{"class":1192},[1050,4630,4631,4634,4636,4638,4640,4643,4645,4647],{"class":1052,"line":1735},[1050,4632,4633],{"class":3931},"  post",[1050,4635,1265],{"class":1063},[1050,4637,3937],{"class":3843},[1050,4639,1213],{"class":1063},[1050,4641,4642],{"class":3843}," data",[1050,4644,3847],{"class":1063},[1050,4646,3947],{"class":1063},[1050,4648,1071],{"class":1063},[1050,4650,4651,4653,4655,4657,4659,4661,4663,4665],{"class":1052,"line":1747},[1050,4652,4590],{"class":2965},[1050,4654,4502],{"class":3863},[1050,4656,2106],{"class":1063},[1050,4658,4597],{"class":2969},[1050,4660,1265],{"class":4062},[1050,4662,3937],{"class":1083},[1050,4664,1213],{"class":1063},[1050,4666,1071],{"class":1063},[1050,4668,4669,4672,4674,4676,4679,4681],{"class":1052,"line":1759},[1050,4670,4671],{"class":4003},"      method",[1050,4673,1064],{"class":1063},[1050,4675,1222],{"class":1221},[1050,4677,4678],{"class":1225},"POST",[1050,4680,1229],{"class":1221},[1050,4682,1489],{"class":1063},[1050,4684,4685,4688,4690,4693,4695,4698,4700,4703],{"class":1052,"line":1776},[1050,4686,4687],{"class":4003},"      body",[1050,4689,1064],{"class":1063},[1050,4691,4692],{"class":1083}," JSON",[1050,4694,2106],{"class":1063},[1050,4696,4697],{"class":2969},"stringify",[1050,4699,1265],{"class":4062},[1050,4701,4702],{"class":1083},"data",[1050,4704,4705],{"class":4062},")\n",[1050,4707,4708,4710,4712],{"class":1052,"line":1781},[1050,4709,4400],{"class":1063},[1050,4711,2163],{"class":4062},[1050,4713,1096],{"class":1063},[1050,4715,4716],{"class":1052,"line":1786},[1050,4717,3053],{"class":1063},[1050,4719,4720],{"class":1052,"line":1810},[1050,4721,1193],{"class":1192},[1050,4723,4724,4727,4729,4731,4733,4735,4737,4739],{"class":1052,"line":1829},[1050,4725,4726],{"class":3931},"  put",[1050,4728,1265],{"class":1063},[1050,4730,3937],{"class":3843},[1050,4732,1213],{"class":1063},[1050,4734,4642],{"class":3843},[1050,4736,3847],{"class":1063},[1050,4738,3947],{"class":1063},[1050,4740,1071],{"class":1063},[1050,4742,4743,4745,4747,4749,4751,4753,4755,4757],{"class":1052,"line":1849},[1050,4744,4590],{"class":2965},[1050,4746,4502],{"class":3863},[1050,4748,2106],{"class":1063},[1050,4750,4597],{"class":2969},[1050,4752,1265],{"class":4062},[1050,4754,3937],{"class":1083},[1050,4756,1213],{"class":1063},[1050,4758,1071],{"class":1063},[1050,4760,4761,4763,4765,4767,4770,4772],{"class":1052,"line":1869},[1050,4762,4671],{"class":4003},[1050,4764,1064],{"class":1063},[1050,4766,1222],{"class":1221},[1050,4768,4769],{"class":1225},"PUT",[1050,4771,1229],{"class":1221},[1050,4773,1489],{"class":1063},[1050,4775,4776,4778,4780,4782,4784,4786,4788,4790],{"class":1052,"line":1890},[1050,4777,4687],{"class":4003},[1050,4779,1064],{"class":1063},[1050,4781,4692],{"class":1083},[1050,4783,2106],{"class":1063},[1050,4785,4697],{"class":2969},[1050,4787,1265],{"class":4062},[1050,4789,4702],{"class":1083},[1050,4791,4705],{"class":4062},[1050,4793,4794,4796,4798],{"class":1052,"line":1910},[1050,4795,4400],{"class":1063},[1050,4797,2163],{"class":4062},[1050,4799,1096],{"class":1063},[1050,4801,4802],{"class":1052,"line":1915},[1050,4803,3053],{"class":1063},[1050,4805,4806],{"class":1052,"line":1922},[1050,4807,1193],{"class":1192},[1050,4809,4810,4813,4815,4817,4819],{"class":1052,"line":1933},[1050,4811,4812],{"class":3931},"  delete",[1050,4814,1265],{"class":1063},[1050,4816,3937],{"class":3843},[1050,4818,2163],{"class":1063},[1050,4820,1071],{"class":1063},[1050,4822,4823,4825,4827,4829,4831,4833,4835,4837],{"class":1052,"line":1948},[1050,4824,4590],{"class":2965},[1050,4826,4502],{"class":3863},[1050,4828,2106],{"class":1063},[1050,4830,4597],{"class":2969},[1050,4832,1265],{"class":4062},[1050,4834,3937],{"class":1083},[1050,4836,1213],{"class":1063},[1050,4838,1071],{"class":1063},[1050,4840,4841,4843,4845,4847,4850],{"class":1052,"line":1953},[1050,4842,4671],{"class":4003},[1050,4844,1064],{"class":1063},[1050,4846,1222],{"class":1221},[1050,4848,4849],{"class":1225},"DELETE",[1050,4851,4852],{"class":1221},"'\n",[1050,4854,4855,4857,4859],{"class":1052,"line":1958},[1050,4856,4400],{"class":1063},[1050,4858,2163],{"class":4062},[1050,4860,1096],{"class":1063},[1050,4862,4863],{"class":1052,"line":1964},[1050,4864,3053],{"class":1063},[1050,4866,4867],{"class":1052,"line":1972},[1050,4868,1466],{"class":1063},[1050,4870,4871],{"class":1052,"line":1988},[1050,4872,1473],{"emptyLinePlaceholder":1472},[1050,4874,4875,4878,4881,4883,4885,4888],{"class":1052,"line":2001},[1050,4876,4877],{"class":2965},"export",[1050,4879,4880],{"class":2965}," default",[1050,4882,4252],{"class":4072},[1050,4884,3831],{"class":2969},[1050,4886,4367],{"class":4887},"snCua",[1050,4889,1096],{"class":1063},[1035,4891,4893],{"id":4892},"component-based-javascript-architecture","Component-Based JavaScript Architecture",[1040,4895,4897],{"className":3812,"code":4896,"language":3814,"meta":1045,"style":1045},"// static/js/components/Modal.js\nexport class Modal {\n  constructor(element, options = {}) {\n    this.element = element;\n    this.options = {\n      closeOnEscape: true,\n      closeOnBackdrop: true,\n      ...options\n    };\n    \n    this.isOpen = false;\n    this.init();\n  }\n  \n  init() {\n    this.bindEvents();\n    this.createBackdrop();\n  }\n  \n  bindEvents() {\n    // Close button\n    const closeBtn = this.element.querySelector('[data-modal-close]');\n    if (closeBtn) {\n      closeBtn.addEventListener('click', () => this.close());\n    }\n    \n    // Escape key\n    if (this.options.closeOnEscape) {\n      document.addEventListener('keydown', (e) => {\n        if (e.key === 'Escape' && this.isOpen) {\n          this.close();\n        }\n      });\n    }\n    \n    // Backdrop click\n    if (this.options.closeOnBackdrop) {\n      this.element.addEventListener('click', (e) => {\n        if (e.target === this.element) {\n          this.close();\n        }\n      });\n    }\n  }\n  \n  createBackdrop() {\n    this.element.classList.add('modal');\n    this.element.setAttribute('role', 'dialog');\n    this.element.setAttribute('aria-hidden', 'true');\n  }\n  \n  open() {\n    if (this.isOpen) return;\n    \n    this.isOpen = true;\n    document.body.classList.add('modal-open');\n    this.element.classList.add('modal--active');\n    this.element.setAttribute('aria-hidden', 'false');\n    \n    // Focus management\n    this.previousActiveElement = document.activeElement;\n    const focusableElement = this.element.querySelector('[autofocus], input, button, textarea, select');\n    if (focusableElement) {\n      focusableElement.focus();\n    }\n    \n    // Emit custom event\n    this.element.dispatchEvent(new CustomEvent('modal:open'));\n  }\n  \n  close() {\n    if (!this.isOpen) return;\n    \n    this.isOpen = false;\n    document.body.classList.remove('modal-open');\n    this.element.classList.remove('modal--active');\n    this.element.setAttribute('aria-hidden', 'true');\n    \n    // Restore focus\n    if (this.previousActiveElement) {\n      this.previousActiveElement.focus();\n    }\n    \n    // Emit custom event\n    this.element.dispatchEvent(new CustomEvent('modal:close'));\n  }\n  \n  toggle() {\n    this.isOpen ? this.close() : this.open();\n  }\n}\n",[1047,4898,4899,4904,4916,4935,4950,4962,4975,4986,4992,4996,5000,5016,5029,5033,5037,5046,5059,5072,5076,5080,5089,5094,5126,5139,5177,5181,5185,5190,5211,5242,5277,5290,5295,5304,5308,5312,5317,5338,5371,5396,5408,5412,5420,5424,5428,5432,5441,5472,5507,5541,5545,5549,5558,5577,5581,5595,5625,5654,5687,5691,5696,5716,5748,5761,5774,5778,5782,5787,5821,5825,5829,5838,5858,5862,5876,5905,5933,5965,5969,5974,5990,6006,6011,6016,6021,6053,6058,6063,6073,6107,6112],{"__ignoreMap":1045},[1050,4900,4901],{"class":1052,"line":1053},[1050,4902,4903],{"class":1056},"// static/js/components/Modal.js\n",[1050,4905,4906,4908,4911,4914],{"class":1052,"line":1060},[1050,4907,4877],{"class":2965},[1050,4909,4910],{"class":3826}," class",[1050,4912,4913],{"class":3830}," Modal",[1050,4915,1071],{"class":1063},[1050,4917,4918,4920,4922,4925,4927,4929,4931,4933],{"class":1052,"line":1074},[1050,4919,3838],{"class":3826},[1050,4921,1265],{"class":1063},[1050,4923,4924],{"class":3843},"element",[1050,4926,1213],{"class":1063},[1050,4928,3942],{"class":3843},[1050,4930,3847],{"class":1063},[1050,4932,3947],{"class":1063},[1050,4934,1071],{"class":1063},[1050,4936,4937,4939,4941,4943,4945,4948],{"class":1052,"line":1080},[1050,4938,3864],{"class":3863},[1050,4940,2106],{"class":1063},[1050,4942,4924],{"class":1083},[1050,4944,3847],{"class":1063},[1050,4946,4947],{"class":1083}," element",[1050,4949,1096],{"class":1063},[1050,4951,4952,4954,4956,4958,4960],{"class":1052,"line":1099},[1050,4953,3864],{"class":3863},[1050,4955,2106],{"class":1063},[1050,4957,4024],{"class":1083},[1050,4959,3847],{"class":1063},[1050,4961,1071],{"class":1063},[1050,4963,4964,4967,4969,4973],{"class":1052,"line":1114},[1050,4965,4966],{"class":4003},"      closeOnEscape",[1050,4968,1064],{"class":1063},[1050,4970,4972],{"class":4971},"sq3J1"," true",[1050,4974,1489],{"class":1063},[1050,4976,4977,4980,4982,4984],{"class":1052,"line":1129},[1050,4978,4979],{"class":4003},"      closeOnBackdrop",[1050,4981,1064],{"class":1063},[1050,4983,4972],{"class":4971},[1050,4985,1489],{"class":1063},[1050,4987,4988,4990],{"class":1052,"line":1144},[1050,4989,4037],{"class":1063},[1050,4991,4040],{"class":1083},[1050,4993,4994],{"class":1052,"line":1159},[1050,4995,3915],{"class":1063},[1050,4997,4998],{"class":1052,"line":1174},[1050,4999,3505],{"class":4049},[1050,5001,5002,5004,5006,5009,5011,5014],{"class":1052,"line":1189},[1050,5003,3864],{"class":3863},[1050,5005,2106],{"class":1063},[1050,5007,5008],{"class":1083},"isOpen",[1050,5010,3847],{"class":1063},[1050,5012,5013],{"class":4971}," false",[1050,5015,1096],{"class":1063},[1050,5017,5018,5020,5022,5025,5027],{"class":1052,"line":1196},[1050,5019,3864],{"class":3863},[1050,5021,2106],{"class":1063},[1050,5023,5024],{"class":2969},"init",[1050,5026,4367],{"class":4062},[1050,5028,1096],{"class":1063},[1050,5030,5031],{"class":1052,"line":1202},[1050,5032,3053],{"class":1063},[1050,5034,5035],{"class":1052,"line":1244},[1050,5036,1193],{"class":1192},[1050,5038,5039,5042,5044],{"class":1052,"line":1274},[1050,5040,5041],{"class":3931},"  init",[1050,5043,4367],{"class":1063},[1050,5045,1071],{"class":1063},[1050,5047,5048,5050,5052,5055,5057],{"class":1052,"line":1292},[1050,5049,3864],{"class":3863},[1050,5051,2106],{"class":1063},[1050,5053,5054],{"class":2969},"bindEvents",[1050,5056,4367],{"class":4062},[1050,5058,1096],{"class":1063},[1050,5060,5061,5063,5065,5068,5070],{"class":1052,"line":1305},[1050,5062,3864],{"class":3863},[1050,5064,2106],{"class":1063},[1050,5066,5067],{"class":2969},"createBackdrop",[1050,5069,4367],{"class":4062},[1050,5071,1096],{"class":1063},[1050,5073,5074],{"class":1052,"line":1310},[1050,5075,3053],{"class":1063},[1050,5077,5078],{"class":1052,"line":1316},[1050,5079,1193],{"class":1192},[1050,5081,5082,5085,5087],{"class":1052,"line":1332},[1050,5083,5084],{"class":3931},"  bindEvents",[1050,5086,4367],{"class":1063},[1050,5088,1071],{"class":1063},[1050,5090,5091],{"class":1052,"line":1347},[1050,5092,5093],{"class":1056},"    // Close button\n",[1050,5095,5096,5098,5101,5103,5105,5107,5109,5111,5113,5115,5117,5120,5122,5124],{"class":1052,"line":1362},[1050,5097,3954],{"class":3826},[1050,5099,5100],{"class":1083}," closeBtn",[1050,5102,3847],{"class":1063},[1050,5104,4502],{"class":3863},[1050,5106,2106],{"class":1063},[1050,5108,4924],{"class":1083},[1050,5110,2106],{"class":1063},[1050,5112,4111],{"class":2969},[1050,5114,1265],{"class":4062},[1050,5116,1229],{"class":1221},[1050,5118,5119],{"class":1225},"[data-modal-close]",[1050,5121,1229],{"class":1221},[1050,5123,2163],{"class":4062},[1050,5125,1096],{"class":1063},[1050,5127,5128,5130,5132,5135,5137],{"class":1052,"line":1377},[1050,5129,4059],{"class":2965},[1050,5131,3014],{"class":4062},[1050,5133,5134],{"class":1083},"closeBtn",[1050,5136,2163],{"class":4062},[1050,5138,1071],{"class":1063},[1050,5140,5141,5144,5146,5149,5151,5153,5156,5158,5160,5163,5165,5167,5169,5172,5175],{"class":1052,"line":1392},[1050,5142,5143],{"class":1083},"      closeBtn",[1050,5145,2106],{"class":1063},[1050,5147,5148],{"class":2969},"addEventListener",[1050,5150,1265],{"class":4062},[1050,5152,1229],{"class":1221},[1050,5154,5155],{"class":1225},"click",[1050,5157,1229],{"class":1221},[1050,5159,1213],{"class":1063},[1050,5161,5162],{"class":1063}," ()",[1050,5164,4541],{"class":4540},[1050,5166,4502],{"class":3863},[1050,5168,2106],{"class":1063},[1050,5170,5171],{"class":2969},"close",[1050,5173,5174],{"class":4062},"())",[1050,5176,1096],{"class":1063},[1050,5178,5179],{"class":1052,"line":1397},[1050,5180,3048],{"class":1063},[1050,5182,5183],{"class":1052,"line":1403},[1050,5184,3505],{"class":4049},[1050,5186,5187],{"class":1052,"line":1418},[1050,5188,5189],{"class":1056},"    // Escape key\n",[1050,5191,5192,5194,5196,5198,5200,5202,5204,5207,5209],{"class":1052,"line":1433},[1050,5193,4059],{"class":2965},[1050,5195,3014],{"class":4062},[1050,5197,3969],{"class":3863},[1050,5199,2106],{"class":1063},[1050,5201,4024],{"class":1083},[1050,5203,2106],{"class":1063},[1050,5205,5206],{"class":1083},"closeOnEscape",[1050,5208,2163],{"class":4062},[1050,5210,1071],{"class":1063},[1050,5212,5213,5216,5218,5220,5222,5224,5227,5229,5231,5233,5236,5238,5240],{"class":1052,"line":1448},[1050,5214,5215],{"class":1083},"      document",[1050,5217,2106],{"class":1063},[1050,5219,5148],{"class":2969},[1050,5221,1265],{"class":4062},[1050,5223,1229],{"class":1221},[1050,5225,5226],{"class":1225},"keydown",[1050,5228,1229],{"class":1221},[1050,5230,1213],{"class":1063},[1050,5232,3014],{"class":1063},[1050,5234,5235],{"class":3843},"e",[1050,5237,2163],{"class":1063},[1050,5239,4541],{"class":4540},[1050,5241,1071],{"class":1063},[1050,5243,5244,5247,5249,5251,5253,5255,5258,5260,5263,5265,5267,5269,5271,5273,5275],{"class":1052,"line":1463},[1050,5245,5246],{"class":2965},"        if",[1050,5248,3014],{"class":4062},[1050,5250,5235],{"class":1083},[1050,5252,2106],{"class":1063},[1050,5254,4537],{"class":1083},[1050,5256,5257],{"class":4072}," ===",[1050,5259,1222],{"class":1221},[1050,5261,5262],{"class":1225},"Escape",[1050,5264,1229],{"class":1221},[1050,5266,4073],{"class":4072},[1050,5268,4502],{"class":3863},[1050,5270,2106],{"class":1063},[1050,5272,5008],{"class":1083},[1050,5274,2163],{"class":4062},[1050,5276,1071],{"class":1063},[1050,5278,5279,5282,5284,5286,5288],{"class":1052,"line":1469},[1050,5280,5281],{"class":3863},"          this",[1050,5283,2106],{"class":1063},[1050,5285,5171],{"class":2969},[1050,5287,4367],{"class":4062},[1050,5289,1096],{"class":1063},[1050,5291,5292],{"class":1052,"line":1476},[1050,5293,5294],{"class":1063},"        }\n",[1050,5296,5297,5300,5302],{"class":1052,"line":1482},[1050,5298,5299],{"class":1063},"      }",[1050,5301,2163],{"class":4062},[1050,5303,1096],{"class":1063},[1050,5305,5306],{"class":1052,"line":1492},[1050,5307,3048],{"class":1063},[1050,5309,5310],{"class":1052,"line":1505},[1050,5311,3505],{"class":4049},[1050,5313,5314],{"class":1052,"line":1517},[1050,5315,5316],{"class":1056},"    // Backdrop click\n",[1050,5318,5319,5321,5323,5325,5327,5329,5331,5334,5336],{"class":1052,"line":1531},[1050,5320,4059],{"class":2965},[1050,5322,3014],{"class":4062},[1050,5324,3969],{"class":3863},[1050,5326,2106],{"class":1063},[1050,5328,4024],{"class":1083},[1050,5330,2106],{"class":1063},[1050,5332,5333],{"class":1083},"closeOnBackdrop",[1050,5335,2163],{"class":4062},[1050,5337,1071],{"class":1063},[1050,5339,5340,5343,5345,5347,5349,5351,5353,5355,5357,5359,5361,5363,5365,5367,5369],{"class":1052,"line":1536},[1050,5341,5342],{"class":3863},"      this",[1050,5344,2106],{"class":1063},[1050,5346,4924],{"class":1083},[1050,5348,2106],{"class":1063},[1050,5350,5148],{"class":2969},[1050,5352,1265],{"class":4062},[1050,5354,1229],{"class":1221},[1050,5356,5155],{"class":1225},[1050,5358,1229],{"class":1221},[1050,5360,1213],{"class":1063},[1050,5362,3014],{"class":1063},[1050,5364,5235],{"class":3843},[1050,5366,2163],{"class":1063},[1050,5368,4541],{"class":4540},[1050,5370,1071],{"class":1063},[1050,5372,5373,5375,5377,5379,5381,5384,5386,5388,5390,5392,5394],{"class":1052,"line":1541},[1050,5374,5246],{"class":2965},[1050,5376,3014],{"class":4062},[1050,5378,5235],{"class":1083},[1050,5380,2106],{"class":1063},[1050,5382,5383],{"class":1083},"target",[1050,5385,5257],{"class":4072},[1050,5387,4502],{"class":3863},[1050,5389,2106],{"class":1063},[1050,5391,4924],{"class":1083},[1050,5393,2163],{"class":4062},[1050,5395,1071],{"class":1063},[1050,5397,5398,5400,5402,5404,5406],{"class":1052,"line":1549},[1050,5399,5281],{"class":3863},[1050,5401,2106],{"class":1063},[1050,5403,5171],{"class":2969},[1050,5405,4367],{"class":4062},[1050,5407,1096],{"class":1063},[1050,5409,5410],{"class":1052,"line":1565},[1050,5411,5294],{"class":1063},[1050,5413,5414,5416,5418],{"class":1052,"line":1582},[1050,5415,5299],{"class":1063},[1050,5417,2163],{"class":4062},[1050,5419,1096],{"class":1063},[1050,5421,5422],{"class":1052,"line":1599},[1050,5423,3048],{"class":1063},[1050,5425,5426],{"class":1052,"line":1616},[1050,5427,3053],{"class":1063},[1050,5429,5430],{"class":1052,"line":1633},[1050,5431,1193],{"class":1192},[1050,5433,5434,5437,5439],{"class":1052,"line":1646},[1050,5435,5436],{"class":3931},"  createBackdrop",[1050,5438,4367],{"class":1063},[1050,5440,1071],{"class":1063},[1050,5442,5443,5445,5447,5449,5451,5454,5456,5459,5461,5463,5466,5468,5470],{"class":1052,"line":1658},[1050,5444,3864],{"class":3863},[1050,5446,2106],{"class":1063},[1050,5448,4924],{"class":1083},[1050,5450,2106],{"class":1063},[1050,5452,5453],{"class":1083},"classList",[1050,5455,2106],{"class":1063},[1050,5457,5458],{"class":2969},"add",[1050,5460,1265],{"class":4062},[1050,5462,1229],{"class":1221},[1050,5464,5465],{"class":1225},"modal",[1050,5467,1229],{"class":1221},[1050,5469,2163],{"class":4062},[1050,5471,1096],{"class":1063},[1050,5473,5474,5476,5478,5480,5482,5485,5487,5489,5492,5494,5496,5498,5501,5503,5505],{"class":1052,"line":1663},[1050,5475,3864],{"class":3863},[1050,5477,2106],{"class":1063},[1050,5479,4924],{"class":1083},[1050,5481,2106],{"class":1063},[1050,5483,5484],{"class":2969},"setAttribute",[1050,5486,1265],{"class":4062},[1050,5488,1229],{"class":1221},[1050,5490,5491],{"class":1225},"role",[1050,5493,1229],{"class":1221},[1050,5495,1213],{"class":1063},[1050,5497,1222],{"class":1221},[1050,5499,5500],{"class":1225},"dialog",[1050,5502,1229],{"class":1221},[1050,5504,2163],{"class":4062},[1050,5506,1096],{"class":1063},[1050,5508,5509,5511,5513,5515,5517,5519,5521,5523,5526,5528,5530,5532,5535,5537,5539],{"class":1052,"line":1668},[1050,5510,3864],{"class":3863},[1050,5512,2106],{"class":1063},[1050,5514,4924],{"class":1083},[1050,5516,2106],{"class":1063},[1050,5518,5484],{"class":2969},[1050,5520,1265],{"class":4062},[1050,5522,1229],{"class":1221},[1050,5524,5525],{"class":1225},"aria-hidden",[1050,5527,1229],{"class":1221},[1050,5529,1213],{"class":1063},[1050,5531,1222],{"class":1221},[1050,5533,5534],{"class":1225},"true",[1050,5536,1229],{"class":1221},[1050,5538,2163],{"class":4062},[1050,5540,1096],{"class":1063},[1050,5542,5543],{"class":1052,"line":1674},[1050,5544,3053],{"class":1063},[1050,5546,5547],{"class":1052,"line":1706},[1050,5548,1193],{"class":1192},[1050,5550,5551,5554,5556],{"class":1052,"line":1722},[1050,5552,5553],{"class":3931},"  open",[1050,5555,4367],{"class":1063},[1050,5557,1071],{"class":1063},[1050,5559,5560,5562,5564,5566,5568,5570,5572,5575],{"class":1052,"line":1735},[1050,5561,4059],{"class":2965},[1050,5563,3014],{"class":4062},[1050,5565,3969],{"class":3863},[1050,5567,2106],{"class":1063},[1050,5569,5008],{"class":1083},[1050,5571,2163],{"class":4062},[1050,5573,5574],{"class":2965}," return",[1050,5576,1096],{"class":1063},[1050,5578,5579],{"class":1052,"line":1747},[1050,5580,3505],{"class":4049},[1050,5582,5583,5585,5587,5589,5591,5593],{"class":1052,"line":1759},[1050,5584,3864],{"class":3863},[1050,5586,2106],{"class":1063},[1050,5588,5008],{"class":1083},[1050,5590,3847],{"class":1063},[1050,5592,4972],{"class":4971},[1050,5594,1096],{"class":1063},[1050,5596,5597,5600,5602,5604,5606,5608,5610,5612,5614,5616,5619,5621,5623],{"class":1052,"line":1776},[1050,5598,5599],{"class":1083},"    document",[1050,5601,2106],{"class":1063},[1050,5603,1544],{"class":1083},[1050,5605,2106],{"class":1063},[1050,5607,5453],{"class":1083},[1050,5609,2106],{"class":1063},[1050,5611,5458],{"class":2969},[1050,5613,1265],{"class":4062},[1050,5615,1229],{"class":1221},[1050,5617,5618],{"class":1225},"modal-open",[1050,5620,1229],{"class":1221},[1050,5622,2163],{"class":4062},[1050,5624,1096],{"class":1063},[1050,5626,5627,5629,5631,5633,5635,5637,5639,5641,5643,5645,5648,5650,5652],{"class":1052,"line":1781},[1050,5628,3864],{"class":3863},[1050,5630,2106],{"class":1063},[1050,5632,4924],{"class":1083},[1050,5634,2106],{"class":1063},[1050,5636,5453],{"class":1083},[1050,5638,2106],{"class":1063},[1050,5640,5458],{"class":2969},[1050,5642,1265],{"class":4062},[1050,5644,1229],{"class":1221},[1050,5646,5647],{"class":1225},"modal--active",[1050,5649,1229],{"class":1221},[1050,5651,2163],{"class":4062},[1050,5653,1096],{"class":1063},[1050,5655,5656,5658,5660,5662,5664,5666,5668,5670,5672,5674,5676,5678,5681,5683,5685],{"class":1052,"line":1786},[1050,5657,3864],{"class":3863},[1050,5659,2106],{"class":1063},[1050,5661,4924],{"class":1083},[1050,5663,2106],{"class":1063},[1050,5665,5484],{"class":2969},[1050,5667,1265],{"class":4062},[1050,5669,1229],{"class":1221},[1050,5671,5525],{"class":1225},[1050,5673,1229],{"class":1221},[1050,5675,1213],{"class":1063},[1050,5677,1222],{"class":1221},[1050,5679,5680],{"class":1225},"false",[1050,5682,1229],{"class":1221},[1050,5684,2163],{"class":4062},[1050,5686,1096],{"class":1063},[1050,5688,5689],{"class":1052,"line":1810},[1050,5690,3505],{"class":4049},[1050,5692,5693],{"class":1052,"line":1829},[1050,5694,5695],{"class":1056},"    // Focus management\n",[1050,5697,5698,5700,5702,5705,5707,5709,5711,5714],{"class":1052,"line":1849},[1050,5699,3864],{"class":3863},[1050,5701,2106],{"class":1063},[1050,5703,5704],{"class":1083},"previousActiveElement",[1050,5706,3847],{"class":1063},[1050,5708,4106],{"class":1083},[1050,5710,2106],{"class":1063},[1050,5712,5713],{"class":1083},"activeElement",[1050,5715,1096],{"class":1063},[1050,5717,5718,5720,5723,5725,5727,5729,5731,5733,5735,5737,5739,5742,5744,5746],{"class":1052,"line":1869},[1050,5719,3954],{"class":3826},[1050,5721,5722],{"class":1083}," focusableElement",[1050,5724,3847],{"class":1063},[1050,5726,4502],{"class":3863},[1050,5728,2106],{"class":1063},[1050,5730,4924],{"class":1083},[1050,5732,2106],{"class":1063},[1050,5734,4111],{"class":2969},[1050,5736,1265],{"class":4062},[1050,5738,1229],{"class":1221},[1050,5740,5741],{"class":1225},"[autofocus], input, button, textarea, select",[1050,5743,1229],{"class":1221},[1050,5745,2163],{"class":4062},[1050,5747,1096],{"class":1063},[1050,5749,5750,5752,5754,5757,5759],{"class":1052,"line":1890},[1050,5751,4059],{"class":2965},[1050,5753,3014],{"class":4062},[1050,5755,5756],{"class":1083},"focusableElement",[1050,5758,2163],{"class":4062},[1050,5760,1071],{"class":1063},[1050,5762,5763,5766,5768,5770,5772],{"class":1052,"line":1910},[1050,5764,5765],{"class":1083},"      focusableElement",[1050,5767,2106],{"class":1063},[1050,5769,2052],{"class":2969},[1050,5771,4367],{"class":4062},[1050,5773,1096],{"class":1063},[1050,5775,5776],{"class":1052,"line":1915},[1050,5777,3048],{"class":1063},[1050,5779,5780],{"class":1052,"line":1922},[1050,5781,3505],{"class":4049},[1050,5783,5784],{"class":1052,"line":1933},[1050,5785,5786],{"class":1056},"    // Emit custom event\n",[1050,5788,5789,5791,5793,5795,5797,5800,5802,5805,5808,5810,5812,5815,5817,5819],{"class":1052,"line":1948},[1050,5790,3864],{"class":3863},[1050,5792,2106],{"class":1063},[1050,5794,4924],{"class":1083},[1050,5796,2106],{"class":1063},[1050,5798,5799],{"class":2969},"dispatchEvent",[1050,5801,1265],{"class":4062},[1050,5803,5804],{"class":4072},"new",[1050,5806,5807],{"class":2969}," CustomEvent",[1050,5809,1265],{"class":4062},[1050,5811,1229],{"class":1221},[1050,5813,5814],{"class":1225},"modal:open",[1050,5816,1229],{"class":1221},[1050,5818,3034],{"class":4062},[1050,5820,1096],{"class":1063},[1050,5822,5823],{"class":1052,"line":1953},[1050,5824,3053],{"class":1063},[1050,5826,5827],{"class":1052,"line":1958},[1050,5828,1193],{"class":1192},[1050,5830,5831,5834,5836],{"class":1052,"line":1964},[1050,5832,5833],{"class":3931},"  close",[1050,5835,4367],{"class":1063},[1050,5837,1071],{"class":1063},[1050,5839,5840,5842,5844,5846,5848,5850,5852,5854,5856],{"class":1052,"line":1972},[1050,5841,4059],{"class":2965},[1050,5843,3014],{"class":4062},[1050,5845,4232],{"class":4072},[1050,5847,3969],{"class":3863},[1050,5849,2106],{"class":1063},[1050,5851,5008],{"class":1083},[1050,5853,2163],{"class":4062},[1050,5855,5574],{"class":2965},[1050,5857,1096],{"class":1063},[1050,5859,5860],{"class":1052,"line":1988},[1050,5861,3505],{"class":4049},[1050,5863,5864,5866,5868,5870,5872,5874],{"class":1052,"line":2001},[1050,5865,3864],{"class":3863},[1050,5867,2106],{"class":1063},[1050,5869,5008],{"class":1083},[1050,5871,3847],{"class":1063},[1050,5873,5013],{"class":4971},[1050,5875,1096],{"class":1063},[1050,5877,5878,5880,5882,5884,5886,5888,5890,5893,5895,5897,5899,5901,5903],{"class":1052,"line":2023},[1050,5879,5599],{"class":1083},[1050,5881,2106],{"class":1063},[1050,5883,1544],{"class":1083},[1050,5885,2106],{"class":1063},[1050,5887,5453],{"class":1083},[1050,5889,2106],{"class":1063},[1050,5891,5892],{"class":2969},"remove",[1050,5894,1265],{"class":4062},[1050,5896,1229],{"class":1221},[1050,5898,5618],{"class":1225},[1050,5900,1229],{"class":1221},[1050,5902,2163],{"class":4062},[1050,5904,1096],{"class":1063},[1050,5906,5907,5909,5911,5913,5915,5917,5919,5921,5923,5925,5927,5929,5931],{"class":1052,"line":2028},[1050,5908,3864],{"class":3863},[1050,5910,2106],{"class":1063},[1050,5912,4924],{"class":1083},[1050,5914,2106],{"class":1063},[1050,5916,5453],{"class":1083},[1050,5918,2106],{"class":1063},[1050,5920,5892],{"class":2969},[1050,5922,1265],{"class":4062},[1050,5924,1229],{"class":1221},[1050,5926,5647],{"class":1225},[1050,5928,1229],{"class":1221},[1050,5930,2163],{"class":4062},[1050,5932,1096],{"class":1063},[1050,5934,5935,5937,5939,5941,5943,5945,5947,5949,5951,5953,5955,5957,5959,5961,5963],{"class":1052,"line":2033},[1050,5936,3864],{"class":3863},[1050,5938,2106],{"class":1063},[1050,5940,4924],{"class":1083},[1050,5942,2106],{"class":1063},[1050,5944,5484],{"class":2969},[1050,5946,1265],{"class":4062},[1050,5948,1229],{"class":1221},[1050,5950,5525],{"class":1225},[1050,5952,1229],{"class":1221},[1050,5954,1213],{"class":1063},[1050,5956,1222],{"class":1221},[1050,5958,5534],{"class":1225},[1050,5960,1229],{"class":1221},[1050,5962,2163],{"class":4062},[1050,5964,1096],{"class":1063},[1050,5966,5967],{"class":1052,"line":2045},[1050,5968,3505],{"class":4049},[1050,5970,5971],{"class":1052,"line":2057},[1050,5972,5973],{"class":1056},"    // Restore focus\n",[1050,5975,5976,5978,5980,5982,5984,5986,5988],{"class":1052,"line":2073},[1050,5977,4059],{"class":2965},[1050,5979,3014],{"class":4062},[1050,5981,3969],{"class":3863},[1050,5983,2106],{"class":1063},[1050,5985,5704],{"class":1083},[1050,5987,2163],{"class":4062},[1050,5989,1071],{"class":1063},[1050,5991,5992,5994,5996,5998,6000,6002,6004],{"class":1052,"line":2085},[1050,5993,5342],{"class":3863},[1050,5995,2106],{"class":1063},[1050,5997,5704],{"class":1083},[1050,5999,2106],{"class":1063},[1050,6001,2052],{"class":2969},[1050,6003,4367],{"class":4062},[1050,6005,1096],{"class":1063},[1050,6007,6009],{"class":1052,"line":6008},82,[1050,6010,3048],{"class":1063},[1050,6012,6014],{"class":1052,"line":6013},83,[1050,6015,3505],{"class":4049},[1050,6017,6019],{"class":1052,"line":6018},84,[1050,6020,5786],{"class":1056},[1050,6022,6024,6026,6028,6030,6032,6034,6036,6038,6040,6042,6044,6047,6049,6051],{"class":1052,"line":6023},85,[1050,6025,3864],{"class":3863},[1050,6027,2106],{"class":1063},[1050,6029,4924],{"class":1083},[1050,6031,2106],{"class":1063},[1050,6033,5799],{"class":2969},[1050,6035,1265],{"class":4062},[1050,6037,5804],{"class":4072},[1050,6039,5807],{"class":2969},[1050,6041,1265],{"class":4062},[1050,6043,1229],{"class":1221},[1050,6045,6046],{"class":1225},"modal:close",[1050,6048,1229],{"class":1221},[1050,6050,3034],{"class":4062},[1050,6052,1096],{"class":1063},[1050,6054,6056],{"class":1052,"line":6055},86,[1050,6057,3053],{"class":1063},[1050,6059,6061],{"class":1052,"line":6060},87,[1050,6062,1193],{"class":1192},[1050,6064,6066,6069,6071],{"class":1052,"line":6065},88,[1050,6067,6068],{"class":3931},"  toggle",[1050,6070,4367],{"class":1063},[1050,6072,1071],{"class":1063},[1050,6074,6076,6078,6080,6082,6085,6087,6089,6091,6093,6096,6098,6100,6103,6105],{"class":1052,"line":6075},89,[1050,6077,3864],{"class":3863},[1050,6079,2106],{"class":1063},[1050,6081,5008],{"class":1083},[1050,6083,6084],{"class":4072}," ?",[1050,6086,4502],{"class":3863},[1050,6088,2106],{"class":1063},[1050,6090,5171],{"class":2969},[1050,6092,4367],{"class":4062},[1050,6094,6095],{"class":4072}," :",[1050,6097,4502],{"class":3863},[1050,6099,2106],{"class":1063},[1050,6101,6102],{"class":2969},"open",[1050,6104,4367],{"class":4062},[1050,6106,1096],{"class":1063},[1050,6108,6110],{"class":1052,"line":6109},90,[1050,6111,3053],{"class":1063},[1050,6113,6115],{"class":1052,"line":6114},91,[1050,6116,1466],{"class":1063},[1035,6118,6120],{"id":6119},"form-enhancement-with-javascript","Form Enhancement with JavaScript",[1040,6122,6124],{"className":3812,"code":6123,"language":3814,"meta":1045,"style":1045},"// static/js/components/FormValidator.js\nexport class FormValidator {\n  constructor(form, rules = {}) {\n    this.form = form;\n    this.rules = rules;\n    this.errors = {};\n    \n    this.init();\n  }\n  \n  init() {\n    this.bindEvents();\n    this.setupFields();\n  }\n  \n  bindEvents() {\n    this.form.addEventListener('submit', (e) => {\n      if (!this.validate()) {\n        e.preventDefault();\n        this.showErrors();\n      }\n    });\n    \n    // Real-time validation\n    this.form.addEventListener('blur', (e) => {\n      if (e.target.matches('input, textarea, select')) {\n        this.validateField(e.target);\n      }\n    }, true);\n    \n    // Clear errors on input\n    this.form.addEventListener('input', (e) => {\n      if (e.target.matches('input, textarea, select')) {\n        this.clearFieldError(e.target);\n      }\n    });\n  }\n  \n  setupFields() {\n    const fields = this.form.querySelectorAll('input, textarea, select');\n    fields.forEach(field => {\n      // Add ARIA attributes\n      field.setAttribute('aria-describedby', `${field.name}-error`);\n      \n      // Create error container\n      const errorContainer = document.createElement('div');\n      errorContainer.id = `${field.name}-error`;\n      errorContainer.className = 'field-error';\n      errorContainer.setAttribute('role', 'alert');\n      field.parentNode.appendChild(errorContainer);\n    });\n  }\n  \n  validate() {\n    this.errors = {};\n    let isValid = true;\n    \n    Object.keys(this.rules).forEach(fieldName => {\n      const field = this.form.querySelector(`[name=\"${fieldName}\"]`);\n      if (field && !this.validateField(field)) {\n        isValid = false;\n      }\n    });\n    \n    return isValid;\n  }\n  \n  validateField(field) {\n    const fieldName = field.name;\n    const fieldRules = this.rules[fieldName];\n    \n    if (!fieldRules) return true;\n    \n    const value = field.value.trim();\n    \n    // Required validation\n    if (fieldRules.required && !value) {\n      this.setFieldError(field, fieldRules.messages?.required || 'This field is required');\n      return false;\n    }\n    \n    // Skip other validations if field is empty and not required\n    if (!value && !fieldRules.required) {\n      this.clearFieldError(field);\n      return true;\n    }\n    \n    // Email validation\n    if (fieldRules.email && !this.isValidEmail(value)) {\n      this.setFieldError(field, fieldRules.messages?.email || 'Please enter a valid email address');\n      return false;\n    }\n    \n    // Min length validation\n    if (fieldRules.minLength && value.length \u003C fieldRules.minLength) {\n      this.setFieldError(field, fieldRules.messages?.minLength || `Minimum ${fieldRules.minLength} characters required`);\n      return false;\n    }\n    \n    // Custom validation\n    if (fieldRules.custom && !fieldRules.custom(value, field)) {\n      this.setFieldError(field, fieldRules.messages?.custom || 'Invalid value');\n      return false;\n    }\n    \n    this.clearFieldError(field);\n    return true;\n  }\n  \n  setFieldError(field, message) {\n    const errorContainer = document.getElementById(`${field.name}-error`);\n    if (errorContainer) {\n      errorContainer.textContent = message;\n      errorContainer.style.display = 'block';\n    }\n    \n    field.classList.add('field--error');\n    field.setAttribute('aria-invalid', 'true');\n    this.errors[field.name] = message;\n  }\n  \n  clearFieldError(field) {\n    const errorContainer = document.getElementById(`${field.name}-error`);\n    if (errorContainer) {\n      errorContainer.textContent = '';\n      errorContainer.style.display = 'none';\n    }\n    \n    field.classList.remove('field--error');\n    field.setAttribute('aria-invalid', 'false');\n    delete this.errors[field.name];\n  }\n  \n  showErrors() {\n    const firstErrorField = this.form.querySelector('.field--error');\n    if (firstErrorField) {\n      firstErrorField.focus();\n    }\n  }\n  \n  isValidEmail(email) {\n    const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return emailRegex.test(email);\n  }\n}\n",[1047,6125,6126,6131,6142,6162,6177,6192,6206,6210,6222,6226,6230,6238,6250,6263,6267,6271,6279,6312,6331,6345,6359,6363,6371,6375,6380,6413,6443,6464,6468,6479,6483,6488,6521,6549,6570,6574,6582,6586,6590,6599,6631,6649,6654,6696,6700,6705,6734,6764,6784,6813,6836,6844,6848,6852,6861,6873,6887,6891,6922,6963,6990,7001,7005,7013,7017,7025,7029,7033,7046,7063,7086,7090,7109,7113,7137,7141,7146,7169,7209,7217,7221,7225,7230,7254,7270,7278,7282,7286,7291,7323,7360,7368,7373,7378,7384,7421,7472,7481,7486,7491,7497,7533,7571,7580,7585,7590,7607,7616,7621,7626,7645,7683,7696,7712,7738,7743,7748,7775,7805,7830,7835,7840,7854,7891,7904,7920,7944,7949,7954,7979,8008,8032,8037,8042,8052,8085,8099,8113,8118,8123,8128,8142,8214,8234,8239],{"__ignoreMap":1045},[1050,6127,6128],{"class":1052,"line":1053},[1050,6129,6130],{"class":1056},"// static/js/components/FormValidator.js\n",[1050,6132,6133,6135,6137,6140],{"class":1052,"line":1060},[1050,6134,4877],{"class":2965},[1050,6136,4910],{"class":3826},[1050,6138,6139],{"class":3830}," FormValidator",[1050,6141,1071],{"class":1063},[1050,6143,6144,6146,6148,6151,6153,6156,6158,6160],{"class":1052,"line":1074},[1050,6145,3838],{"class":3826},[1050,6147,1265],{"class":1063},[1050,6149,6150],{"class":3843},"form",[1050,6152,1213],{"class":1063},[1050,6154,6155],{"class":3843}," rules",[1050,6157,3847],{"class":1063},[1050,6159,3947],{"class":1063},[1050,6161,1071],{"class":1063},[1050,6163,6164,6166,6168,6170,6172,6175],{"class":1052,"line":1080},[1050,6165,3864],{"class":3863},[1050,6167,2106],{"class":1063},[1050,6169,6150],{"class":1083},[1050,6171,3847],{"class":1063},[1050,6173,6174],{"class":1083}," form",[1050,6176,1096],{"class":1063},[1050,6178,6179,6181,6183,6186,6188,6190],{"class":1052,"line":1099},[1050,6180,3864],{"class":3863},[1050,6182,2106],{"class":1063},[1050,6184,6185],{"class":1083},"rules",[1050,6187,3847],{"class":1063},[1050,6189,6155],{"class":1083},[1050,6191,1096],{"class":1063},[1050,6193,6194,6196,6198,6201,6203],{"class":1052,"line":1114},[1050,6195,3864],{"class":3863},[1050,6197,2106],{"class":1063},[1050,6199,6200],{"class":1083},"errors",[1050,6202,3847],{"class":1063},[1050,6204,6205],{"class":1063}," {};\n",[1050,6207,6208],{"class":1052,"line":1129},[1050,6209,3505],{"class":4049},[1050,6211,6212,6214,6216,6218,6220],{"class":1052,"line":1144},[1050,6213,3864],{"class":3863},[1050,6215,2106],{"class":1063},[1050,6217,5024],{"class":2969},[1050,6219,4367],{"class":4062},[1050,6221,1096],{"class":1063},[1050,6223,6224],{"class":1052,"line":1159},[1050,6225,3053],{"class":1063},[1050,6227,6228],{"class":1052,"line":1174},[1050,6229,1193],{"class":1192},[1050,6231,6232,6234,6236],{"class":1052,"line":1189},[1050,6233,5041],{"class":3931},[1050,6235,4367],{"class":1063},[1050,6237,1071],{"class":1063},[1050,6239,6240,6242,6244,6246,6248],{"class":1052,"line":1196},[1050,6241,3864],{"class":3863},[1050,6243,2106],{"class":1063},[1050,6245,5054],{"class":2969},[1050,6247,4367],{"class":4062},[1050,6249,1096],{"class":1063},[1050,6251,6252,6254,6256,6259,6261],{"class":1052,"line":1202},[1050,6253,3864],{"class":3863},[1050,6255,2106],{"class":1063},[1050,6257,6258],{"class":2969},"setupFields",[1050,6260,4367],{"class":4062},[1050,6262,1096],{"class":1063},[1050,6264,6265],{"class":1052,"line":1244},[1050,6266,3053],{"class":1063},[1050,6268,6269],{"class":1052,"line":1274},[1050,6270,1193],{"class":1192},[1050,6272,6273,6275,6277],{"class":1052,"line":1292},[1050,6274,5084],{"class":3931},[1050,6276,4367],{"class":1063},[1050,6278,1071],{"class":1063},[1050,6280,6281,6283,6285,6287,6289,6291,6293,6295,6298,6300,6302,6304,6306,6308,6310],{"class":1052,"line":1305},[1050,6282,3864],{"class":3863},[1050,6284,2106],{"class":1063},[1050,6286,6150],{"class":1083},[1050,6288,2106],{"class":1063},[1050,6290,5148],{"class":2969},[1050,6292,1265],{"class":4062},[1050,6294,1229],{"class":1221},[1050,6296,6297],{"class":1225},"submit",[1050,6299,1229],{"class":1221},[1050,6301,1213],{"class":1063},[1050,6303,3014],{"class":1063},[1050,6305,5235],{"class":3843},[1050,6307,2163],{"class":1063},[1050,6309,4541],{"class":4540},[1050,6311,1071],{"class":1063},[1050,6313,6314,6316,6318,6320,6322,6324,6327,6329],{"class":1052,"line":1310},[1050,6315,4135],{"class":2965},[1050,6317,3014],{"class":4062},[1050,6319,4232],{"class":4072},[1050,6321,3969],{"class":3863},[1050,6323,2106],{"class":1063},[1050,6325,6326],{"class":2969},"validate",[1050,6328,5174],{"class":4062},[1050,6330,1071],{"class":1063},[1050,6332,6333,6336,6338,6341,6343],{"class":1052,"line":1316},[1050,6334,6335],{"class":1083},"        e",[1050,6337,2106],{"class":1063},[1050,6339,6340],{"class":2969},"preventDefault",[1050,6342,4367],{"class":4062},[1050,6344,1096],{"class":1063},[1050,6346,6347,6350,6352,6355,6357],{"class":1052,"line":1332},[1050,6348,6349],{"class":3863},"        this",[1050,6351,2106],{"class":1063},[1050,6353,6354],{"class":2969},"showErrors",[1050,6356,4367],{"class":4062},[1050,6358,1096],{"class":1063},[1050,6360,6361],{"class":1052,"line":1347},[1050,6362,3739],{"class":1063},[1050,6364,6365,6367,6369],{"class":1052,"line":1362},[1050,6366,4400],{"class":1063},[1050,6368,2163],{"class":4062},[1050,6370,1096],{"class":1063},[1050,6372,6373],{"class":1052,"line":1377},[1050,6374,3505],{"class":4049},[1050,6376,6377],{"class":1052,"line":1392},[1050,6378,6379],{"class":1056},"    // Real-time validation\n",[1050,6381,6382,6384,6386,6388,6390,6392,6394,6396,6399,6401,6403,6405,6407,6409,6411],{"class":1052,"line":1397},[1050,6383,3864],{"class":3863},[1050,6385,2106],{"class":1063},[1050,6387,6150],{"class":1083},[1050,6389,2106],{"class":1063},[1050,6391,5148],{"class":2969},[1050,6393,1265],{"class":4062},[1050,6395,1229],{"class":1221},[1050,6397,6398],{"class":1225},"blur",[1050,6400,1229],{"class":1221},[1050,6402,1213],{"class":1063},[1050,6404,3014],{"class":1063},[1050,6406,5235],{"class":3843},[1050,6408,2163],{"class":1063},[1050,6410,4541],{"class":4540},[1050,6412,1071],{"class":1063},[1050,6414,6415,6417,6419,6421,6423,6425,6427,6430,6432,6434,6437,6439,6441],{"class":1052,"line":1403},[1050,6416,4135],{"class":2965},[1050,6418,3014],{"class":4062},[1050,6420,5235],{"class":1083},[1050,6422,2106],{"class":1063},[1050,6424,5383],{"class":1083},[1050,6426,2106],{"class":1063},[1050,6428,6429],{"class":2969},"matches",[1050,6431,1265],{"class":4062},[1050,6433,1229],{"class":1221},[1050,6435,6436],{"class":1225},"input, textarea, select",[1050,6438,1229],{"class":1221},[1050,6440,3034],{"class":4062},[1050,6442,1071],{"class":1063},[1050,6444,6445,6447,6449,6452,6454,6456,6458,6460,6462],{"class":1052,"line":1418},[1050,6446,6349],{"class":3863},[1050,6448,2106],{"class":1063},[1050,6450,6451],{"class":2969},"validateField",[1050,6453,1265],{"class":4062},[1050,6455,5235],{"class":1083},[1050,6457,2106],{"class":1063},[1050,6459,5383],{"class":1083},[1050,6461,2163],{"class":4062},[1050,6463,1096],{"class":1063},[1050,6465,6466],{"class":1052,"line":1433},[1050,6467,3739],{"class":1063},[1050,6469,6470,6473,6475,6477],{"class":1052,"line":1448},[1050,6471,6472],{"class":1063},"    },",[1050,6474,4972],{"class":4971},[1050,6476,2163],{"class":4062},[1050,6478,1096],{"class":1063},[1050,6480,6481],{"class":1052,"line":1463},[1050,6482,3505],{"class":4049},[1050,6484,6485],{"class":1052,"line":1469},[1050,6486,6487],{"class":1056},"    // Clear errors on input\n",[1050,6489,6490,6492,6494,6496,6498,6500,6502,6504,6507,6509,6511,6513,6515,6517,6519],{"class":1052,"line":1476},[1050,6491,3864],{"class":3863},[1050,6493,2106],{"class":1063},[1050,6495,6150],{"class":1083},[1050,6497,2106],{"class":1063},[1050,6499,5148],{"class":2969},[1050,6501,1265],{"class":4062},[1050,6503,1229],{"class":1221},[1050,6505,6506],{"class":1225},"input",[1050,6508,1229],{"class":1221},[1050,6510,1213],{"class":1063},[1050,6512,3014],{"class":1063},[1050,6514,5235],{"class":3843},[1050,6516,2163],{"class":1063},[1050,6518,4541],{"class":4540},[1050,6520,1071],{"class":1063},[1050,6522,6523,6525,6527,6529,6531,6533,6535,6537,6539,6541,6543,6545,6547],{"class":1052,"line":1482},[1050,6524,4135],{"class":2965},[1050,6526,3014],{"class":4062},[1050,6528,5235],{"class":1083},[1050,6530,2106],{"class":1063},[1050,6532,5383],{"class":1083},[1050,6534,2106],{"class":1063},[1050,6536,6429],{"class":2969},[1050,6538,1265],{"class":4062},[1050,6540,1229],{"class":1221},[1050,6542,6436],{"class":1225},[1050,6544,1229],{"class":1221},[1050,6546,3034],{"class":4062},[1050,6548,1071],{"class":1063},[1050,6550,6551,6553,6555,6558,6560,6562,6564,6566,6568],{"class":1052,"line":1492},[1050,6552,6349],{"class":3863},[1050,6554,2106],{"class":1063},[1050,6556,6557],{"class":2969},"clearFieldError",[1050,6559,1265],{"class":4062},[1050,6561,5235],{"class":1083},[1050,6563,2106],{"class":1063},[1050,6565,5383],{"class":1083},[1050,6567,2163],{"class":4062},[1050,6569,1096],{"class":1063},[1050,6571,6572],{"class":1052,"line":1505},[1050,6573,3739],{"class":1063},[1050,6575,6576,6578,6580],{"class":1052,"line":1517},[1050,6577,4400],{"class":1063},[1050,6579,2163],{"class":4062},[1050,6581,1096],{"class":1063},[1050,6583,6584],{"class":1052,"line":1531},[1050,6585,3053],{"class":1063},[1050,6587,6588],{"class":1052,"line":1536},[1050,6589,1193],{"class":1192},[1050,6591,6592,6595,6597],{"class":1052,"line":1541},[1050,6593,6594],{"class":3931},"  setupFields",[1050,6596,4367],{"class":1063},[1050,6598,1071],{"class":1063},[1050,6600,6601,6603,6606,6608,6610,6612,6614,6616,6619,6621,6623,6625,6627,6629],{"class":1052,"line":1549},[1050,6602,3954],{"class":3826},[1050,6604,6605],{"class":1083}," fields",[1050,6607,3847],{"class":1063},[1050,6609,4502],{"class":3863},[1050,6611,2106],{"class":1063},[1050,6613,6150],{"class":1083},[1050,6615,2106],{"class":1063},[1050,6617,6618],{"class":2969},"querySelectorAll",[1050,6620,1265],{"class":4062},[1050,6622,1229],{"class":1221},[1050,6624,6436],{"class":1225},[1050,6626,1229],{"class":1221},[1050,6628,2163],{"class":4062},[1050,6630,1096],{"class":1063},[1050,6632,6633,6636,6638,6640,6642,6645,6647],{"class":1052,"line":1565},[1050,6634,6635],{"class":1083},"    fields",[1050,6637,2106],{"class":1063},[1050,6639,4532],{"class":2969},[1050,6641,1265],{"class":4062},[1050,6643,6644],{"class":3843},"field",[1050,6646,4541],{"class":4540},[1050,6648,1071],{"class":1063},[1050,6650,6651],{"class":1052,"line":1582},[1050,6652,6653],{"class":1056},"      // Add ARIA attributes\n",[1050,6655,6656,6659,6661,6663,6665,6667,6670,6672,6674,6676,6678,6680,6682,6685,6687,6690,6692,6694],{"class":1052,"line":1599},[1050,6657,6658],{"class":1083},"      field",[1050,6660,2106],{"class":1063},[1050,6662,5484],{"class":2969},[1050,6664,1265],{"class":4062},[1050,6666,1229],{"class":1221},[1050,6668,6669],{"class":1225},"aria-describedby",[1050,6671,1229],{"class":1221},[1050,6673,1213],{"class":1063},[1050,6675,3962],{"class":1221},[1050,6677,3966],{"class":3965},[1050,6679,6644],{"class":3974},[1050,6681,2106],{"class":1063},[1050,6683,6684],{"class":3974},"name",[1050,6686,3982],{"class":3965},[1050,6688,6689],{"class":1225},"-error",[1050,6691,3985],{"class":1221},[1050,6693,2163],{"class":4062},[1050,6695,1096],{"class":1063},[1050,6697,6698],{"class":1052,"line":1616},[1050,6699,3706],{"class":4049},[1050,6701,6702],{"class":1052,"line":1633},[1050,6703,6704],{"class":1056},"      // Create error container\n",[1050,6706,6707,6709,6712,6714,6716,6718,6721,6723,6725,6728,6730,6732],{"class":1052,"line":1646},[1050,6708,4098],{"class":3826},[1050,6710,6711],{"class":1083}," errorContainer",[1050,6713,3847],{"class":1063},[1050,6715,4106],{"class":1083},[1050,6717,2106],{"class":1063},[1050,6719,6720],{"class":2969},"createElement",[1050,6722,1265],{"class":4062},[1050,6724,1229],{"class":1221},[1050,6726,6727],{"class":1225},"div",[1050,6729,1229],{"class":1221},[1050,6731,2163],{"class":4062},[1050,6733,1096],{"class":1063},[1050,6735,6736,6739,6741,6744,6746,6748,6750,6752,6754,6756,6758,6760,6762],{"class":1052,"line":1658},[1050,6737,6738],{"class":1083},"      errorContainer",[1050,6740,2106],{"class":1063},[1050,6742,6743],{"class":1083},"id",[1050,6745,3847],{"class":1063},[1050,6747,3962],{"class":1221},[1050,6749,3966],{"class":3965},[1050,6751,6644],{"class":3974},[1050,6753,2106],{"class":1063},[1050,6755,6684],{"class":3974},[1050,6757,3982],{"class":3965},[1050,6759,6689],{"class":1225},[1050,6761,3985],{"class":1221},[1050,6763,1096],{"class":1063},[1050,6765,6766,6768,6770,6773,6775,6777,6780,6782],{"class":1052,"line":1663},[1050,6767,6738],{"class":1083},[1050,6769,2106],{"class":1063},[1050,6771,6772],{"class":1083},"className",[1050,6774,3847],{"class":1063},[1050,6776,1222],{"class":1221},[1050,6778,6779],{"class":1225},"field-error",[1050,6781,1229],{"class":1221},[1050,6783,1096],{"class":1063},[1050,6785,6786,6788,6790,6792,6794,6796,6798,6800,6802,6804,6807,6809,6811],{"class":1052,"line":1668},[1050,6787,6738],{"class":1083},[1050,6789,2106],{"class":1063},[1050,6791,5484],{"class":2969},[1050,6793,1265],{"class":4062},[1050,6795,1229],{"class":1221},[1050,6797,5491],{"class":1225},[1050,6799,1229],{"class":1221},[1050,6801,1213],{"class":1063},[1050,6803,1222],{"class":1221},[1050,6805,6806],{"class":1225},"alert",[1050,6808,1229],{"class":1221},[1050,6810,2163],{"class":4062},[1050,6812,1096],{"class":1063},[1050,6814,6815,6817,6819,6822,6824,6827,6829,6832,6834],{"class":1052,"line":1674},[1050,6816,6658],{"class":1083},[1050,6818,2106],{"class":1063},[1050,6820,6821],{"class":1083},"parentNode",[1050,6823,2106],{"class":1063},[1050,6825,6826],{"class":2969},"appendChild",[1050,6828,1265],{"class":4062},[1050,6830,6831],{"class":1083},"errorContainer",[1050,6833,2163],{"class":4062},[1050,6835,1096],{"class":1063},[1050,6837,6838,6840,6842],{"class":1052,"line":1706},[1050,6839,4400],{"class":1063},[1050,6841,2163],{"class":4062},[1050,6843,1096],{"class":1063},[1050,6845,6846],{"class":1052,"line":1722},[1050,6847,3053],{"class":1063},[1050,6849,6850],{"class":1052,"line":1735},[1050,6851,1193],{"class":1192},[1050,6853,6854,6857,6859],{"class":1052,"line":1747},[1050,6855,6856],{"class":3931},"  validate",[1050,6858,4367],{"class":1063},[1050,6860,1071],{"class":1063},[1050,6862,6863,6865,6867,6869,6871],{"class":1052,"line":1759},[1050,6864,3864],{"class":3863},[1050,6866,2106],{"class":1063},[1050,6868,6200],{"class":1083},[1050,6870,3847],{"class":1063},[1050,6872,6205],{"class":1063},[1050,6874,6875,6878,6881,6883,6885],{"class":1052,"line":1776},[1050,6876,6877],{"class":3826},"    let",[1050,6879,6880],{"class":1083}," isValid",[1050,6882,3847],{"class":1063},[1050,6884,4972],{"class":4971},[1050,6886,1096],{"class":1063},[1050,6888,6889],{"class":1052,"line":1781},[1050,6890,3505],{"class":4049},[1050,6892,6893,6895,6897,6899,6901,6903,6905,6907,6909,6911,6913,6915,6918,6920],{"class":1052,"line":1786},[1050,6894,4515],{"class":1083},[1050,6896,2106],{"class":1063},[1050,6898,4520],{"class":2969},[1050,6900,1265],{"class":4062},[1050,6902,3969],{"class":3863},[1050,6904,2106],{"class":1063},[1050,6906,6185],{"class":1083},[1050,6908,2163],{"class":4062},[1050,6910,2106],{"class":1063},[1050,6912,4532],{"class":2969},[1050,6914,1265],{"class":4062},[1050,6916,6917],{"class":3843},"fieldName",[1050,6919,4541],{"class":4540},[1050,6921,1071],{"class":1063},[1050,6923,6924,6926,6929,6931,6933,6935,6937,6939,6941,6943,6945,6948,6950,6952,6954,6957,6959,6961],{"class":1052,"line":1810},[1050,6925,4098],{"class":3826},[1050,6927,6928],{"class":1083}," field",[1050,6930,3847],{"class":1063},[1050,6932,4502],{"class":3863},[1050,6934,2106],{"class":1063},[1050,6936,6150],{"class":1083},[1050,6938,2106],{"class":1063},[1050,6940,4111],{"class":2969},[1050,6942,1265],{"class":4062},[1050,6944,3985],{"class":1221},[1050,6946,6947],{"class":1225},"[name=\"",[1050,6949,3966],{"class":3965},[1050,6951,6917],{"class":3974},[1050,6953,3982],{"class":3965},[1050,6955,6956],{"class":1225},"\"]",[1050,6958,3985],{"class":1221},[1050,6960,2163],{"class":4062},[1050,6962,1096],{"class":1063},[1050,6964,6965,6967,6969,6971,6973,6976,6978,6980,6982,6984,6986,6988],{"class":1052,"line":1829},[1050,6966,4135],{"class":2965},[1050,6968,3014],{"class":4062},[1050,6970,6644],{"class":1083},[1050,6972,4073],{"class":4072},[1050,6974,6975],{"class":4072}," !",[1050,6977,3969],{"class":3863},[1050,6979,2106],{"class":1063},[1050,6981,6451],{"class":2969},[1050,6983,1265],{"class":4062},[1050,6985,6644],{"class":1083},[1050,6987,3034],{"class":4062},[1050,6989,1071],{"class":1063},[1050,6991,6992,6995,6997,6999],{"class":1052,"line":1849},[1050,6993,6994],{"class":1083},"        isValid",[1050,6996,3847],{"class":1063},[1050,6998,5013],{"class":4971},[1050,7000,1096],{"class":1063},[1050,7002,7003],{"class":1052,"line":1869},[1050,7004,3739],{"class":1063},[1050,7006,7007,7009,7011],{"class":1052,"line":1890},[1050,7008,4400],{"class":1063},[1050,7010,2163],{"class":4062},[1050,7012,1096],{"class":1063},[1050,7014,7015],{"class":1052,"line":1910},[1050,7016,3505],{"class":4049},[1050,7018,7019,7021,7023],{"class":1052,"line":1915},[1050,7020,4590],{"class":2965},[1050,7022,6880],{"class":1083},[1050,7024,1096],{"class":1063},[1050,7026,7027],{"class":1052,"line":1922},[1050,7028,3053],{"class":1063},[1050,7030,7031],{"class":1052,"line":1933},[1050,7032,1193],{"class":1192},[1050,7034,7035,7038,7040,7042,7044],{"class":1052,"line":1948},[1050,7036,7037],{"class":3931},"  validateField",[1050,7039,1265],{"class":1063},[1050,7041,6644],{"class":3843},[1050,7043,2163],{"class":1063},[1050,7045,1071],{"class":1063},[1050,7047,7048,7050,7053,7055,7057,7059,7061],{"class":1052,"line":1953},[1050,7049,3954],{"class":3826},[1050,7051,7052],{"class":1083}," fieldName",[1050,7054,3847],{"class":1063},[1050,7056,6928],{"class":1083},[1050,7058,2106],{"class":1063},[1050,7060,6684],{"class":1083},[1050,7062,1096],{"class":1063},[1050,7064,7065,7067,7070,7072,7074,7076,7078,7080,7082,7084],{"class":1052,"line":1958},[1050,7066,3954],{"class":3826},[1050,7068,7069],{"class":1083}," fieldRules",[1050,7071,3847],{"class":1063},[1050,7073,4502],{"class":3863},[1050,7075,2106],{"class":1063},[1050,7077,6185],{"class":1083},[1050,7079,4156],{"class":4062},[1050,7081,6917],{"class":1083},[1050,7083,4166],{"class":4062},[1050,7085,1096],{"class":1063},[1050,7087,7088],{"class":1052,"line":1964},[1050,7089,3505],{"class":4049},[1050,7091,7092,7094,7096,7098,7101,7103,7105,7107],{"class":1052,"line":1972},[1050,7093,4059],{"class":2965},[1050,7095,3014],{"class":4062},[1050,7097,4232],{"class":4072},[1050,7099,7100],{"class":1083},"fieldRules",[1050,7102,2163],{"class":4062},[1050,7104,5574],{"class":2965},[1050,7106,4972],{"class":4971},[1050,7108,1096],{"class":1063},[1050,7110,7111],{"class":1052,"line":1988},[1050,7112,3505],{"class":4049},[1050,7114,7115,7117,7120,7122,7124,7126,7128,7130,7133,7135],{"class":1052,"line":2001},[1050,7116,3954],{"class":3826},[1050,7118,7119],{"class":1083}," value",[1050,7121,3847],{"class":1063},[1050,7123,6928],{"class":1083},[1050,7125,2106],{"class":1063},[1050,7127,4128],{"class":1083},[1050,7129,2106],{"class":1063},[1050,7131,7132],{"class":2969},"trim",[1050,7134,4367],{"class":4062},[1050,7136,1096],{"class":1063},[1050,7138,7139],{"class":1052,"line":2023},[1050,7140,3505],{"class":4049},[1050,7142,7143],{"class":1052,"line":2028},[1050,7144,7145],{"class":1056},"    // Required validation\n",[1050,7147,7148,7150,7152,7154,7156,7159,7161,7163,7165,7167],{"class":1052,"line":2033},[1050,7149,4059],{"class":2965},[1050,7151,3014],{"class":4062},[1050,7153,7100],{"class":1083},[1050,7155,2106],{"class":1063},[1050,7157,7158],{"class":1083},"required",[1050,7160,4073],{"class":4072},[1050,7162,6975],{"class":4072},[1050,7164,4128],{"class":1083},[1050,7166,2163],{"class":4062},[1050,7168,1071],{"class":1063},[1050,7170,7171,7173,7175,7178,7180,7182,7184,7186,7188,7191,7193,7195,7198,7200,7203,7205,7207],{"class":1052,"line":2045},[1050,7172,5342],{"class":3863},[1050,7174,2106],{"class":1063},[1050,7176,7177],{"class":2969},"setFieldError",[1050,7179,1265],{"class":4062},[1050,7181,6644],{"class":1083},[1050,7183,1213],{"class":1063},[1050,7185,7069],{"class":1083},[1050,7187,2106],{"class":1063},[1050,7189,7190],{"class":1083},"messages",[1050,7192,4125],{"class":1063},[1050,7194,7158],{"class":1083},[1050,7196,7197],{"class":4072}," ||",[1050,7199,1222],{"class":1221},[1050,7201,7202],{"class":1225},"This field is required",[1050,7204,1229],{"class":1221},[1050,7206,2163],{"class":4062},[1050,7208,1096],{"class":1063},[1050,7210,7211,7213,7215],{"class":1052,"line":2057},[1050,7212,4382],{"class":2965},[1050,7214,5013],{"class":4971},[1050,7216,1096],{"class":1063},[1050,7218,7219],{"class":1052,"line":2073},[1050,7220,3048],{"class":1063},[1050,7222,7223],{"class":1052,"line":2085},[1050,7224,3505],{"class":4049},[1050,7226,7227],{"class":1052,"line":6008},[1050,7228,7229],{"class":1056},"    // Skip other validations if field is empty and not required\n",[1050,7231,7232,7234,7236,7238,7240,7242,7244,7246,7248,7250,7252],{"class":1052,"line":6013},[1050,7233,4059],{"class":2965},[1050,7235,3014],{"class":4062},[1050,7237,4232],{"class":4072},[1050,7239,4128],{"class":1083},[1050,7241,4073],{"class":4072},[1050,7243,6975],{"class":4072},[1050,7245,7100],{"class":1083},[1050,7247,2106],{"class":1063},[1050,7249,7158],{"class":1083},[1050,7251,2163],{"class":4062},[1050,7253,1071],{"class":1063},[1050,7255,7256,7258,7260,7262,7264,7266,7268],{"class":1052,"line":6018},[1050,7257,5342],{"class":3863},[1050,7259,2106],{"class":1063},[1050,7261,6557],{"class":2969},[1050,7263,1265],{"class":4062},[1050,7265,6644],{"class":1083},[1050,7267,2163],{"class":4062},[1050,7269,1096],{"class":1063},[1050,7271,7272,7274,7276],{"class":1052,"line":6023},[1050,7273,4382],{"class":2965},[1050,7275,4972],{"class":4971},[1050,7277,1096],{"class":1063},[1050,7279,7280],{"class":1052,"line":6055},[1050,7281,3048],{"class":1063},[1050,7283,7284],{"class":1052,"line":6060},[1050,7285,3505],{"class":4049},[1050,7287,7288],{"class":1052,"line":6065},[1050,7289,7290],{"class":1056},"    // Email validation\n",[1050,7292,7293,7295,7297,7299,7301,7304,7306,7308,7310,7312,7315,7317,7319,7321],{"class":1052,"line":6075},[1050,7294,4059],{"class":2965},[1050,7296,3014],{"class":4062},[1050,7298,7100],{"class":1083},[1050,7300,2106],{"class":1063},[1050,7302,7303],{"class":1083},"email",[1050,7305,4073],{"class":4072},[1050,7307,6975],{"class":4072},[1050,7309,3969],{"class":3863},[1050,7311,2106],{"class":1063},[1050,7313,7314],{"class":2969},"isValidEmail",[1050,7316,1265],{"class":4062},[1050,7318,4128],{"class":1083},[1050,7320,3034],{"class":4062},[1050,7322,1071],{"class":1063},[1050,7324,7325,7327,7329,7331,7333,7335,7337,7339,7341,7343,7345,7347,7349,7351,7354,7356,7358],{"class":1052,"line":6109},[1050,7326,5342],{"class":3863},[1050,7328,2106],{"class":1063},[1050,7330,7177],{"class":2969},[1050,7332,1265],{"class":4062},[1050,7334,6644],{"class":1083},[1050,7336,1213],{"class":1063},[1050,7338,7069],{"class":1083},[1050,7340,2106],{"class":1063},[1050,7342,7190],{"class":1083},[1050,7344,4125],{"class":1063},[1050,7346,7303],{"class":1083},[1050,7348,7197],{"class":4072},[1050,7350,1222],{"class":1221},[1050,7352,7353],{"class":1225},"Please enter a valid email address",[1050,7355,1229],{"class":1221},[1050,7357,2163],{"class":4062},[1050,7359,1096],{"class":1063},[1050,7361,7362,7364,7366],{"class":1052,"line":6114},[1050,7363,4382],{"class":2965},[1050,7365,5013],{"class":4971},[1050,7367,1096],{"class":1063},[1050,7369,7371],{"class":1052,"line":7370},92,[1050,7372,3048],{"class":1063},[1050,7374,7376],{"class":1052,"line":7375},93,[1050,7377,3505],{"class":4049},[1050,7379,7381],{"class":1052,"line":7380},94,[1050,7382,7383],{"class":1056},"    // Min length validation\n",[1050,7385,7387,7389,7391,7393,7395,7398,7400,7402,7404,7408,7411,7413,7415,7417,7419],{"class":1052,"line":7386},95,[1050,7388,4059],{"class":2965},[1050,7390,3014],{"class":4062},[1050,7392,7100],{"class":1083},[1050,7394,2106],{"class":1063},[1050,7396,7397],{"class":1083},"minLength",[1050,7399,4073],{"class":4072},[1050,7401,7119],{"class":1083},[1050,7403,2106],{"class":1063},[1050,7405,7407],{"class":7406},"s131V","length",[1050,7409,7410],{"class":1063}," \u003C",[1050,7412,7069],{"class":1083},[1050,7414,2106],{"class":1063},[1050,7416,7397],{"class":1083},[1050,7418,2163],{"class":4062},[1050,7420,1071],{"class":1063},[1050,7422,7424,7426,7428,7430,7432,7434,7436,7438,7440,7442,7444,7446,7448,7450,7453,7455,7457,7459,7461,7463,7466,7468,7470],{"class":1052,"line":7423},96,[1050,7425,5342],{"class":3863},[1050,7427,2106],{"class":1063},[1050,7429,7177],{"class":2969},[1050,7431,1265],{"class":4062},[1050,7433,6644],{"class":1083},[1050,7435,1213],{"class":1063},[1050,7437,7069],{"class":1083},[1050,7439,2106],{"class":1063},[1050,7441,7190],{"class":1083},[1050,7443,4125],{"class":1063},[1050,7445,7397],{"class":1083},[1050,7447,7197],{"class":4072},[1050,7449,3962],{"class":1221},[1050,7451,7452],{"class":1225},"Minimum ",[1050,7454,3966],{"class":3965},[1050,7456,7100],{"class":3974},[1050,7458,2106],{"class":1063},[1050,7460,7397],{"class":3974},[1050,7462,3982],{"class":3965},[1050,7464,7465],{"class":1225}," characters required",[1050,7467,3985],{"class":1221},[1050,7469,2163],{"class":4062},[1050,7471,1096],{"class":1063},[1050,7473,7475,7477,7479],{"class":1052,"line":7474},97,[1050,7476,4382],{"class":2965},[1050,7478,5013],{"class":4971},[1050,7480,1096],{"class":1063},[1050,7482,7484],{"class":1052,"line":7483},98,[1050,7485,3048],{"class":1063},[1050,7487,7489],{"class":1052,"line":7488},99,[1050,7490,3505],{"class":4049},[1050,7492,7494],{"class":1052,"line":7493},100,[1050,7495,7496],{"class":1056},"    // Custom validation\n",[1050,7498,7500,7502,7504,7506,7508,7511,7513,7515,7517,7519,7521,7523,7525,7527,7529,7531],{"class":1052,"line":7499},101,[1050,7501,4059],{"class":2965},[1050,7503,3014],{"class":4062},[1050,7505,7100],{"class":1083},[1050,7507,2106],{"class":1063},[1050,7509,7510],{"class":1083},"custom",[1050,7512,4073],{"class":4072},[1050,7514,6975],{"class":4072},[1050,7516,7100],{"class":1083},[1050,7518,2106],{"class":1063},[1050,7520,7510],{"class":2969},[1050,7522,1265],{"class":4062},[1050,7524,4128],{"class":1083},[1050,7526,1213],{"class":1063},[1050,7528,6928],{"class":1083},[1050,7530,3034],{"class":4062},[1050,7532,1071],{"class":1063},[1050,7534,7536,7538,7540,7542,7544,7546,7548,7550,7552,7554,7556,7558,7560,7562,7565,7567,7569],{"class":1052,"line":7535},102,[1050,7537,5342],{"class":3863},[1050,7539,2106],{"class":1063},[1050,7541,7177],{"class":2969},[1050,7543,1265],{"class":4062},[1050,7545,6644],{"class":1083},[1050,7547,1213],{"class":1063},[1050,7549,7069],{"class":1083},[1050,7551,2106],{"class":1063},[1050,7553,7190],{"class":1083},[1050,7555,4125],{"class":1063},[1050,7557,7510],{"class":1083},[1050,7559,7197],{"class":4072},[1050,7561,1222],{"class":1221},[1050,7563,7564],{"class":1225},"Invalid value",[1050,7566,1229],{"class":1221},[1050,7568,2163],{"class":4062},[1050,7570,1096],{"class":1063},[1050,7572,7574,7576,7578],{"class":1052,"line":7573},103,[1050,7575,4382],{"class":2965},[1050,7577,5013],{"class":4971},[1050,7579,1096],{"class":1063},[1050,7581,7583],{"class":1052,"line":7582},104,[1050,7584,3048],{"class":1063},[1050,7586,7588],{"class":1052,"line":7587},105,[1050,7589,3505],{"class":4049},[1050,7591,7593,7595,7597,7599,7601,7603,7605],{"class":1052,"line":7592},106,[1050,7594,3864],{"class":3863},[1050,7596,2106],{"class":1063},[1050,7598,6557],{"class":2969},[1050,7600,1265],{"class":4062},[1050,7602,6644],{"class":1083},[1050,7604,2163],{"class":4062},[1050,7606,1096],{"class":1063},[1050,7608,7610,7612,7614],{"class":1052,"line":7609},107,[1050,7611,4590],{"class":2965},[1050,7613,4972],{"class":4971},[1050,7615,1096],{"class":1063},[1050,7617,7619],{"class":1052,"line":7618},108,[1050,7620,3053],{"class":1063},[1050,7622,7624],{"class":1052,"line":7623},109,[1050,7625,1193],{"class":1192},[1050,7627,7629,7632,7634,7636,7638,7641,7643],{"class":1052,"line":7628},110,[1050,7630,7631],{"class":3931},"  setFieldError",[1050,7633,1265],{"class":1063},[1050,7635,6644],{"class":3843},[1050,7637,1213],{"class":1063},[1050,7639,7640],{"class":3843}," message",[1050,7642,2163],{"class":1063},[1050,7644,1071],{"class":1063},[1050,7646,7648,7650,7652,7654,7656,7658,7661,7663,7665,7667,7669,7671,7673,7675,7677,7679,7681],{"class":1052,"line":7647},111,[1050,7649,3954],{"class":3826},[1050,7651,6711],{"class":1083},[1050,7653,3847],{"class":1063},[1050,7655,4106],{"class":1083},[1050,7657,2106],{"class":1063},[1050,7659,7660],{"class":2969},"getElementById",[1050,7662,1265],{"class":4062},[1050,7664,3985],{"class":1221},[1050,7666,3966],{"class":3965},[1050,7668,6644],{"class":3974},[1050,7670,2106],{"class":1063},[1050,7672,6684],{"class":3974},[1050,7674,3982],{"class":3965},[1050,7676,6689],{"class":1225},[1050,7678,3985],{"class":1221},[1050,7680,2163],{"class":4062},[1050,7682,1096],{"class":1063},[1050,7684,7686,7688,7690,7692,7694],{"class":1052,"line":7685},112,[1050,7687,4059],{"class":2965},[1050,7689,3014],{"class":4062},[1050,7691,6831],{"class":1083},[1050,7693,2163],{"class":4062},[1050,7695,1071],{"class":1063},[1050,7697,7699,7701,7703,7706,7708,7710],{"class":1052,"line":7698},113,[1050,7700,6738],{"class":1083},[1050,7702,2106],{"class":1063},[1050,7704,7705],{"class":1083},"textContent",[1050,7707,3847],{"class":1063},[1050,7709,7640],{"class":1083},[1050,7711,1096],{"class":1063},[1050,7713,7715,7717,7719,7722,7724,7727,7729,7731,7734,7736],{"class":1052,"line":7714},114,[1050,7716,6738],{"class":1083},[1050,7718,2106],{"class":1063},[1050,7720,7721],{"class":1083},"style",[1050,7723,2106],{"class":1063},[1050,7725,7726],{"class":1083},"display",[1050,7728,3847],{"class":1063},[1050,7730,1222],{"class":1221},[1050,7732,7733],{"class":1225},"block",[1050,7735,1229],{"class":1221},[1050,7737,1096],{"class":1063},[1050,7739,7741],{"class":1052,"line":7740},115,[1050,7742,3048],{"class":1063},[1050,7744,7746],{"class":1052,"line":7745},116,[1050,7747,3505],{"class":4049},[1050,7749,7751,7754,7756,7758,7760,7762,7764,7766,7769,7771,7773],{"class":1052,"line":7750},117,[1050,7752,7753],{"class":1083},"    field",[1050,7755,2106],{"class":1063},[1050,7757,5453],{"class":1083},[1050,7759,2106],{"class":1063},[1050,7761,5458],{"class":2969},[1050,7763,1265],{"class":4062},[1050,7765,1229],{"class":1221},[1050,7767,7768],{"class":1225},"field--error",[1050,7770,1229],{"class":1221},[1050,7772,2163],{"class":4062},[1050,7774,1096],{"class":1063},[1050,7776,7778,7780,7782,7784,7786,7788,7791,7793,7795,7797,7799,7801,7803],{"class":1052,"line":7777},118,[1050,7779,7753],{"class":1083},[1050,7781,2106],{"class":1063},[1050,7783,5484],{"class":2969},[1050,7785,1265],{"class":4062},[1050,7787,1229],{"class":1221},[1050,7789,7790],{"class":1225},"aria-invalid",[1050,7792,1229],{"class":1221},[1050,7794,1213],{"class":1063},[1050,7796,1222],{"class":1221},[1050,7798,5534],{"class":1225},[1050,7800,1229],{"class":1221},[1050,7802,2163],{"class":4062},[1050,7804,1096],{"class":1063},[1050,7806,7808,7810,7812,7814,7816,7818,7820,7822,7824,7826,7828],{"class":1052,"line":7807},119,[1050,7809,3864],{"class":3863},[1050,7811,2106],{"class":1063},[1050,7813,6200],{"class":1083},[1050,7815,4156],{"class":4062},[1050,7817,6644],{"class":1083},[1050,7819,2106],{"class":1063},[1050,7821,6684],{"class":1083},[1050,7823,4166],{"class":4062},[1050,7825,3847],{"class":1063},[1050,7827,7640],{"class":1083},[1050,7829,1096],{"class":1063},[1050,7831,7833],{"class":1052,"line":7832},120,[1050,7834,3053],{"class":1063},[1050,7836,7838],{"class":1052,"line":7837},121,[1050,7839,1193],{"class":1192},[1050,7841,7843,7846,7848,7850,7852],{"class":1052,"line":7842},122,[1050,7844,7845],{"class":3931},"  clearFieldError",[1050,7847,1265],{"class":1063},[1050,7849,6644],{"class":3843},[1050,7851,2163],{"class":1063},[1050,7853,1071],{"class":1063},[1050,7855,7857,7859,7861,7863,7865,7867,7869,7871,7873,7875,7877,7879,7881,7883,7885,7887,7889],{"class":1052,"line":7856},123,[1050,7858,3954],{"class":3826},[1050,7860,6711],{"class":1083},[1050,7862,3847],{"class":1063},[1050,7864,4106],{"class":1083},[1050,7866,2106],{"class":1063},[1050,7868,7660],{"class":2969},[1050,7870,1265],{"class":4062},[1050,7872,3985],{"class":1221},[1050,7874,3966],{"class":3965},[1050,7876,6644],{"class":3974},[1050,7878,2106],{"class":1063},[1050,7880,6684],{"class":3974},[1050,7882,3982],{"class":3965},[1050,7884,6689],{"class":1225},[1050,7886,3985],{"class":1221},[1050,7888,2163],{"class":4062},[1050,7890,1096],{"class":1063},[1050,7892,7894,7896,7898,7900,7902],{"class":1052,"line":7893},124,[1050,7895,4059],{"class":2965},[1050,7897,3014],{"class":4062},[1050,7899,6831],{"class":1083},[1050,7901,2163],{"class":4062},[1050,7903,1071],{"class":1063},[1050,7905,7907,7909,7911,7913,7915,7918],{"class":1052,"line":7906},125,[1050,7908,6738],{"class":1083},[1050,7910,2106],{"class":1063},[1050,7912,7705],{"class":1083},[1050,7914,3847],{"class":1063},[1050,7916,7917],{"class":1221}," ''",[1050,7919,1096],{"class":1063},[1050,7921,7923,7925,7927,7929,7931,7933,7935,7937,7940,7942],{"class":1052,"line":7922},126,[1050,7924,6738],{"class":1083},[1050,7926,2106],{"class":1063},[1050,7928,7721],{"class":1083},[1050,7930,2106],{"class":1063},[1050,7932,7726],{"class":1083},[1050,7934,3847],{"class":1063},[1050,7936,1222],{"class":1221},[1050,7938,7939],{"class":1225},"none",[1050,7941,1229],{"class":1221},[1050,7943,1096],{"class":1063},[1050,7945,7947],{"class":1052,"line":7946},127,[1050,7948,3048],{"class":1063},[1050,7950,7952],{"class":1052,"line":7951},128,[1050,7953,3505],{"class":4049},[1050,7955,7957,7959,7961,7963,7965,7967,7969,7971,7973,7975,7977],{"class":1052,"line":7956},129,[1050,7958,7753],{"class":1083},[1050,7960,2106],{"class":1063},[1050,7962,5453],{"class":1083},[1050,7964,2106],{"class":1063},[1050,7966,5892],{"class":2969},[1050,7968,1265],{"class":4062},[1050,7970,1229],{"class":1221},[1050,7972,7768],{"class":1225},[1050,7974,1229],{"class":1221},[1050,7976,2163],{"class":4062},[1050,7978,1096],{"class":1063},[1050,7980,7982,7984,7986,7988,7990,7992,7994,7996,7998,8000,8002,8004,8006],{"class":1052,"line":7981},130,[1050,7983,7753],{"class":1083},[1050,7985,2106],{"class":1063},[1050,7987,5484],{"class":2969},[1050,7989,1265],{"class":4062},[1050,7991,1229],{"class":1221},[1050,7993,7790],{"class":1225},[1050,7995,1229],{"class":1221},[1050,7997,1213],{"class":1063},[1050,7999,1222],{"class":1221},[1050,8001,5680],{"class":1225},[1050,8003,1229],{"class":1221},[1050,8005,2163],{"class":4062},[1050,8007,1096],{"class":1063},[1050,8009,8011,8014,8016,8018,8020,8022,8024,8026,8028,8030],{"class":1052,"line":8010},131,[1050,8012,8013],{"class":4072},"    delete",[1050,8015,4502],{"class":3863},[1050,8017,2106],{"class":1063},[1050,8019,6200],{"class":1083},[1050,8021,4156],{"class":4062},[1050,8023,6644],{"class":1083},[1050,8025,2106],{"class":1063},[1050,8027,6684],{"class":1083},[1050,8029,4166],{"class":4062},[1050,8031,1096],{"class":1063},[1050,8033,8035],{"class":1052,"line":8034},132,[1050,8036,3053],{"class":1063},[1050,8038,8040],{"class":1052,"line":8039},133,[1050,8041,1193],{"class":1192},[1050,8043,8045,8048,8050],{"class":1052,"line":8044},134,[1050,8046,8047],{"class":3931},"  showErrors",[1050,8049,4367],{"class":1063},[1050,8051,1071],{"class":1063},[1050,8053,8055,8057,8060,8062,8064,8066,8068,8070,8072,8074,8076,8079,8081,8083],{"class":1052,"line":8054},135,[1050,8056,3954],{"class":3826},[1050,8058,8059],{"class":1083}," firstErrorField",[1050,8061,3847],{"class":1063},[1050,8063,4502],{"class":3863},[1050,8065,2106],{"class":1063},[1050,8067,6150],{"class":1083},[1050,8069,2106],{"class":1063},[1050,8071,4111],{"class":2969},[1050,8073,1265],{"class":4062},[1050,8075,1229],{"class":1221},[1050,8077,8078],{"class":1225},".field--error",[1050,8080,1229],{"class":1221},[1050,8082,2163],{"class":4062},[1050,8084,1096],{"class":1063},[1050,8086,8088,8090,8092,8095,8097],{"class":1052,"line":8087},136,[1050,8089,4059],{"class":2965},[1050,8091,3014],{"class":4062},[1050,8093,8094],{"class":1083},"firstErrorField",[1050,8096,2163],{"class":4062},[1050,8098,1071],{"class":1063},[1050,8100,8102,8105,8107,8109,8111],{"class":1052,"line":8101},137,[1050,8103,8104],{"class":1083},"      firstErrorField",[1050,8106,2106],{"class":1063},[1050,8108,2052],{"class":2969},[1050,8110,4367],{"class":4062},[1050,8112,1096],{"class":1063},[1050,8114,8116],{"class":1052,"line":8115},138,[1050,8117,3048],{"class":1063},[1050,8119,8121],{"class":1052,"line":8120},139,[1050,8122,3053],{"class":1063},[1050,8124,8126],{"class":1052,"line":8125},140,[1050,8127,1193],{"class":1192},[1050,8129,8131,8134,8136,8138,8140],{"class":1052,"line":8130},141,[1050,8132,8133],{"class":3931},"  isValidEmail",[1050,8135,1265],{"class":1063},[1050,8137,7303],{"class":3843},[1050,8139,2163],{"class":1063},[1050,8141,1071],{"class":1063},[1050,8143,8145,8147,8150,8152,8155,8158,8160,8162,8166,8169,8171,8175,8178,8180,8182,8184,8186,8188,8190,8194,8196,8198,8200,8202,8204,8206,8209,8212],{"class":1052,"line":8144},142,[1050,8146,3954],{"class":3826},[1050,8148,8149],{"class":1083}," emailRegex",[1050,8151,3847],{"class":1063},[1050,8153,8154],{"class":1221}," /",[1050,8156,8157],{"class":2965},"^",[1050,8159,4156],{"class":1063},[1050,8161,8157],{"class":4072},[1050,8163,8165],{"class":8164},"sM_HK","\\s",[1050,8167,2962],{"class":8168},"sz9Cv",[1050,8170,4166],{"class":1063},[1050,8172,8174],{"class":8173},"sGuSu","+",[1050,8176,2962],{"class":8177},"s27EL",[1050,8179,4156],{"class":1063},[1050,8181,8157],{"class":4072},[1050,8183,8165],{"class":8164},[1050,8185,2962],{"class":8168},[1050,8187,4166],{"class":1063},[1050,8189,8174],{"class":8173},[1050,8191,8193],{"class":8192},"sk0MF","\\.",[1050,8195,4156],{"class":1063},[1050,8197,8157],{"class":4072},[1050,8199,8165],{"class":8164},[1050,8201,2962],{"class":8168},[1050,8203,4166],{"class":1063},[1050,8205,8174],{"class":8173},[1050,8207,8208],{"class":2965},"$",[1050,8210,8211],{"class":1221},"/",[1050,8213,1096],{"class":1063},[1050,8215,8217,8219,8221,8223,8226,8228,8230,8232],{"class":1052,"line":8216},143,[1050,8218,4590],{"class":2965},[1050,8220,8149],{"class":1083},[1050,8222,2106],{"class":1063},[1050,8224,8225],{"class":2969},"test",[1050,8227,1265],{"class":4062},[1050,8229,7303],{"class":1083},[1050,8231,2163],{"class":4062},[1050,8233,1096],{"class":1063},[1050,8235,8237],{"class":1052,"line":8236},144,[1050,8238,3053],{"class":1063},[1050,8240,8242],{"class":1052,"line":8241},145,[1050,8243,1466],{"class":1063},[1030,8245,8247],{"id":8246},"template-integration","Template Integration",[1035,8249,8251],{"id":8250},"dynamic-css-and-javascript-loading","Dynamic CSS and JavaScript Loading",[1040,8253,8257],{"className":8254,"code":8255,"language":8256,"meta":1045,"style":1045},"language-html shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","\u003C!-- templates/base.html -->\n{% load static %}\n\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n    \u003Cmeta charset=\"UTF-8\">\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \u003Ctitle>{% block title %}My Django App{% endblock %}\u003C/title>\n    \n    \u003C!-- Critical CSS inline -->\n    \u003Cstyle>\n        {% include \"css/critical.css\" %}\n    \u003C/style>\n    \n    \u003C!-- Preload important resources -->\n    \u003Clink rel=\"preload\" href=\"{% static 'css/main.css' %}\" as=\"style\">\n    \u003Clink rel=\"preload\" href=\"{% static 'js/main.js' %}\" as=\"script\">\n    \n    \u003C!-- Load CSS asynchronously -->\n    \u003Clink rel=\"stylesheet\" href=\"{% static 'css/main.css' %}\" media=\"print\" onload=\"this.media='all'\">\n    \u003Cnoscript>\u003Clink rel=\"stylesheet\" href=\"{% static 'css/main.css' %}\">\u003C/noscript>\n    \n    \u003C!-- Page-specific CSS -->\n    {% block extra_css %}{% endblock %}\n\u003C/head>\n\u003Cbody>\n    \u003Cdiv id=\"app\">\n        {% block content %}{% endblock %}\n    \u003C/div>\n    \n    \u003C!-- Essential JavaScript -->\n    \u003Cscript src=\"{% static 'js/main.js' %}\" defer>\u003C/script>\n    \n    \u003C!-- Page-specific JavaScript -->\n    {% block extra_js %}{% endblock %}\n    \n    \u003C!-- Initialize components -->\n    \u003Cscript>\n        document.addEventListener('DOMContentLoaded', function() {\n            // Initialize global components\n            window.app = new App();\n        });\n    \u003C/script>\n\u003C/body>\n\u003C/html>\n","html",[1047,8258,8259,8264,8269,8284,8307,8316,8338,8370,8390,8394,8399,8407,8436,8445,8449,8454,8498,8538,8542,8547,8611,8650,8654,8659,8664,8672,8680,8700,8705,8713,8717,8722,8748,8752,8757,8762,8766,8771,8779,8806,8811,8831,8840,8848,8856],{"__ignoreMap":1045},[1050,8260,8261],{"class":1052,"line":1053},[1050,8262,8263],{"class":1056},"\u003C!-- templates/base.html -->\n",[1050,8265,8266],{"class":1052,"line":1060},[1050,8267,8268],{"class":1192},"{% load static %}\n",[1050,8270,8271,8274,8278,8281],{"class":1052,"line":1074},[1050,8272,8273],{"class":1063},"\u003C!",[1050,8275,8277],{"class":8276},"sJFLg","DOCTYPE",[1050,8279,8280],{"class":1067}," html",[1050,8282,8283],{"class":1063},">\n",[1050,8285,8286,8289,8291,8294,8297,8300,8303,8305],{"class":1052,"line":1080},[1050,8287,8288],{"class":1063},"\u003C",[1050,8290,8256],{"class":8276},[1050,8292,8293],{"class":1067}," lang",[1050,8295,8296],{"class":1063},"=",[1050,8298,8299],{"class":1221},"\"",[1050,8301,8302],{"class":1225},"en",[1050,8304,8299],{"class":1221},[1050,8306,8283],{"class":1063},[1050,8308,8309,8311,8314],{"class":1052,"line":1099},[1050,8310,8288],{"class":1063},[1050,8312,8313],{"class":8276},"head",[1050,8315,8283],{"class":1063},[1050,8317,8318,8321,8324,8327,8329,8331,8334,8336],{"class":1052,"line":1114},[1050,8319,8320],{"class":1063},"    \u003C",[1050,8322,8323],{"class":8276},"meta",[1050,8325,8326],{"class":1067}," charset",[1050,8328,8296],{"class":1063},[1050,8330,8299],{"class":1221},[1050,8332,8333],{"class":1225},"UTF-8",[1050,8335,8299],{"class":1221},[1050,8337,8283],{"class":1063},[1050,8339,8340,8342,8344,8347,8349,8351,8354,8356,8359,8361,8363,8366,8368],{"class":1052,"line":1129},[1050,8341,8320],{"class":1063},[1050,8343,8323],{"class":8276},[1050,8345,8346],{"class":1067}," name",[1050,8348,8296],{"class":1063},[1050,8350,8299],{"class":1221},[1050,8352,8353],{"class":1225},"viewport",[1050,8355,8299],{"class":1221},[1050,8357,8358],{"class":1067}," content",[1050,8360,8296],{"class":1063},[1050,8362,8299],{"class":1221},[1050,8364,8365],{"class":1225},"width=device-width, initial-scale=1.0",[1050,8367,8299],{"class":1221},[1050,8369,8283],{"class":1063},[1050,8371,8372,8374,8377,8380,8383,8386,8388],{"class":1052,"line":1144},[1050,8373,8320],{"class":1063},[1050,8375,8376],{"class":8276},"title",[1050,8378,8379],{"class":1063},">",[1050,8381,8382],{"class":1192},"{% block title %}My Django App{% endblock %}",[1050,8384,8385],{"class":1063},"\u003C/",[1050,8387,8376],{"class":8276},[1050,8389,8283],{"class":1063},[1050,8391,8392],{"class":1052,"line":1159},[1050,8393,3505],{"class":1192},[1050,8395,8396],{"class":1052,"line":1174},[1050,8397,8398],{"class":1056},"    \u003C!-- Critical CSS inline -->\n",[1050,8400,8401,8403,8405],{"class":1052,"line":1189},[1050,8402,8320],{"class":1063},[1050,8404,7721],{"class":8276},[1050,8406,8283],{"class":1063},[1050,8408,8409,8412,8415,8417,8420,8422,8424,8427,8429,8431,8434],{"class":1052,"line":1196},[1050,8410,8411],{"class":1063},"        {",[1050,8413,8414],{"class":1192},"% ",[1050,8416,3665],{"class":7406},[1050,8418,8419],{"class":1192}," \"",[1050,8421,1044],{"class":7406},[1050,8423,8211],{"class":1192},[1050,8425,8426],{"class":7406},"critical",[1050,8428,2106],{"class":1192},[1050,8430,1044],{"class":7406},[1050,8432,8433],{"class":1192},"\" %",[1050,8435,1466],{"class":1063},[1050,8437,8438,8441,8443],{"class":1052,"line":1202},[1050,8439,8440],{"class":1063},"    \u003C/",[1050,8442,7721],{"class":8276},[1050,8444,8283],{"class":1063},[1050,8446,8447],{"class":1052,"line":1244},[1050,8448,3505],{"class":1192},[1050,8450,8451],{"class":1052,"line":1274},[1050,8452,8453],{"class":1056},"    \u003C!-- Preload important resources -->\n",[1050,8455,8456,8458,8461,8464,8466,8468,8471,8473,8476,8478,8480,8483,8485,8488,8490,8492,8494,8496],{"class":1052,"line":1292},[1050,8457,8320],{"class":1063},[1050,8459,8460],{"class":8276},"link",[1050,8462,8463],{"class":1067}," rel",[1050,8465,8296],{"class":1063},[1050,8467,8299],{"class":1221},[1050,8469,8470],{"class":1225},"preload",[1050,8472,8299],{"class":1221},[1050,8474,8475],{"class":1067}," href",[1050,8477,8296],{"class":1063},[1050,8479,8299],{"class":1221},[1050,8481,8482],{"class":1225},"{% static 'css/main.css' %}",[1050,8484,8299],{"class":1221},[1050,8486,8487],{"class":1067}," as",[1050,8489,8296],{"class":1063},[1050,8491,8299],{"class":1221},[1050,8493,7721],{"class":1225},[1050,8495,8299],{"class":1221},[1050,8497,8283],{"class":1063},[1050,8499,8500,8502,8504,8506,8508,8510,8512,8514,8516,8518,8520,8523,8525,8527,8529,8531,8534,8536],{"class":1052,"line":1305},[1050,8501,8320],{"class":1063},[1050,8503,8460],{"class":8276},[1050,8505,8463],{"class":1067},[1050,8507,8296],{"class":1063},[1050,8509,8299],{"class":1221},[1050,8511,8470],{"class":1225},[1050,8513,8299],{"class":1221},[1050,8515,8475],{"class":1067},[1050,8517,8296],{"class":1063},[1050,8519,8299],{"class":1221},[1050,8521,8522],{"class":1225},"{% static 'js/main.js' %}",[1050,8524,8299],{"class":1221},[1050,8526,8487],{"class":1067},[1050,8528,8296],{"class":1063},[1050,8530,8299],{"class":1221},[1050,8532,8533],{"class":1225},"script",[1050,8535,8299],{"class":1221},[1050,8537,8283],{"class":1063},[1050,8539,8540],{"class":1052,"line":1310},[1050,8541,3505],{"class":1192},[1050,8543,8544],{"class":1052,"line":1316},[1050,8545,8546],{"class":1056},"    \u003C!-- Load CSS asynchronously -->\n",[1050,8548,8549,8551,8553,8555,8557,8559,8562,8564,8566,8568,8570,8572,8574,8577,8579,8581,8584,8586,8589,8591,8593,8595,8597,8599,8601,8603,8606,8609],{"class":1052,"line":1332},[1050,8550,8320],{"class":1063},[1050,8552,8460],{"class":8276},[1050,8554,8463],{"class":1067},[1050,8556,8296],{"class":1063},[1050,8558,8299],{"class":1221},[1050,8560,8561],{"class":1225},"stylesheet",[1050,8563,8299],{"class":1221},[1050,8565,8475],{"class":1067},[1050,8567,8296],{"class":1063},[1050,8569,8299],{"class":1221},[1050,8571,8482],{"class":1225},[1050,8573,8299],{"class":1221},[1050,8575,8576],{"class":1067}," media",[1050,8578,8296],{"class":1063},[1050,8580,8299],{"class":1221},[1050,8582,8583],{"class":1225},"print",[1050,8585,8299],{"class":1221},[1050,8587,8588],{"class":1067}," onload",[1050,8590,8296],{"class":1063},[1050,8592,8299],{"class":1221},[1050,8594,3969],{"class":3863},[1050,8596,2106],{"class":1063},[1050,8598,3011],{"class":3974},[1050,8600,8296],{"class":1063},[1050,8602,1229],{"class":1221},[1050,8604,8605],{"class":1225},"all",[1050,8607,8608],{"class":1221},"'\"",[1050,8610,8283],{"class":1063},[1050,8612,8613,8615,8618,8621,8623,8625,8627,8629,8631,8633,8635,8637,8639,8641,8643,8646,8648],{"class":1052,"line":1347},[1050,8614,8320],{"class":1063},[1050,8616,8617],{"class":8276},"noscript",[1050,8619,8620],{"class":1063},">\u003C",[1050,8622,8460],{"class":8276},[1050,8624,8463],{"class":1067},[1050,8626,8296],{"class":1063},[1050,8628,8299],{"class":1221},[1050,8630,8561],{"class":1225},[1050,8632,8299],{"class":1221},[1050,8634,8475],{"class":1067},[1050,8636,8296],{"class":1063},[1050,8638,8299],{"class":1221},[1050,8640,8482],{"class":1225},[1050,8642,8299],{"class":1221},[1050,8644,8645],{"class":1063},">\u003C/",[1050,8647,8617],{"class":8276},[1050,8649,8283],{"class":1063},[1050,8651,8652],{"class":1052,"line":1362},[1050,8653,3505],{"class":1192},[1050,8655,8656],{"class":1052,"line":1377},[1050,8657,8658],{"class":1056},"    \u003C!-- Page-specific CSS -->\n",[1050,8660,8661],{"class":1052,"line":1392},[1050,8662,8663],{"class":1192},"    {% block extra_css %}{% endblock %}\n",[1050,8665,8666,8668,8670],{"class":1052,"line":1397},[1050,8667,8385],{"class":1063},[1050,8669,8313],{"class":8276},[1050,8671,8283],{"class":1063},[1050,8673,8674,8676,8678],{"class":1052,"line":1403},[1050,8675,8288],{"class":1063},[1050,8677,1544],{"class":8276},[1050,8679,8283],{"class":1063},[1050,8681,8682,8684,8686,8689,8691,8693,8696,8698],{"class":1052,"line":1418},[1050,8683,8320],{"class":1063},[1050,8685,6727],{"class":8276},[1050,8687,8688],{"class":1067}," id",[1050,8690,8296],{"class":1063},[1050,8692,8299],{"class":1221},[1050,8694,8695],{"class":1225},"app",[1050,8697,8299],{"class":1221},[1050,8699,8283],{"class":1063},[1050,8701,8702],{"class":1052,"line":1433},[1050,8703,8704],{"class":1192},"        {% block content %}{% endblock %}\n",[1050,8706,8707,8709,8711],{"class":1052,"line":1448},[1050,8708,8440],{"class":1063},[1050,8710,6727],{"class":8276},[1050,8712,8283],{"class":1063},[1050,8714,8715],{"class":1052,"line":1463},[1050,8716,3505],{"class":1192},[1050,8718,8719],{"class":1052,"line":1469},[1050,8720,8721],{"class":1056},"    \u003C!-- Essential JavaScript -->\n",[1050,8723,8724,8726,8728,8731,8733,8735,8737,8739,8742,8744,8746],{"class":1052,"line":1476},[1050,8725,8320],{"class":1063},[1050,8727,8533],{"class":8276},[1050,8729,8730],{"class":1067}," src",[1050,8732,8296],{"class":1063},[1050,8734,8299],{"class":1221},[1050,8736,8522],{"class":1225},[1050,8738,8299],{"class":1221},[1050,8740,8741],{"class":1067}," defer",[1050,8743,8645],{"class":1063},[1050,8745,8533],{"class":8276},[1050,8747,8283],{"class":1063},[1050,8749,8750],{"class":1052,"line":1482},[1050,8751,3505],{"class":1192},[1050,8753,8754],{"class":1052,"line":1492},[1050,8755,8756],{"class":1056},"    \u003C!-- Page-specific JavaScript -->\n",[1050,8758,8759],{"class":1052,"line":1505},[1050,8760,8761],{"class":1192},"    {% block extra_js %}{% endblock %}\n",[1050,8763,8764],{"class":1052,"line":1517},[1050,8765,3505],{"class":1192},[1050,8767,8768],{"class":1052,"line":1531},[1050,8769,8770],{"class":1056},"    \u003C!-- Initialize components -->\n",[1050,8772,8773,8775,8777],{"class":1052,"line":1536},[1050,8774,8320],{"class":1063},[1050,8776,8533],{"class":8276},[1050,8778,8283],{"class":1063},[1050,8780,8781,8784,8786,8788,8790,8792,8795,8797,8799,8802,8804],{"class":1052,"line":1541},[1050,8782,8783],{"class":1083},"        document",[1050,8785,2106],{"class":1063},[1050,8787,5148],{"class":2969},[1050,8789,1265],{"class":4887},[1050,8791,1229],{"class":1221},[1050,8793,8794],{"class":1225},"DOMContentLoaded",[1050,8796,1229],{"class":1221},[1050,8798,1213],{"class":1063},[1050,8800,8801],{"class":3826}," function",[1050,8803,4367],{"class":1063},[1050,8805,1071],{"class":1063},[1050,8807,8808],{"class":1052,"line":1549},[1050,8809,8810],{"class":1056},"            // Initialize global components\n",[1050,8812,8813,8816,8818,8820,8822,8824,8827,8829],{"class":1052,"line":1565},[1050,8814,8815],{"class":1083},"            window",[1050,8817,2106],{"class":1063},[1050,8819,8695],{"class":1083},[1050,8821,3847],{"class":1063},[1050,8823,4252],{"class":4072},[1050,8825,8826],{"class":2969}," App",[1050,8828,4367],{"class":4062},[1050,8830,1096],{"class":1063},[1050,8832,8833,8836,8838],{"class":1052,"line":1582},[1050,8834,8835],{"class":1063},"        }",[1050,8837,2163],{"class":4887},[1050,8839,1096],{"class":1063},[1050,8841,8842,8844,8846],{"class":1052,"line":1599},[1050,8843,8440],{"class":1063},[1050,8845,8533],{"class":8276},[1050,8847,8283],{"class":1063},[1050,8849,8850,8852,8854],{"class":1052,"line":1616},[1050,8851,8385],{"class":1063},[1050,8853,1544],{"class":8276},[1050,8855,8283],{"class":1063},[1050,8857,8858,8860,8862],{"class":1052,"line":1633},[1050,8859,8385],{"class":1063},[1050,8861,8256],{"class":8276},[1050,8863,8283],{"class":1063},[1035,8865,8867],{"id":8866},"component-templates-with-javascript-integration","Component Templates with JavaScript Integration",[1040,8869,8871],{"className":8254,"code":8870,"language":8256,"meta":1045,"style":1045},"\u003C!-- templates/components/modal.html -->\n\u003Cdiv class=\"modal\" id=\"{{ modal_id }}\" aria-hidden=\"true\" role=\"dialog\">\n    \u003Cdiv class=\"modal__backdrop\">\u003C/div>\n    \u003Cdiv class=\"modal__container\">\n        \u003Cdiv class=\"modal__header\">\n            \u003Ch2 class=\"modal__title\">{{ title }}\u003C/h2>\n            \u003Cbutton class=\"modal__close\" data-modal-close aria-label=\"Close modal\">\n                \u003Cspan aria-hidden=\"true\">×\u003C/span>\n            \u003C/button>\n        \u003C/div>\n        \u003Cdiv class=\"modal__body\">\n            {{ content|safe }}\n        \u003C/div>\n        {% if actions %}\n        \u003Cdiv class=\"modal__footer\">\n            {% for action in actions %}\n                \u003Cbutton class=\"btn btn--{{ action.type }}\" \n                        data-action=\"{{ action.name }}\">\n                    {{ action.label }}\n                \u003C/button>\n            {% endfor %}\n        \u003C/div>\n        {% endif %}\n    \u003C/div>\n\u003C/div>\n\n\u003Cscript>\n    document.addEventListener('DOMContentLoaded', function() {\n        const modal = new Modal(document.getElementById('{{ modal_id }}'), {\n            closeOnEscape: {{ close_on_escape|yesno:\"true,false\" }},\n            closeOnBackdrop: {{ close_on_backdrop|yesno:\"true,false\" }}\n        });\n        \n        {% if auto_open %}\n        modal.open();\n        {% endif %}\n    });\n\u003C/script>\n",[1047,8872,8873,8878,8929,8952,8971,8991,9020,9055,9088,9097,9106,9125,9130,9138,9143,9162,9167,9187,9203,9208,9217,9222,9230,9235,9243,9251,9255,9263,9287,9324,9356,9383,9391,9396,9413,9426,9439,9447],{"__ignoreMap":1045},[1050,8874,8875],{"class":1052,"line":1053},[1050,8876,8877],{"class":1056},"\u003C!-- templates/components/modal.html -->\n",[1050,8879,8880,8882,8884,8886,8888,8890,8892,8894,8896,8898,8900,8903,8905,8908,8910,8912,8914,8916,8919,8921,8923,8925,8927],{"class":1052,"line":1060},[1050,8881,8288],{"class":1063},[1050,8883,6727],{"class":8276},[1050,8885,4910],{"class":1067},[1050,8887,8296],{"class":1063},[1050,8889,8299],{"class":1221},[1050,8891,5465],{"class":1225},[1050,8893,8299],{"class":1221},[1050,8895,8688],{"class":1067},[1050,8897,8296],{"class":1063},[1050,8899,8299],{"class":1221},[1050,8901,8902],{"class":1225},"{{ modal_id }}",[1050,8904,8299],{"class":1221},[1050,8906,8907],{"class":1067}," aria-hidden",[1050,8909,8296],{"class":1063},[1050,8911,8299],{"class":1221},[1050,8913,5534],{"class":1225},[1050,8915,8299],{"class":1221},[1050,8917,8918],{"class":1067}," role",[1050,8920,8296],{"class":1063},[1050,8922,8299],{"class":1221},[1050,8924,5500],{"class":1225},[1050,8926,8299],{"class":1221},[1050,8928,8283],{"class":1063},[1050,8930,8931,8933,8935,8937,8939,8941,8944,8946,8948,8950],{"class":1052,"line":1074},[1050,8932,8320],{"class":1063},[1050,8934,6727],{"class":8276},[1050,8936,4910],{"class":1067},[1050,8938,8296],{"class":1063},[1050,8940,8299],{"class":1221},[1050,8942,8943],{"class":1225},"modal__backdrop",[1050,8945,8299],{"class":1221},[1050,8947,8645],{"class":1063},[1050,8949,6727],{"class":8276},[1050,8951,8283],{"class":1063},[1050,8953,8954,8956,8958,8960,8962,8964,8967,8969],{"class":1052,"line":1080},[1050,8955,8320],{"class":1063},[1050,8957,6727],{"class":8276},[1050,8959,4910],{"class":1067},[1050,8961,8296],{"class":1063},[1050,8963,8299],{"class":1221},[1050,8965,8966],{"class":1225},"modal__container",[1050,8968,8299],{"class":1221},[1050,8970,8283],{"class":1063},[1050,8972,8973,8976,8978,8980,8982,8984,8987,8989],{"class":1052,"line":1099},[1050,8974,8975],{"class":1063},"        \u003C",[1050,8977,6727],{"class":8276},[1050,8979,4910],{"class":1067},[1050,8981,8296],{"class":1063},[1050,8983,8299],{"class":1221},[1050,8985,8986],{"class":1225},"modal__header",[1050,8988,8299],{"class":1221},[1050,8990,8283],{"class":1063},[1050,8992,8993,8996,8998,9000,9002,9004,9007,9009,9011,9014,9016,9018],{"class":1052,"line":1114},[1050,8994,8995],{"class":1063},"            \u003C",[1050,8997,1030],{"class":8276},[1050,8999,4910],{"class":1067},[1050,9001,8296],{"class":1063},[1050,9003,8299],{"class":1221},[1050,9005,9006],{"class":1225},"modal__title",[1050,9008,8299],{"class":1221},[1050,9010,8379],{"class":1063},[1050,9012,9013],{"class":1192},"{{ title }}",[1050,9015,8385],{"class":1063},[1050,9017,1030],{"class":8276},[1050,9019,8283],{"class":1063},[1050,9021,9022,9024,9027,9029,9031,9033,9036,9038,9041,9044,9046,9048,9051,9053],{"class":1052,"line":1129},[1050,9023,8995],{"class":1063},[1050,9025,9026],{"class":8276},"button",[1050,9028,4910],{"class":1067},[1050,9030,8296],{"class":1063},[1050,9032,8299],{"class":1221},[1050,9034,9035],{"class":1225},"modal__close",[1050,9037,8299],{"class":1221},[1050,9039,9040],{"class":1067}," data-modal-close",[1050,9042,9043],{"class":1067}," aria-label",[1050,9045,8296],{"class":1063},[1050,9047,8299],{"class":1221},[1050,9049,9050],{"class":1225},"Close modal",[1050,9052,8299],{"class":1221},[1050,9054,8283],{"class":1063},[1050,9056,9057,9060,9062,9064,9066,9068,9070,9072,9074,9077,9080,9082,9084,9086],{"class":1052,"line":1144},[1050,9058,9059],{"class":1063},"                \u003C",[1050,9061,1050],{"class":8276},[1050,9063,8907],{"class":1067},[1050,9065,8296],{"class":1063},[1050,9067,8299],{"class":1221},[1050,9069,5534],{"class":1225},[1050,9071,8299],{"class":1221},[1050,9073,8379],{"class":1063},[1050,9075,9076],{"class":4887},"&",[1050,9078,9079],{"class":1092},"times",[1050,9081,1804],{"class":4887},[1050,9083,8385],{"class":1063},[1050,9085,1050],{"class":8276},[1050,9087,8283],{"class":1063},[1050,9089,9090,9093,9095],{"class":1052,"line":1159},[1050,9091,9092],{"class":1063},"            \u003C/",[1050,9094,9026],{"class":8276},[1050,9096,8283],{"class":1063},[1050,9098,9099,9102,9104],{"class":1052,"line":1174},[1050,9100,9101],{"class":1063},"        \u003C/",[1050,9103,6727],{"class":8276},[1050,9105,8283],{"class":1063},[1050,9107,9108,9110,9112,9114,9116,9118,9121,9123],{"class":1052,"line":1189},[1050,9109,8975],{"class":1063},[1050,9111,6727],{"class":8276},[1050,9113,4910],{"class":1067},[1050,9115,8296],{"class":1063},[1050,9117,8299],{"class":1221},[1050,9119,9120],{"class":1225},"modal__body",[1050,9122,8299],{"class":1221},[1050,9124,8283],{"class":1063},[1050,9126,9127],{"class":1052,"line":1196},[1050,9128,9129],{"class":1192},"            {{ content|safe }}\n",[1050,9131,9132,9134,9136],{"class":1052,"line":1202},[1050,9133,9101],{"class":1063},[1050,9135,6727],{"class":8276},[1050,9137,8283],{"class":1063},[1050,9139,9140],{"class":1052,"line":1244},[1050,9141,9142],{"class":1192},"        {% if actions %}\n",[1050,9144,9145,9147,9149,9151,9153,9155,9158,9160],{"class":1052,"line":1274},[1050,9146,8975],{"class":1063},[1050,9148,6727],{"class":8276},[1050,9150,4910],{"class":1067},[1050,9152,8296],{"class":1063},[1050,9154,8299],{"class":1221},[1050,9156,9157],{"class":1225},"modal__footer",[1050,9159,8299],{"class":1221},[1050,9161,8283],{"class":1063},[1050,9163,9164],{"class":1052,"line":1292},[1050,9165,9166],{"class":1192},"            {% for action in actions %}\n",[1050,9168,9169,9171,9173,9175,9177,9179,9182,9184],{"class":1052,"line":1305},[1050,9170,9059],{"class":1063},[1050,9172,9026],{"class":8276},[1050,9174,4910],{"class":1067},[1050,9176,8296],{"class":1063},[1050,9178,8299],{"class":1221},[1050,9180,9181],{"class":1225},"btn btn--{{ action.type }}",[1050,9183,8299],{"class":1221},[1050,9185,4544],{"class":9186},"sHnae",[1050,9188,9189,9192,9194,9196,9199,9201],{"class":1052,"line":1310},[1050,9190,9191],{"class":1067},"                        data-action",[1050,9193,8296],{"class":1063},[1050,9195,8299],{"class":1221},[1050,9197,9198],{"class":1225},"{{ action.name }}",[1050,9200,8299],{"class":1221},[1050,9202,8283],{"class":1063},[1050,9204,9205],{"class":1052,"line":1316},[1050,9206,9207],{"class":1192},"                    {{ action.label }}\n",[1050,9209,9210,9213,9215],{"class":1052,"line":1332},[1050,9211,9212],{"class":1063},"                \u003C/",[1050,9214,9026],{"class":8276},[1050,9216,8283],{"class":1063},[1050,9218,9219],{"class":1052,"line":1347},[1050,9220,9221],{"class":1192},"            {% endfor %}\n",[1050,9223,9224,9226,9228],{"class":1052,"line":1362},[1050,9225,9101],{"class":1063},[1050,9227,6727],{"class":8276},[1050,9229,8283],{"class":1063},[1050,9231,9232],{"class":1052,"line":1377},[1050,9233,9234],{"class":1192},"        {% endif %}\n",[1050,9236,9237,9239,9241],{"class":1052,"line":1392},[1050,9238,8440],{"class":1063},[1050,9240,6727],{"class":8276},[1050,9242,8283],{"class":1063},[1050,9244,9245,9247,9249],{"class":1052,"line":1397},[1050,9246,8385],{"class":1063},[1050,9248,6727],{"class":8276},[1050,9250,8283],{"class":1063},[1050,9252,9253],{"class":1052,"line":1403},[1050,9254,1473],{"emptyLinePlaceholder":1472},[1050,9256,9257,9259,9261],{"class":1052,"line":1418},[1050,9258,8288],{"class":1063},[1050,9260,8533],{"class":8276},[1050,9262,8283],{"class":1063},[1050,9264,9265,9267,9269,9271,9273,9275,9277,9279,9281,9283,9285],{"class":1052,"line":1433},[1050,9266,5599],{"class":1083},[1050,9268,2106],{"class":1063},[1050,9270,5148],{"class":2969},[1050,9272,1265],{"class":4887},[1050,9274,1229],{"class":1221},[1050,9276,8794],{"class":1225},[1050,9278,1229],{"class":1221},[1050,9280,1213],{"class":1063},[1050,9282,8801],{"class":3826},[1050,9284,4367],{"class":1063},[1050,9286,1071],{"class":1063},[1050,9288,9289,9292,9295,9297,9299,9301,9303,9306,9308,9310,9312,9314,9316,9318,9320,9322],{"class":1052,"line":1448},[1050,9290,9291],{"class":3826},"        const",[1050,9293,9294],{"class":1083}," modal",[1050,9296,3847],{"class":1063},[1050,9298,4252],{"class":4072},[1050,9300,4913],{"class":2969},[1050,9302,1265],{"class":4062},[1050,9304,9305],{"class":1083},"document",[1050,9307,2106],{"class":1063},[1050,9309,7660],{"class":2969},[1050,9311,1265],{"class":4062},[1050,9313,1229],{"class":1221},[1050,9315,8902],{"class":1225},[1050,9317,1229],{"class":1221},[1050,9319,2163],{"class":4062},[1050,9321,1213],{"class":1063},[1050,9323,1071],{"class":1063},[1050,9325,9326,9329,9331,9334,9337,9340,9344,9346,9348,9351,9353],{"class":1052,"line":1463},[1050,9327,9328],{"class":4003},"            closeOnEscape",[1050,9330,1064],{"class":1063},[1050,9332,9333],{"class":1063}," {{",[1050,9335,9336],{"class":1083}," close_on_escape",[1050,9338,9339],{"class":4072},"|",[1050,9341,9343],{"class":9342},"sYn-s","yesno",[1050,9345,1064],{"class":1063},[1050,9347,8299],{"class":1221},[1050,9349,9350],{"class":1225},"true,false",[1050,9352,8299],{"class":1221},[1050,9354,9355],{"class":1063}," }},\n",[1050,9357,9358,9361,9363,9365,9368,9370,9372,9374,9376,9378,9380],{"class":1052,"line":1469},[1050,9359,9360],{"class":4003},"            closeOnBackdrop",[1050,9362,1064],{"class":1063},[1050,9364,9333],{"class":1063},[1050,9366,9367],{"class":1083}," close_on_backdrop",[1050,9369,9339],{"class":4072},[1050,9371,9343],{"class":9342},[1050,9373,1064],{"class":1063},[1050,9375,8299],{"class":1221},[1050,9377,9350],{"class":1225},[1050,9379,8299],{"class":1221},[1050,9381,9382],{"class":1063}," }}\n",[1050,9384,9385,9387,9389],{"class":1052,"line":1476},[1050,9386,8835],{"class":1063},[1050,9388,2163],{"class":4062},[1050,9390,1096],{"class":1063},[1050,9392,9393],{"class":1052,"line":1482},[1050,9394,9395],{"class":4049},"        \n",[1050,9397,9398,9400,9402,9405,9408,9411],{"class":1052,"line":1492},[1050,9399,8411],{"class":1063},[1050,9401,3158],{"class":4072},[1050,9403,9404],{"class":2965}," if",[1050,9406,9407],{"class":1083}," auto_open",[1050,9409,9410],{"class":4072}," %",[1050,9412,1466],{"class":1063},[1050,9414,9415,9418,9420,9422,9424],{"class":1052,"line":1505},[1050,9416,9417],{"class":1083},"        modal",[1050,9419,2106],{"class":1063},[1050,9421,6102],{"class":2969},[1050,9423,4367],{"class":4062},[1050,9425,1096],{"class":1063},[1050,9427,9428,9430,9432,9435,9437],{"class":1052,"line":1517},[1050,9429,8411],{"class":1063},[1050,9431,3158],{"class":4072},[1050,9433,9434],{"class":1083}," endif",[1050,9436,9410],{"class":4072},[1050,9438,1466],{"class":1063},[1050,9440,9441,9443,9445],{"class":1052,"line":1531},[1050,9442,4400],{"class":1063},[1050,9444,2163],{"class":4887},[1050,9446,1096],{"class":1063},[1050,9448,9449,9451,9453],{"class":1052,"line":1536},[1050,9450,8385],{"class":1063},[1050,9452,8533],{"class":8276},[1050,9454,8283],{"class":1063},[1030,9456,9458],{"id":9457},"asset-optimization-and-build-process","Asset Optimization and Build Process",[1035,9460,9462],{"id":9461},"css-optimization-techniques","CSS Optimization Techniques",[1040,9464,9468],{"className":9465,"code":9466,"language":9467,"meta":1045,"style":1045},"language-python shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","# utils/css_optimizer.py\nimport re\nimport cssmin\nfrom django.contrib.staticfiles.storage import StaticFilesStorage\nfrom django.core.files.base import ContentFile\n\nclass OptimizedCSSStorage(StaticFilesStorage):\n    \"\"\"Custom storage that optimizes CSS files\"\"\"\n    \n    def _save(self, name, content):\n        if name.endswith('.css'):\n            # Read CSS content\n            css_content = content.read()\n            if isinstance(css_content, bytes):\n                css_content = css_content.decode('utf-8')\n            \n            # Optimize CSS\n            optimized_css = self.optimize_css(css_content)\n            \n            # Create new content file\n            content = ContentFile(optimized_css.encode('utf-8'))\n        \n        return super()._save(name, content)\n    \n    def optimize_css(self, css_content):\n        \"\"\"Optimize CSS content\"\"\"\n        # Remove comments\n        css_content = re.sub(r'/\\*.*?\\*/', '', css_content, flags=re.DOTALL)\n        \n        # Minify CSS\n        css_content = cssmin.cssmin(css_content)\n        \n        # Add critical CSS optimizations\n        css_content = self.optimize_critical_css(css_content)\n        \n        return css_content\n    \n    def optimize_critical_css(self, css_content):\n        \"\"\"Extract and optimize critical CSS\"\"\"\n        # This would implement critical CSS extraction logic\n        # For now, just return the minified CSS\n        return css_content\n\n# settings.py\nSTATICFILES_STORAGE = 'utils.css_optimizer.OptimizedCSSStorage'\n","python",[1047,9469,9470,9475,9482,9489,9517,9543,9547,9562,9575,9579,9604,9627,9632,9649,9669,9695,9700,9705,9726,9730,9735,9766,9770,9793,9797,9814,9824,9829,9894,9898,9903,9923,9927,9932,9951,9955,9962,9966,9983,9992,9997,10002,10008,10012,10017],{"__ignoreMap":1045},[1050,9471,9472],{"class":1052,"line":1053},[1050,9473,9474],{"class":1056},"# utils/css_optimizer.py\n",[1050,9476,9477,9479],{"class":1052,"line":1060},[1050,9478,3255],{"class":2965},[1050,9480,9481],{"class":1192}," re\n",[1050,9483,9484,9486],{"class":1052,"line":1074},[1050,9485,3255],{"class":2965},[1050,9487,9488],{"class":1192}," cssmin\n",[1050,9490,9491,9494,9497,9499,9502,9504,9507,9509,9512,9514],{"class":1052,"line":1080},[1050,9492,9493],{"class":2965},"from",[1050,9495,9496],{"class":1192}," django",[1050,9498,2106],{"class":1063},[1050,9500,9501],{"class":1192},"contrib",[1050,9503,2106],{"class":1063},[1050,9505,9506],{"class":1192},"staticfiles",[1050,9508,2106],{"class":1063},[1050,9510,9511],{"class":1192},"storage ",[1050,9513,3255],{"class":2965},[1050,9515,9516],{"class":1192}," StaticFilesStorage\n",[1050,9518,9519,9521,9523,9525,9528,9530,9533,9535,9538,9540],{"class":1052,"line":1099},[1050,9520,9493],{"class":2965},[1050,9522,9496],{"class":1192},[1050,9524,2106],{"class":1063},[1050,9526,9527],{"class":1192},"core",[1050,9529,2106],{"class":1063},[1050,9531,9532],{"class":1192},"files",[1050,9534,2106],{"class":1063},[1050,9536,9537],{"class":1192},"base ",[1050,9539,3255],{"class":2965},[1050,9541,9542],{"class":1192}," ContentFile\n",[1050,9544,9545],{"class":1052,"line":1114},[1050,9546,1473],{"emptyLinePlaceholder":1472},[1050,9548,9549,9551,9554,9556,9559],{"class":1052,"line":1129},[1050,9550,3827],{"class":3826},[1050,9552,9553],{"class":3830}," OptimizedCSSStorage",[1050,9555,1265],{"class":1063},[1050,9557,9558],{"class":9342},"StaticFilesStorage",[1050,9560,9561],{"class":1063},"):\n",[1050,9563,9564,9568,9572],{"class":1052,"line":1144},[1050,9565,9567],{"class":9566},"sm7ve","    \"\"\"",[1050,9569,9571],{"class":9570},"sVyVU","Custom storage that optimizes CSS files",[1050,9573,9574],{"class":9566},"\"\"\"\n",[1050,9576,9577],{"class":1052,"line":1159},[1050,9578,3505],{"class":1192},[1050,9580,9581,9584,9587,9589,9593,9595,9598,9600,9602],{"class":1052,"line":1174},[1050,9582,9583],{"class":3826},"    def",[1050,9585,9586],{"class":2969}," _save",[1050,9588,1265],{"class":1063},[1050,9590,9592],{"class":9591},"sRjD_","self",[1050,9594,1213],{"class":1063},[1050,9596,8346],{"class":9597},"sCyAa",[1050,9599,1213],{"class":1063},[1050,9601,8358],{"class":9597},[1050,9603,9561],{"class":1063},[1050,9605,9606,9608,9610,9612,9616,9618,9620,9623,9625],{"class":1052,"line":1189},[1050,9607,5246],{"class":2965},[1050,9609,8346],{"class":1192},[1050,9611,2106],{"class":1063},[1050,9613,9615],{"class":9614},"siWMO","endswith",[1050,9617,1265],{"class":1063},[1050,9619,1229],{"class":1221},[1050,9621,9622],{"class":1225},".css",[1050,9624,1229],{"class":1221},[1050,9626,9561],{"class":1063},[1050,9628,9629],{"class":1052,"line":1196},[1050,9630,9631],{"class":1056},"            # Read CSS content\n",[1050,9633,9634,9637,9639,9641,9643,9646],{"class":1052,"line":1202},[1050,9635,9636],{"class":1192},"            css_content ",[1050,9638,8296],{"class":1063},[1050,9640,8358],{"class":1192},[1050,9642,2106],{"class":1063},[1050,9644,9645],{"class":9614},"read",[1050,9647,9648],{"class":1063},"()\n",[1050,9650,9651,9654,9657,9659,9662,9664,9667],{"class":1052,"line":1244},[1050,9652,9653],{"class":2965},"            if",[1050,9655,9656],{"class":1261}," isinstance",[1050,9658,1265],{"class":1063},[1050,9660,9661],{"class":9614},"css_content",[1050,9663,1213],{"class":1063},[1050,9665,9666],{"class":3017}," bytes",[1050,9668,9561],{"class":1063},[1050,9670,9671,9674,9676,9679,9681,9684,9686,9688,9691,9693],{"class":1052,"line":1274},[1050,9672,9673],{"class":1192},"                css_content ",[1050,9675,8296],{"class":1063},[1050,9677,9678],{"class":1192}," css_content",[1050,9680,2106],{"class":1063},[1050,9682,9683],{"class":9614},"decode",[1050,9685,1265],{"class":1063},[1050,9687,1229],{"class":1221},[1050,9689,9690],{"class":1225},"utf-8",[1050,9692,1229],{"class":1221},[1050,9694,4705],{"class":1063},[1050,9696,9697],{"class":1052,"line":1292},[1050,9698,9699],{"class":1192},"            \n",[1050,9701,9702],{"class":1052,"line":1305},[1050,9703,9704],{"class":1056},"            # Optimize CSS\n",[1050,9706,9707,9710,9712,9715,9717,9720,9722,9724],{"class":1052,"line":1310},[1050,9708,9709],{"class":1192},"            optimized_css ",[1050,9711,8296],{"class":1063},[1050,9713,9714],{"class":1092}," self",[1050,9716,2106],{"class":1063},[1050,9718,9719],{"class":9614},"optimize_css",[1050,9721,1265],{"class":1063},[1050,9723,9661],{"class":9614},[1050,9725,4705],{"class":1063},[1050,9727,9728],{"class":1052,"line":1316},[1050,9729,9699],{"class":1192},[1050,9731,9732],{"class":1052,"line":1332},[1050,9733,9734],{"class":1056},"            # Create new content file\n",[1050,9736,9737,9740,9742,9745,9747,9750,9752,9755,9757,9759,9761,9763],{"class":1052,"line":1347},[1050,9738,9739],{"class":1192},"            content ",[1050,9741,8296],{"class":1063},[1050,9743,9744],{"class":9614}," ContentFile",[1050,9746,1265],{"class":1063},[1050,9748,9749],{"class":9614},"optimized_css",[1050,9751,2106],{"class":1063},[1050,9753,9754],{"class":9614},"encode",[1050,9756,1265],{"class":1063},[1050,9758,1229],{"class":1221},[1050,9760,9690],{"class":1225},[1050,9762,1229],{"class":1221},[1050,9764,9765],{"class":1063},"))\n",[1050,9767,9768],{"class":1052,"line":1362},[1050,9769,9395],{"class":1192},[1050,9771,9772,9774,9777,9780,9783,9785,9787,9789,9791],{"class":1052,"line":1377},[1050,9773,4355],{"class":2965},[1050,9775,9776],{"class":3017}," super",[1050,9778,9779],{"class":1063},"().",[1050,9781,9782],{"class":9614},"_save",[1050,9784,1265],{"class":1063},[1050,9786,6684],{"class":9614},[1050,9788,1213],{"class":1063},[1050,9790,8358],{"class":9614},[1050,9792,4705],{"class":1063},[1050,9794,9795],{"class":1052,"line":1392},[1050,9796,3505],{"class":1192},[1050,9798,9799,9801,9804,9806,9808,9810,9812],{"class":1052,"line":1397},[1050,9800,9583],{"class":3826},[1050,9802,9803],{"class":2969}," optimize_css",[1050,9805,1265],{"class":1063},[1050,9807,9592],{"class":9591},[1050,9809,1213],{"class":1063},[1050,9811,9678],{"class":9597},[1050,9813,9561],{"class":1063},[1050,9815,9816,9819,9822],{"class":1052,"line":1403},[1050,9817,9818],{"class":9566},"        \"\"\"",[1050,9820,9821],{"class":9570},"Optimize CSS content",[1050,9823,9574],{"class":9566},[1050,9825,9826],{"class":1052,"line":1418},[1050,9827,9828],{"class":1056},"        # Remove comments\n",[1050,9830,9831,9834,9836,9839,9841,9844,9846,9849,9851,9853,9856,9859,9862,9864,9866,9868,9870,9872,9874,9876,9878,9881,9883,9886,9888,9892],{"class":1052,"line":1433},[1050,9832,9833],{"class":1192},"        css_content ",[1050,9835,8296],{"class":1063},[1050,9837,9838],{"class":1192}," re",[1050,9840,2106],{"class":1063},[1050,9842,9843],{"class":9614},"sub",[1050,9845,1265],{"class":1063},[1050,9847,9848],{"class":3826},"r",[1050,9850,1229],{"class":1221},[1050,9852,8211],{"class":8177},[1050,9854,9855],{"class":8192},"\\*",[1050,9857,2106],{"class":9858},"sRJPX",[1050,9860,9861],{"class":8173},"*?",[1050,9863,9855],{"class":8192},[1050,9865,8211],{"class":8177},[1050,9867,1229],{"class":1221},[1050,9869,1213],{"class":1063},[1050,9871,7917],{"class":1221},[1050,9873,1213],{"class":1063},[1050,9875,9678],{"class":9614},[1050,9877,1213],{"class":1063},[1050,9879,9880],{"class":3843}," flags",[1050,9882,8296],{"class":1063},[1050,9884,9885],{"class":9614},"re",[1050,9887,2106],{"class":1063},[1050,9889,9891],{"class":9890},"sFGJz","DOTALL",[1050,9893,4705],{"class":1063},[1050,9895,9896],{"class":1052,"line":1448},[1050,9897,9395],{"class":1192},[1050,9899,9900],{"class":1052,"line":1463},[1050,9901,9902],{"class":1056},"        # Minify CSS\n",[1050,9904,9905,9907,9909,9912,9914,9917,9919,9921],{"class":1052,"line":1469},[1050,9906,9833],{"class":1192},[1050,9908,8296],{"class":1063},[1050,9910,9911],{"class":1192}," cssmin",[1050,9913,2106],{"class":1063},[1050,9915,9916],{"class":9614},"cssmin",[1050,9918,1265],{"class":1063},[1050,9920,9661],{"class":9614},[1050,9922,4705],{"class":1063},[1050,9924,9925],{"class":1052,"line":1476},[1050,9926,9395],{"class":1192},[1050,9928,9929],{"class":1052,"line":1482},[1050,9930,9931],{"class":1056},"        # Add critical CSS optimizations\n",[1050,9933,9934,9936,9938,9940,9942,9945,9947,9949],{"class":1052,"line":1492},[1050,9935,9833],{"class":1192},[1050,9937,8296],{"class":1063},[1050,9939,9714],{"class":1092},[1050,9941,2106],{"class":1063},[1050,9943,9944],{"class":9614},"optimize_critical_css",[1050,9946,1265],{"class":1063},[1050,9948,9661],{"class":9614},[1050,9950,4705],{"class":1063},[1050,9952,9953],{"class":1052,"line":1505},[1050,9954,9395],{"class":1192},[1050,9956,9957,9959],{"class":1052,"line":1517},[1050,9958,4355],{"class":2965},[1050,9960,9961],{"class":1192}," css_content\n",[1050,9963,9964],{"class":1052,"line":1531},[1050,9965,3505],{"class":1192},[1050,9967,9968,9970,9973,9975,9977,9979,9981],{"class":1052,"line":1536},[1050,9969,9583],{"class":3826},[1050,9971,9972],{"class":2969}," optimize_critical_css",[1050,9974,1265],{"class":1063},[1050,9976,9592],{"class":9591},[1050,9978,1213],{"class":1063},[1050,9980,9678],{"class":9597},[1050,9982,9561],{"class":1063},[1050,9984,9985,9987,9990],{"class":1052,"line":1541},[1050,9986,9818],{"class":9566},[1050,9988,9989],{"class":9570},"Extract and optimize critical CSS",[1050,9991,9574],{"class":9566},[1050,9993,9994],{"class":1052,"line":1549},[1050,9995,9996],{"class":1056},"        # This would implement critical CSS extraction logic\n",[1050,9998,9999],{"class":1052,"line":1565},[1050,10000,10001],{"class":1056},"        # For now, just return the minified CSS\n",[1050,10003,10004,10006],{"class":1052,"line":1582},[1050,10005,4355],{"class":2965},[1050,10007,9961],{"class":1192},[1050,10009,10010],{"class":1052,"line":1599},[1050,10011,1473],{"emptyLinePlaceholder":1472},[1050,10013,10014],{"class":1052,"line":1616},[1050,10015,10016],{"class":1056},"# settings.py\n",[1050,10018,10019,10022,10024,10026,10029],{"class":1052,"line":1633},[1050,10020,10021],{"class":1092},"STATICFILES_STORAGE",[1050,10023,3847],{"class":1063},[1050,10025,1222],{"class":1221},[1050,10027,10028],{"class":1225},"utils.css_optimizer.OptimizedCSSStorage",[1050,10030,4852],{"class":1221},[1035,10032,10034],{"id":10033},"javascript-module-bundling","JavaScript Module Bundling",[1040,10036,10038],{"className":3812,"code":10037,"language":3814,"meta":1045,"style":1045},"// static/js/main.js - Entry point\nimport { Modal } from './components/Modal.js';\nimport { FormValidator } from './components/FormValidator.js';\nimport { ApiClient } from './utils/api.js';\nimport { debounce, throttle } from './utils/helpers.js';\n\nclass App {\n  constructor() {\n    this.components = new Map();\n    this.init();\n  }\n  \n  init() {\n    this.initializeComponents();\n    this.bindGlobalEvents();\n    this.setupServiceWorker();\n  }\n  \n  initializeComponents() {\n    // Auto-initialize components based on data attributes\n    document.querySelectorAll('[data-component]').forEach(element => {\n      const componentName = element.dataset.component;\n      const componentOptions = element.dataset.options ? \n        JSON.parse(element.dataset.options) : {};\n      \n      this.initializeComponent(element, componentName, componentOptions);\n    });\n  }\n  \n  initializeComponent(element, name, options = {}) {\n    switch (name) {\n      case 'modal':\n        this.components.set(element, new Modal(element, options));\n        break;\n      case 'form-validator':\n        const rules = this.parseValidationRules(element);\n        this.components.set(element, new FormValidator(element, rules));\n        break;\n      default:\n        console.warn(`Unknown component: ${name}`);\n    }\n  }\n  \n  parseValidationRules(form) {\n    const rules = {};\n    const fields = form.querySelectorAll('[data-validation]');\n    \n    fields.forEach(field => {\n      const validationData = JSON.parse(field.dataset.validation);\n      rules[field.name] = validationData;\n    });\n    \n    return rules;\n  }\n  \n  bindGlobalEvents() {\n    // Global keyboard shortcuts\n    document.addEventListener('keydown', (e) => {\n      if (e.ctrlKey || e.metaKey) {\n        switch (e.key) {\n          case 'k':\n            e.preventDefault();\n            this.openSearch();\n            break;\n        }\n      }\n    });\n    \n    // Global click handlers\n    document.addEventListener('click', (e) => {\n      // Handle data-action attributes\n      if (e.target.dataset.action) {\n        this.handleAction(e.target.dataset.action, e.target, e);\n      }\n    });\n  }\n  \n  handleAction(action, element, event) {\n    switch (action) {\n      case 'toggle-theme':\n        this.toggleTheme();\n        break;\n      case 'copy-to-clipboard':\n        this.copyToClipboard(element.dataset.text || element.textContent);\n        break;\n      default:\n        console.warn(`Unknown action: ${action}`);\n    }\n  }\n  \n  toggleTheme() {\n    const currentTheme = document.documentElement.dataset.theme || 'light';\n    const newTheme = currentTheme === 'light' ? 'dark' : 'light';\n    \n    document.documentElement.dataset.theme = newTheme;\n    localStorage.setItem('theme', newTheme);\n  }\n  \n  async copyToClipboard(text) {\n    try {\n      await navigator.clipboard.writeText(text);\n      this.showNotification('Copied to clipboard!');\n    } catch (err) {\n      console.error('Failed to copy text: ', err);\n    }\n  }\n  \n  showNotification(message, type = 'info') {\n    // Implementation for showing notifications\n    const notification = document.createElement('div');\n    notification.className = `notification notification--${type}`;\n    notification.textContent = message;\n    \n    document.body.appendChild(notification);\n    \n    setTimeout(() => {\n      notification.remove();\n    }, 3000);\n  }\n  \n  async setupServiceWorker() {\n    if ('serviceWorker' in navigator) {\n      try {\n        const registration = await navigator.serviceWorker.register('/sw.js');\n        console.log('Service Worker registered:', registration);\n      } catch (error) {\n        console.error('Service Worker registration failed:', error);\n      }\n    }\n  }\n}\n\n// Initialize app\nwindow.App = App;\n",[1047,10039,10040,10045,10068,10089,10110,10137,10141,10149,10157,10177,10189,10193,10197,10205,10218,10231,10244,10248,10252,10261,10266,10297,10320,10343,10371,10375,10400,10408,10412,10416,10439,10452,10466,10501,10508,10521,10544,10578,10584,10591,10620,10624,10628,10632,10645,10655,10682,10686,10702,10734,10755,10763,10767,10775,10779,10783,10792,10797,10825,10852,10869,10883,10896,10910,10917,10921,10925,10933,10937,10942,10970,10975,11000,11041,11045,11053,11057,11061,11083,11095,11108,11121,11127,11140,11173,11179,11185,11212,11216,11220,11224,11233,11269,11307,11311,11333,11359,11363,11367,11382,11388,11414,11436,11451,11477,11481,11485,11489,11517,11522,11549,11576,11590,11594,11615,11619,11632,11645,11656,11660,11664,11675,11697,11704,11739,11765,11779,11804,11808,11812,11816,11820,11824,11829],{"__ignoreMap":1045},[1050,10041,10042],{"class":1052,"line":1053},[1050,10043,10044],{"class":1056},"// static/js/main.js - Entry point\n",[1050,10046,10047,10049,10051,10053,10056,10059,10061,10064,10066],{"class":1052,"line":1060},[1050,10048,3255],{"class":2965},[1050,10050,1791],{"class":1063},[1050,10052,4913],{"class":1083},[1050,10054,10055],{"class":1063}," }",[1050,10057,10058],{"class":2965}," from",[1050,10060,1222],{"class":1221},[1050,10062,10063],{"class":1225},"./components/Modal.js",[1050,10065,1229],{"class":1221},[1050,10067,1096],{"class":1063},[1050,10069,10070,10072,10074,10076,10078,10080,10082,10085,10087],{"class":1052,"line":1074},[1050,10071,3255],{"class":2965},[1050,10073,1791],{"class":1063},[1050,10075,6139],{"class":1083},[1050,10077,10055],{"class":1063},[1050,10079,10058],{"class":2965},[1050,10081,1222],{"class":1221},[1050,10083,10084],{"class":1225},"./components/FormValidator.js",[1050,10086,1229],{"class":1221},[1050,10088,1096],{"class":1063},[1050,10090,10091,10093,10095,10097,10099,10101,10103,10106,10108],{"class":1052,"line":1080},[1050,10092,3255],{"class":2965},[1050,10094,1791],{"class":1063},[1050,10096,3831],{"class":1083},[1050,10098,10055],{"class":1063},[1050,10100,10058],{"class":2965},[1050,10102,1222],{"class":1221},[1050,10104,10105],{"class":1225},"./utils/api.js",[1050,10107,1229],{"class":1221},[1050,10109,1096],{"class":1063},[1050,10111,10112,10114,10116,10119,10121,10124,10126,10128,10130,10133,10135],{"class":1052,"line":1099},[1050,10113,3255],{"class":2965},[1050,10115,1791],{"class":1063},[1050,10117,10118],{"class":1083}," debounce",[1050,10120,1213],{"class":1063},[1050,10122,10123],{"class":1083}," throttle",[1050,10125,10055],{"class":1063},[1050,10127,10058],{"class":2965},[1050,10129,1222],{"class":1221},[1050,10131,10132],{"class":1225},"./utils/helpers.js",[1050,10134,1229],{"class":1221},[1050,10136,1096],{"class":1063},[1050,10138,10139],{"class":1052,"line":1114},[1050,10140,1473],{"emptyLinePlaceholder":1472},[1050,10142,10143,10145,10147],{"class":1052,"line":1129},[1050,10144,3827],{"class":3826},[1050,10146,8826],{"class":3830},[1050,10148,1071],{"class":1063},[1050,10150,10151,10153,10155],{"class":1052,"line":1144},[1050,10152,3838],{"class":3826},[1050,10154,4367],{"class":1063},[1050,10156,1071],{"class":1063},[1050,10158,10159,10161,10163,10166,10168,10170,10173,10175],{"class":1052,"line":1159},[1050,10160,3864],{"class":3863},[1050,10162,2106],{"class":1063},[1050,10164,10165],{"class":1083},"components",[1050,10167,3847],{"class":1063},[1050,10169,4252],{"class":4072},[1050,10171,10172],{"class":2969}," Map",[1050,10174,4367],{"class":4062},[1050,10176,1096],{"class":1063},[1050,10178,10179,10181,10183,10185,10187],{"class":1052,"line":1174},[1050,10180,3864],{"class":3863},[1050,10182,2106],{"class":1063},[1050,10184,5024],{"class":2969},[1050,10186,4367],{"class":4062},[1050,10188,1096],{"class":1063},[1050,10190,10191],{"class":1052,"line":1189},[1050,10192,3053],{"class":1063},[1050,10194,10195],{"class":1052,"line":1196},[1050,10196,1193],{"class":1192},[1050,10198,10199,10201,10203],{"class":1052,"line":1202},[1050,10200,5041],{"class":3931},[1050,10202,4367],{"class":1063},[1050,10204,1071],{"class":1063},[1050,10206,10207,10209,10211,10214,10216],{"class":1052,"line":1244},[1050,10208,3864],{"class":3863},[1050,10210,2106],{"class":1063},[1050,10212,10213],{"class":2969},"initializeComponents",[1050,10215,4367],{"class":4062},[1050,10217,1096],{"class":1063},[1050,10219,10220,10222,10224,10227,10229],{"class":1052,"line":1274},[1050,10221,3864],{"class":3863},[1050,10223,2106],{"class":1063},[1050,10225,10226],{"class":2969},"bindGlobalEvents",[1050,10228,4367],{"class":4062},[1050,10230,1096],{"class":1063},[1050,10232,10233,10235,10237,10240,10242],{"class":1052,"line":1292},[1050,10234,3864],{"class":3863},[1050,10236,2106],{"class":1063},[1050,10238,10239],{"class":2969},"setupServiceWorker",[1050,10241,4367],{"class":4062},[1050,10243,1096],{"class":1063},[1050,10245,10246],{"class":1052,"line":1305},[1050,10247,3053],{"class":1063},[1050,10249,10250],{"class":1052,"line":1310},[1050,10251,1193],{"class":1192},[1050,10253,10254,10257,10259],{"class":1052,"line":1316},[1050,10255,10256],{"class":3931},"  initializeComponents",[1050,10258,4367],{"class":1063},[1050,10260,1071],{"class":1063},[1050,10262,10263],{"class":1052,"line":1332},[1050,10264,10265],{"class":1056},"    // Auto-initialize components based on data attributes\n",[1050,10267,10268,10270,10272,10274,10276,10278,10281,10283,10285,10287,10289,10291,10293,10295],{"class":1052,"line":1347},[1050,10269,5599],{"class":1083},[1050,10271,2106],{"class":1063},[1050,10273,6618],{"class":2969},[1050,10275,1265],{"class":4062},[1050,10277,1229],{"class":1221},[1050,10279,10280],{"class":1225},"[data-component]",[1050,10282,1229],{"class":1221},[1050,10284,2163],{"class":4062},[1050,10286,2106],{"class":1063},[1050,10288,4532],{"class":2969},[1050,10290,1265],{"class":4062},[1050,10292,4924],{"class":3843},[1050,10294,4541],{"class":4540},[1050,10296,1071],{"class":1063},[1050,10298,10299,10301,10304,10306,10308,10310,10313,10315,10318],{"class":1052,"line":1362},[1050,10300,4098],{"class":3826},[1050,10302,10303],{"class":1083}," componentName",[1050,10305,3847],{"class":1063},[1050,10307,4947],{"class":1083},[1050,10309,2106],{"class":1063},[1050,10311,10312],{"class":1083},"dataset",[1050,10314,2106],{"class":1063},[1050,10316,10317],{"class":1083},"component",[1050,10319,1096],{"class":1063},[1050,10321,10322,10324,10327,10329,10331,10333,10335,10337,10339,10341],{"class":1052,"line":1377},[1050,10323,4098],{"class":3826},[1050,10325,10326],{"class":1083}," componentOptions",[1050,10328,3847],{"class":1063},[1050,10330,4947],{"class":1083},[1050,10332,2106],{"class":1063},[1050,10334,10312],{"class":1083},[1050,10336,2106],{"class":1063},[1050,10338,4024],{"class":1083},[1050,10340,6084],{"class":4072},[1050,10342,4544],{"class":4049},[1050,10344,10345,10348,10350,10353,10355,10357,10359,10361,10363,10365,10367,10369],{"class":1052,"line":1392},[1050,10346,10347],{"class":1083},"        JSON",[1050,10349,2106],{"class":1063},[1050,10351,10352],{"class":2969},"parse",[1050,10354,1265],{"class":4062},[1050,10356,4924],{"class":1083},[1050,10358,2106],{"class":1063},[1050,10360,10312],{"class":1083},[1050,10362,2106],{"class":1063},[1050,10364,4024],{"class":1083},[1050,10366,2163],{"class":4062},[1050,10368,6095],{"class":4072},[1050,10370,6205],{"class":1063},[1050,10372,10373],{"class":1052,"line":1397},[1050,10374,3706],{"class":4049},[1050,10376,10377,10379,10381,10384,10386,10388,10390,10392,10394,10396,10398],{"class":1052,"line":1403},[1050,10378,5342],{"class":3863},[1050,10380,2106],{"class":1063},[1050,10382,10383],{"class":2969},"initializeComponent",[1050,10385,1265],{"class":4062},[1050,10387,4924],{"class":1083},[1050,10389,1213],{"class":1063},[1050,10391,10303],{"class":1083},[1050,10393,1213],{"class":1063},[1050,10395,10326],{"class":1083},[1050,10397,2163],{"class":4062},[1050,10399,1096],{"class":1063},[1050,10401,10402,10404,10406],{"class":1052,"line":1418},[1050,10403,4400],{"class":1063},[1050,10405,2163],{"class":4062},[1050,10407,1096],{"class":1063},[1050,10409,10410],{"class":1052,"line":1433},[1050,10411,3053],{"class":1063},[1050,10413,10414],{"class":1052,"line":1448},[1050,10415,1193],{"class":1192},[1050,10417,10418,10421,10423,10425,10427,10429,10431,10433,10435,10437],{"class":1052,"line":1463},[1050,10419,10420],{"class":3931},"  initializeComponent",[1050,10422,1265],{"class":1063},[1050,10424,4924],{"class":3843},[1050,10426,1213],{"class":1063},[1050,10428,8346],{"class":3843},[1050,10430,1213],{"class":1063},[1050,10432,3942],{"class":3843},[1050,10434,3847],{"class":1063},[1050,10436,3947],{"class":1063},[1050,10438,1071],{"class":1063},[1050,10440,10441,10444,10446,10448,10450],{"class":1052,"line":1469},[1050,10442,10443],{"class":2965},"    switch",[1050,10445,3014],{"class":4062},[1050,10447,6684],{"class":1083},[1050,10449,2163],{"class":4062},[1050,10451,1071],{"class":1063},[1050,10453,10454,10457,10459,10461,10463],{"class":1052,"line":1476},[1050,10455,10456],{"class":2965},"      case",[1050,10458,1222],{"class":1221},[1050,10460,5465],{"class":1225},[1050,10462,1229],{"class":1221},[1050,10464,10465],{"class":1063},":\n",[1050,10467,10468,10470,10472,10474,10476,10479,10481,10483,10485,10487,10489,10491,10493,10495,10497,10499],{"class":1052,"line":1482},[1050,10469,6349],{"class":3863},[1050,10471,2106],{"class":1063},[1050,10473,10165],{"class":1083},[1050,10475,2106],{"class":1063},[1050,10477,10478],{"class":2969},"set",[1050,10480,1265],{"class":4062},[1050,10482,4924],{"class":1083},[1050,10484,1213],{"class":1063},[1050,10486,4252],{"class":4072},[1050,10488,4913],{"class":2969},[1050,10490,1265],{"class":4062},[1050,10492,4924],{"class":1083},[1050,10494,1213],{"class":1063},[1050,10496,3942],{"class":1083},[1050,10498,3034],{"class":4062},[1050,10500,1096],{"class":1063},[1050,10502,10503,10506],{"class":1052,"line":1492},[1050,10504,10505],{"class":2965},"        break",[1050,10507,1096],{"class":1063},[1050,10509,10510,10512,10514,10517,10519],{"class":1052,"line":1505},[1050,10511,10456],{"class":2965},[1050,10513,1222],{"class":1221},[1050,10515,10516],{"class":1225},"form-validator",[1050,10518,1229],{"class":1221},[1050,10520,10465],{"class":1063},[1050,10522,10523,10525,10527,10529,10531,10533,10536,10538,10540,10542],{"class":1052,"line":1517},[1050,10524,9291],{"class":3826},[1050,10526,6155],{"class":1083},[1050,10528,3847],{"class":1063},[1050,10530,4502],{"class":3863},[1050,10532,2106],{"class":1063},[1050,10534,10535],{"class":2969},"parseValidationRules",[1050,10537,1265],{"class":4062},[1050,10539,4924],{"class":1083},[1050,10541,2163],{"class":4062},[1050,10543,1096],{"class":1063},[1050,10545,10546,10548,10550,10552,10554,10556,10558,10560,10562,10564,10566,10568,10570,10572,10574,10576],{"class":1052,"line":1531},[1050,10547,6349],{"class":3863},[1050,10549,2106],{"class":1063},[1050,10551,10165],{"class":1083},[1050,10553,2106],{"class":1063},[1050,10555,10478],{"class":2969},[1050,10557,1265],{"class":4062},[1050,10559,4924],{"class":1083},[1050,10561,1213],{"class":1063},[1050,10563,4252],{"class":4072},[1050,10565,6139],{"class":2969},[1050,10567,1265],{"class":4062},[1050,10569,4924],{"class":1083},[1050,10571,1213],{"class":1063},[1050,10573,6155],{"class":1083},[1050,10575,3034],{"class":4062},[1050,10577,1096],{"class":1063},[1050,10579,10580,10582],{"class":1052,"line":1536},[1050,10581,10505],{"class":2965},[1050,10583,1096],{"class":1063},[1050,10585,10586,10589],{"class":1052,"line":1541},[1050,10587,10588],{"class":2965},"      default",[1050,10590,10465],{"class":1063},[1050,10592,10593,10596,10598,10601,10603,10605,10608,10610,10612,10614,10616,10618],{"class":1052,"line":1549},[1050,10594,10595],{"class":1083},"        console",[1050,10597,2106],{"class":1063},[1050,10599,10600],{"class":2969},"warn",[1050,10602,1265],{"class":4062},[1050,10604,3985],{"class":1221},[1050,10606,10607],{"class":1225},"Unknown component: ",[1050,10609,3966],{"class":3965},[1050,10611,6684],{"class":3974},[1050,10613,3982],{"class":3965},[1050,10615,3985],{"class":1221},[1050,10617,2163],{"class":4062},[1050,10619,1096],{"class":1063},[1050,10621,10622],{"class":1052,"line":1565},[1050,10623,3048],{"class":1063},[1050,10625,10626],{"class":1052,"line":1582},[1050,10627,3053],{"class":1063},[1050,10629,10630],{"class":1052,"line":1599},[1050,10631,1193],{"class":1192},[1050,10633,10634,10637,10639,10641,10643],{"class":1052,"line":1616},[1050,10635,10636],{"class":3931},"  parseValidationRules",[1050,10638,1265],{"class":1063},[1050,10640,6150],{"class":3843},[1050,10642,2163],{"class":1063},[1050,10644,1071],{"class":1063},[1050,10646,10647,10649,10651,10653],{"class":1052,"line":1633},[1050,10648,3954],{"class":3826},[1050,10650,6155],{"class":1083},[1050,10652,3847],{"class":1063},[1050,10654,6205],{"class":1063},[1050,10656,10657,10659,10661,10663,10665,10667,10669,10671,10673,10676,10678,10680],{"class":1052,"line":1646},[1050,10658,3954],{"class":3826},[1050,10660,6605],{"class":1083},[1050,10662,3847],{"class":1063},[1050,10664,6174],{"class":1083},[1050,10666,2106],{"class":1063},[1050,10668,6618],{"class":2969},[1050,10670,1265],{"class":4062},[1050,10672,1229],{"class":1221},[1050,10674,10675],{"class":1225},"[data-validation]",[1050,10677,1229],{"class":1221},[1050,10679,2163],{"class":4062},[1050,10681,1096],{"class":1063},[1050,10683,10684],{"class":1052,"line":1658},[1050,10685,3505],{"class":4049},[1050,10687,10688,10690,10692,10694,10696,10698,10700],{"class":1052,"line":1663},[1050,10689,6635],{"class":1083},[1050,10691,2106],{"class":1063},[1050,10693,4532],{"class":2969},[1050,10695,1265],{"class":4062},[1050,10697,6644],{"class":3843},[1050,10699,4541],{"class":4540},[1050,10701,1071],{"class":1063},[1050,10703,10704,10706,10709,10711,10713,10715,10717,10719,10721,10723,10725,10727,10730,10732],{"class":1052,"line":1668},[1050,10705,4098],{"class":3826},[1050,10707,10708],{"class":1083}," validationData",[1050,10710,3847],{"class":1063},[1050,10712,4692],{"class":1083},[1050,10714,2106],{"class":1063},[1050,10716,10352],{"class":2969},[1050,10718,1265],{"class":4062},[1050,10720,6644],{"class":1083},[1050,10722,2106],{"class":1063},[1050,10724,10312],{"class":1083},[1050,10726,2106],{"class":1063},[1050,10728,10729],{"class":1083},"validation",[1050,10731,2163],{"class":4062},[1050,10733,1096],{"class":1063},[1050,10735,10736,10739,10741,10743,10745,10747,10749,10751,10753],{"class":1052,"line":1674},[1050,10737,10738],{"class":1083},"      rules",[1050,10740,4156],{"class":4062},[1050,10742,6644],{"class":1083},[1050,10744,2106],{"class":1063},[1050,10746,6684],{"class":1083},[1050,10748,4166],{"class":4062},[1050,10750,3847],{"class":1063},[1050,10752,10708],{"class":1083},[1050,10754,1096],{"class":1063},[1050,10756,10757,10759,10761],{"class":1052,"line":1706},[1050,10758,4400],{"class":1063},[1050,10760,2163],{"class":4062},[1050,10762,1096],{"class":1063},[1050,10764,10765],{"class":1052,"line":1722},[1050,10766,3505],{"class":4049},[1050,10768,10769,10771,10773],{"class":1052,"line":1735},[1050,10770,4590],{"class":2965},[1050,10772,6155],{"class":1083},[1050,10774,1096],{"class":1063},[1050,10776,10777],{"class":1052,"line":1747},[1050,10778,3053],{"class":1063},[1050,10780,10781],{"class":1052,"line":1759},[1050,10782,1193],{"class":1192},[1050,10784,10785,10788,10790],{"class":1052,"line":1776},[1050,10786,10787],{"class":3931},"  bindGlobalEvents",[1050,10789,4367],{"class":1063},[1050,10791,1071],{"class":1063},[1050,10793,10794],{"class":1052,"line":1781},[1050,10795,10796],{"class":1056},"    // Global keyboard shortcuts\n",[1050,10798,10799,10801,10803,10805,10807,10809,10811,10813,10815,10817,10819,10821,10823],{"class":1052,"line":1786},[1050,10800,5599],{"class":1083},[1050,10802,2106],{"class":1063},[1050,10804,5148],{"class":2969},[1050,10806,1265],{"class":4062},[1050,10808,1229],{"class":1221},[1050,10810,5226],{"class":1225},[1050,10812,1229],{"class":1221},[1050,10814,1213],{"class":1063},[1050,10816,3014],{"class":1063},[1050,10818,5235],{"class":3843},[1050,10820,2163],{"class":1063},[1050,10822,4541],{"class":4540},[1050,10824,1071],{"class":1063},[1050,10826,10827,10829,10831,10833,10835,10838,10840,10843,10845,10848,10850],{"class":1052,"line":1810},[1050,10828,4135],{"class":2965},[1050,10830,3014],{"class":4062},[1050,10832,5235],{"class":1083},[1050,10834,2106],{"class":1063},[1050,10836,10837],{"class":1083},"ctrlKey",[1050,10839,7197],{"class":4072},[1050,10841,10842],{"class":1083}," e",[1050,10844,2106],{"class":1063},[1050,10846,10847],{"class":1083},"metaKey",[1050,10849,2163],{"class":4062},[1050,10851,1071],{"class":1063},[1050,10853,10854,10857,10859,10861,10863,10865,10867],{"class":1052,"line":1829},[1050,10855,10856],{"class":2965},"        switch",[1050,10858,3014],{"class":4062},[1050,10860,5235],{"class":1083},[1050,10862,2106],{"class":1063},[1050,10864,4537],{"class":1083},[1050,10866,2163],{"class":4062},[1050,10868,1071],{"class":1063},[1050,10870,10871,10874,10876,10879,10881],{"class":1052,"line":1849},[1050,10872,10873],{"class":2965},"          case",[1050,10875,1222],{"class":1221},[1050,10877,10878],{"class":1225},"k",[1050,10880,1229],{"class":1221},[1050,10882,10465],{"class":1063},[1050,10884,10885,10888,10890,10892,10894],{"class":1052,"line":1869},[1050,10886,10887],{"class":1083},"            e",[1050,10889,2106],{"class":1063},[1050,10891,6340],{"class":2969},[1050,10893,4367],{"class":4062},[1050,10895,1096],{"class":1063},[1050,10897,10898,10901,10903,10906,10908],{"class":1052,"line":1890},[1050,10899,10900],{"class":3863},"            this",[1050,10902,2106],{"class":1063},[1050,10904,10905],{"class":2969},"openSearch",[1050,10907,4367],{"class":4062},[1050,10909,1096],{"class":1063},[1050,10911,10912,10915],{"class":1052,"line":1910},[1050,10913,10914],{"class":2965},"            break",[1050,10916,1096],{"class":1063},[1050,10918,10919],{"class":1052,"line":1915},[1050,10920,5294],{"class":1063},[1050,10922,10923],{"class":1052,"line":1922},[1050,10924,3739],{"class":1063},[1050,10926,10927,10929,10931],{"class":1052,"line":1933},[1050,10928,4400],{"class":1063},[1050,10930,2163],{"class":4062},[1050,10932,1096],{"class":1063},[1050,10934,10935],{"class":1052,"line":1948},[1050,10936,3505],{"class":4049},[1050,10938,10939],{"class":1052,"line":1953},[1050,10940,10941],{"class":1056},"    // Global click handlers\n",[1050,10943,10944,10946,10948,10950,10952,10954,10956,10958,10960,10962,10964,10966,10968],{"class":1052,"line":1958},[1050,10945,5599],{"class":1083},[1050,10947,2106],{"class":1063},[1050,10949,5148],{"class":2969},[1050,10951,1265],{"class":4062},[1050,10953,1229],{"class":1221},[1050,10955,5155],{"class":1225},[1050,10957,1229],{"class":1221},[1050,10959,1213],{"class":1063},[1050,10961,3014],{"class":1063},[1050,10963,5235],{"class":3843},[1050,10965,2163],{"class":1063},[1050,10967,4541],{"class":4540},[1050,10969,1071],{"class":1063},[1050,10971,10972],{"class":1052,"line":1964},[1050,10973,10974],{"class":1056},"      // Handle data-action attributes\n",[1050,10976,10977,10979,10981,10983,10985,10987,10989,10991,10993,10996,10998],{"class":1052,"line":1972},[1050,10978,4135],{"class":2965},[1050,10980,3014],{"class":4062},[1050,10982,5235],{"class":1083},[1050,10984,2106],{"class":1063},[1050,10986,5383],{"class":1083},[1050,10988,2106],{"class":1063},[1050,10990,10312],{"class":1083},[1050,10992,2106],{"class":1063},[1050,10994,10995],{"class":1083},"action",[1050,10997,2163],{"class":4062},[1050,10999,1071],{"class":1063},[1050,11001,11002,11004,11006,11009,11011,11013,11015,11017,11019,11021,11023,11025,11027,11029,11031,11033,11035,11037,11039],{"class":1052,"line":1988},[1050,11003,6349],{"class":3863},[1050,11005,2106],{"class":1063},[1050,11007,11008],{"class":2969},"handleAction",[1050,11010,1265],{"class":4062},[1050,11012,5235],{"class":1083},[1050,11014,2106],{"class":1063},[1050,11016,5383],{"class":1083},[1050,11018,2106],{"class":1063},[1050,11020,10312],{"class":1083},[1050,11022,2106],{"class":1063},[1050,11024,10995],{"class":1083},[1050,11026,1213],{"class":1063},[1050,11028,10842],{"class":1083},[1050,11030,2106],{"class":1063},[1050,11032,5383],{"class":1083},[1050,11034,1213],{"class":1063},[1050,11036,10842],{"class":1083},[1050,11038,2163],{"class":4062},[1050,11040,1096],{"class":1063},[1050,11042,11043],{"class":1052,"line":2001},[1050,11044,3739],{"class":1063},[1050,11046,11047,11049,11051],{"class":1052,"line":2023},[1050,11048,4400],{"class":1063},[1050,11050,2163],{"class":4062},[1050,11052,1096],{"class":1063},[1050,11054,11055],{"class":1052,"line":2028},[1050,11056,3053],{"class":1063},[1050,11058,11059],{"class":1052,"line":2033},[1050,11060,1193],{"class":1192},[1050,11062,11063,11066,11068,11070,11072,11074,11076,11079,11081],{"class":1052,"line":2045},[1050,11064,11065],{"class":3931},"  handleAction",[1050,11067,1265],{"class":1063},[1050,11069,10995],{"class":3843},[1050,11071,1213],{"class":1063},[1050,11073,4947],{"class":3843},[1050,11075,1213],{"class":1063},[1050,11077,11078],{"class":3843}," event",[1050,11080,2163],{"class":1063},[1050,11082,1071],{"class":1063},[1050,11084,11085,11087,11089,11091,11093],{"class":1052,"line":2057},[1050,11086,10443],{"class":2965},[1050,11088,3014],{"class":4062},[1050,11090,10995],{"class":1083},[1050,11092,2163],{"class":4062},[1050,11094,1071],{"class":1063},[1050,11096,11097,11099,11101,11104,11106],{"class":1052,"line":2073},[1050,11098,10456],{"class":2965},[1050,11100,1222],{"class":1221},[1050,11102,11103],{"class":1225},"toggle-theme",[1050,11105,1229],{"class":1221},[1050,11107,10465],{"class":1063},[1050,11109,11110,11112,11114,11117,11119],{"class":1052,"line":2085},[1050,11111,6349],{"class":3863},[1050,11113,2106],{"class":1063},[1050,11115,11116],{"class":2969},"toggleTheme",[1050,11118,4367],{"class":4062},[1050,11120,1096],{"class":1063},[1050,11122,11123,11125],{"class":1052,"line":6008},[1050,11124,10505],{"class":2965},[1050,11126,1096],{"class":1063},[1050,11128,11129,11131,11133,11136,11138],{"class":1052,"line":6013},[1050,11130,10456],{"class":2965},[1050,11132,1222],{"class":1221},[1050,11134,11135],{"class":1225},"copy-to-clipboard",[1050,11137,1229],{"class":1221},[1050,11139,10465],{"class":1063},[1050,11141,11142,11144,11146,11149,11151,11153,11155,11157,11159,11161,11163,11165,11167,11169,11171],{"class":1052,"line":6018},[1050,11143,6349],{"class":3863},[1050,11145,2106],{"class":1063},[1050,11147,11148],{"class":2969},"copyToClipboard",[1050,11150,1265],{"class":4062},[1050,11152,4924],{"class":1083},[1050,11154,2106],{"class":1063},[1050,11156,10312],{"class":1083},[1050,11158,2106],{"class":1063},[1050,11160,4391],{"class":1083},[1050,11162,7197],{"class":4072},[1050,11164,4947],{"class":1083},[1050,11166,2106],{"class":1063},[1050,11168,7705],{"class":1083},[1050,11170,2163],{"class":4062},[1050,11172,1096],{"class":1063},[1050,11174,11175,11177],{"class":1052,"line":6023},[1050,11176,10505],{"class":2965},[1050,11178,1096],{"class":1063},[1050,11180,11181,11183],{"class":1052,"line":6055},[1050,11182,10588],{"class":2965},[1050,11184,10465],{"class":1063},[1050,11186,11187,11189,11191,11193,11195,11197,11200,11202,11204,11206,11208,11210],{"class":1052,"line":6060},[1050,11188,10595],{"class":1083},[1050,11190,2106],{"class":1063},[1050,11192,10600],{"class":2969},[1050,11194,1265],{"class":4062},[1050,11196,3985],{"class":1221},[1050,11198,11199],{"class":1225},"Unknown action: ",[1050,11201,3966],{"class":3965},[1050,11203,10995],{"class":3974},[1050,11205,3982],{"class":3965},[1050,11207,3985],{"class":1221},[1050,11209,2163],{"class":4062},[1050,11211,1096],{"class":1063},[1050,11213,11214],{"class":1052,"line":6065},[1050,11215,3048],{"class":1063},[1050,11217,11218],{"class":1052,"line":6075},[1050,11219,3053],{"class":1063},[1050,11221,11222],{"class":1052,"line":6109},[1050,11223,1193],{"class":1192},[1050,11225,11226,11229,11231],{"class":1052,"line":6114},[1050,11227,11228],{"class":3931},"  toggleTheme",[1050,11230,4367],{"class":1063},[1050,11232,1071],{"class":1063},[1050,11234,11235,11237,11240,11242,11244,11246,11249,11251,11253,11255,11258,11260,11262,11265,11267],{"class":1052,"line":7370},[1050,11236,3954],{"class":3826},[1050,11238,11239],{"class":1083}," currentTheme",[1050,11241,3847],{"class":1063},[1050,11243,4106],{"class":1083},[1050,11245,2106],{"class":1063},[1050,11247,11248],{"class":1083},"documentElement",[1050,11250,2106],{"class":1063},[1050,11252,10312],{"class":1083},[1050,11254,2106],{"class":1063},[1050,11256,11257],{"class":1083},"theme",[1050,11259,7197],{"class":4072},[1050,11261,1222],{"class":1221},[1050,11263,11264],{"class":1225},"light",[1050,11266,1229],{"class":1221},[1050,11268,1096],{"class":1063},[1050,11270,11271,11273,11276,11278,11280,11282,11284,11286,11288,11290,11292,11295,11297,11299,11301,11303,11305],{"class":1052,"line":7375},[1050,11272,3954],{"class":3826},[1050,11274,11275],{"class":1083}," newTheme",[1050,11277,3847],{"class":1063},[1050,11279,11239],{"class":1083},[1050,11281,5257],{"class":4072},[1050,11283,1222],{"class":1221},[1050,11285,11264],{"class":1225},[1050,11287,1229],{"class":1221},[1050,11289,6084],{"class":4072},[1050,11291,1222],{"class":1221},[1050,11293,11294],{"class":1225},"dark",[1050,11296,1229],{"class":1221},[1050,11298,6095],{"class":4072},[1050,11300,1222],{"class":1221},[1050,11302,11264],{"class":1225},[1050,11304,1229],{"class":1221},[1050,11306,1096],{"class":1063},[1050,11308,11309],{"class":1052,"line":7380},[1050,11310,3505],{"class":4049},[1050,11312,11313,11315,11317,11319,11321,11323,11325,11327,11329,11331],{"class":1052,"line":7386},[1050,11314,5599],{"class":1083},[1050,11316,2106],{"class":1063},[1050,11318,11248],{"class":1083},[1050,11320,2106],{"class":1063},[1050,11322,10312],{"class":1083},[1050,11324,2106],{"class":1063},[1050,11326,11257],{"class":1083},[1050,11328,3847],{"class":1063},[1050,11330,11275],{"class":1083},[1050,11332,1096],{"class":1063},[1050,11334,11335,11338,11340,11343,11345,11347,11349,11351,11353,11355,11357],{"class":1052,"line":7423},[1050,11336,11337],{"class":1083},"    localStorage",[1050,11339,2106],{"class":1063},[1050,11341,11342],{"class":2969},"setItem",[1050,11344,1265],{"class":4062},[1050,11346,1229],{"class":1221},[1050,11348,11257],{"class":1225},[1050,11350,1229],{"class":1221},[1050,11352,1213],{"class":1063},[1050,11354,11275],{"class":1083},[1050,11356,2163],{"class":4062},[1050,11358,1096],{"class":1063},[1050,11360,11361],{"class":1052,"line":7474},[1050,11362,3053],{"class":1063},[1050,11364,11365],{"class":1052,"line":7483},[1050,11366,1193],{"class":1192},[1050,11368,11369,11371,11374,11376,11378,11380],{"class":1052,"line":7488},[1050,11370,3928],{"class":3826},[1050,11372,11373],{"class":3931}," copyToClipboard",[1050,11375,1265],{"class":1063},[1050,11377,4391],{"class":3843},[1050,11379,2163],{"class":1063},[1050,11381,1071],{"class":1063},[1050,11383,11384,11386],{"class":1052,"line":7493},[1050,11385,4189],{"class":2965},[1050,11387,1071],{"class":1063},[1050,11389,11390,11393,11396,11398,11401,11403,11406,11408,11410,11412],{"class":1052,"line":7499},[1050,11391,11392],{"class":2965},"      await",[1050,11394,11395],{"class":1083}," navigator",[1050,11397,2106],{"class":1063},[1050,11399,11400],{"class":1083},"clipboard",[1050,11402,2106],{"class":1063},[1050,11404,11405],{"class":2969},"writeText",[1050,11407,1265],{"class":4062},[1050,11409,4391],{"class":1083},[1050,11411,2163],{"class":4062},[1050,11413,1096],{"class":1063},[1050,11415,11416,11418,11420,11423,11425,11427,11430,11432,11434],{"class":1052,"line":7535},[1050,11417,5342],{"class":3863},[1050,11419,2106],{"class":1063},[1050,11421,11422],{"class":2969},"showNotification",[1050,11424,1265],{"class":4062},[1050,11426,1229],{"class":1221},[1050,11428,11429],{"class":1225},"Copied to clipboard!",[1050,11431,1229],{"class":1221},[1050,11433,2163],{"class":4062},[1050,11435,1096],{"class":1063},[1050,11437,11438,11440,11442,11444,11447,11449],{"class":1052,"line":7573},[1050,11439,4400],{"class":1063},[1050,11441,4403],{"class":2965},[1050,11443,3014],{"class":4062},[1050,11445,11446],{"class":1083},"err",[1050,11448,2163],{"class":4062},[1050,11450,1071],{"class":1063},[1050,11452,11453,11455,11457,11459,11461,11463,11466,11468,11470,11473,11475],{"class":1052,"line":7582},[1050,11454,4417],{"class":1083},[1050,11456,2106],{"class":1063},[1050,11458,4408],{"class":2969},[1050,11460,1265],{"class":4062},[1050,11462,1229],{"class":1221},[1050,11464,11465],{"class":1225},"Failed to copy text: ",[1050,11467,1229],{"class":1221},[1050,11469,1213],{"class":1063},[1050,11471,11472],{"class":1083}," err",[1050,11474,2163],{"class":4062},[1050,11476,1096],{"class":1063},[1050,11478,11479],{"class":1052,"line":7587},[1050,11480,3048],{"class":1063},[1050,11482,11483],{"class":1052,"line":7592},[1050,11484,3053],{"class":1063},[1050,11486,11487],{"class":1052,"line":7609},[1050,11488,1193],{"class":1192},[1050,11490,11491,11494,11496,11499,11501,11504,11506,11508,11511,11513,11515],{"class":1052,"line":7618},[1050,11492,11493],{"class":3931},"  showNotification",[1050,11495,1265],{"class":1063},[1050,11497,11498],{"class":3843},"message",[1050,11500,1213],{"class":1063},[1050,11502,11503],{"class":3843}," type",[1050,11505,3847],{"class":1063},[1050,11507,1222],{"class":1221},[1050,11509,11510],{"class":1225},"info",[1050,11512,1229],{"class":1221},[1050,11514,2163],{"class":1063},[1050,11516,1071],{"class":1063},[1050,11518,11519],{"class":1052,"line":7623},[1050,11520,11521],{"class":1056},"    // Implementation for showing notifications\n",[1050,11523,11524,11526,11529,11531,11533,11535,11537,11539,11541,11543,11545,11547],{"class":1052,"line":7628},[1050,11525,3954],{"class":3826},[1050,11527,11528],{"class":1083}," notification",[1050,11530,3847],{"class":1063},[1050,11532,4106],{"class":1083},[1050,11534,2106],{"class":1063},[1050,11536,6720],{"class":2969},[1050,11538,1265],{"class":4062},[1050,11540,1229],{"class":1221},[1050,11542,6727],{"class":1225},[1050,11544,1229],{"class":1221},[1050,11546,2163],{"class":4062},[1050,11548,1096],{"class":1063},[1050,11550,11551,11554,11556,11558,11560,11562,11565,11567,11570,11572,11574],{"class":1052,"line":7647},[1050,11552,11553],{"class":1083},"    notification",[1050,11555,2106],{"class":1063},[1050,11557,6772],{"class":1083},[1050,11559,3847],{"class":1063},[1050,11561,3962],{"class":1221},[1050,11563,11564],{"class":1225},"notification notification--",[1050,11566,3966],{"class":3965},[1050,11568,11569],{"class":3974},"type",[1050,11571,3982],{"class":3965},[1050,11573,3985],{"class":1221},[1050,11575,1096],{"class":1063},[1050,11577,11578,11580,11582,11584,11586,11588],{"class":1052,"line":7685},[1050,11579,11553],{"class":1083},[1050,11581,2106],{"class":1063},[1050,11583,7705],{"class":1083},[1050,11585,3847],{"class":1063},[1050,11587,7640],{"class":1083},[1050,11589,1096],{"class":1063},[1050,11591,11592],{"class":1052,"line":7698},[1050,11593,3505],{"class":4049},[1050,11595,11596,11598,11600,11602,11604,11606,11608,11611,11613],{"class":1052,"line":7714},[1050,11597,5599],{"class":1083},[1050,11599,2106],{"class":1063},[1050,11601,1544],{"class":1083},[1050,11603,2106],{"class":1063},[1050,11605,6826],{"class":2969},[1050,11607,1265],{"class":4062},[1050,11609,11610],{"class":1083},"notification",[1050,11612,2163],{"class":4062},[1050,11614,1096],{"class":1063},[1050,11616,11617],{"class":1052,"line":7740},[1050,11618,3505],{"class":4049},[1050,11620,11621,11624,11626,11628,11630],{"class":1052,"line":7745},[1050,11622,11623],{"class":2969},"    setTimeout",[1050,11625,1265],{"class":4062},[1050,11627,4367],{"class":1063},[1050,11629,4541],{"class":4540},[1050,11631,1071],{"class":1063},[1050,11633,11634,11637,11639,11641,11643],{"class":1052,"line":7750},[1050,11635,11636],{"class":1083},"      notification",[1050,11638,2106],{"class":1063},[1050,11640,5892],{"class":2969},[1050,11642,4367],{"class":4062},[1050,11644,1096],{"class":1063},[1050,11646,11647,11649,11652,11654],{"class":1052,"line":7777},[1050,11648,6472],{"class":1063},[1050,11650,11651],{"class":1282}," 3000",[1050,11653,2163],{"class":4062},[1050,11655,1096],{"class":1063},[1050,11657,11658],{"class":1052,"line":7807},[1050,11659,3053],{"class":1063},[1050,11661,11662],{"class":1052,"line":7832},[1050,11663,1193],{"class":1192},[1050,11665,11666,11668,11671,11673],{"class":1052,"line":7837},[1050,11667,3928],{"class":3826},[1050,11669,11670],{"class":3931}," setupServiceWorker",[1050,11672,4367],{"class":1063},[1050,11674,1071],{"class":1063},[1050,11676,11677,11679,11681,11683,11686,11688,11691,11693,11695],{"class":1052,"line":7842},[1050,11678,4059],{"class":2965},[1050,11680,3014],{"class":4062},[1050,11682,1229],{"class":1221},[1050,11684,11685],{"class":1225},"serviceWorker",[1050,11687,1229],{"class":1221},[1050,11689,11690],{"class":4072}," in",[1050,11692,11395],{"class":1083},[1050,11694,2163],{"class":4062},[1050,11696,1071],{"class":1063},[1050,11698,11699,11702],{"class":1052,"line":7856},[1050,11700,11701],{"class":2965},"      try",[1050,11703,1071],{"class":1063},[1050,11705,11706,11708,11711,11713,11715,11717,11719,11721,11723,11726,11728,11730,11733,11735,11737],{"class":1052,"line":7893},[1050,11707,9291],{"class":3826},[1050,11709,11710],{"class":1083}," registration",[1050,11712,3847],{"class":1063},[1050,11714,4203],{"class":2965},[1050,11716,11395],{"class":1083},[1050,11718,2106],{"class":1063},[1050,11720,11685],{"class":1083},[1050,11722,2106],{"class":1063},[1050,11724,11725],{"class":2969},"register",[1050,11727,1265],{"class":4062},[1050,11729,1229],{"class":1221},[1050,11731,11732],{"class":1225},"/sw.js",[1050,11734,1229],{"class":1221},[1050,11736,2163],{"class":4062},[1050,11738,1096],{"class":1063},[1050,11740,11741,11743,11745,11748,11750,11752,11755,11757,11759,11761,11763],{"class":1052,"line":7906},[1050,11742,10595],{"class":1083},[1050,11744,2106],{"class":1063},[1050,11746,11747],{"class":2969},"log",[1050,11749,1265],{"class":4062},[1050,11751,1229],{"class":1221},[1050,11753,11754],{"class":1225},"Service Worker registered:",[1050,11756,1229],{"class":1221},[1050,11758,1213],{"class":1063},[1050,11760,11710],{"class":1083},[1050,11762,2163],{"class":4062},[1050,11764,1096],{"class":1063},[1050,11766,11767,11769,11771,11773,11775,11777],{"class":1052,"line":7922},[1050,11768,5299],{"class":1063},[1050,11770,4403],{"class":2965},[1050,11772,3014],{"class":4062},[1050,11774,4408],{"class":1083},[1050,11776,2163],{"class":4062},[1050,11778,1071],{"class":1063},[1050,11780,11781,11783,11785,11787,11789,11791,11794,11796,11798,11800,11802],{"class":1052,"line":7946},[1050,11782,10595],{"class":1083},[1050,11784,2106],{"class":1063},[1050,11786,4408],{"class":2969},[1050,11788,1265],{"class":4062},[1050,11790,1229],{"class":1221},[1050,11792,11793],{"class":1225},"Service Worker registration failed:",[1050,11795,1229],{"class":1221},[1050,11797,1213],{"class":1063},[1050,11799,4435],{"class":1083},[1050,11801,2163],{"class":4062},[1050,11803,1096],{"class":1063},[1050,11805,11806],{"class":1052,"line":7951},[1050,11807,3739],{"class":1063},[1050,11809,11810],{"class":1052,"line":7956},[1050,11811,3048],{"class":1063},[1050,11813,11814],{"class":1052,"line":7981},[1050,11815,3053],{"class":1063},[1050,11817,11818],{"class":1052,"line":8010},[1050,11819,1466],{"class":1063},[1050,11821,11822],{"class":1052,"line":8034},[1050,11823,1473],{"emptyLinePlaceholder":1472},[1050,11825,11826],{"class":1052,"line":8039},[1050,11827,11828],{"class":1056},"// Initialize app\n",[1050,11830,11831,11834,11836,11839,11841,11843],{"class":1052,"line":8044},[1050,11832,11833],{"class":1083},"window",[1050,11835,2106],{"class":1063},[1050,11837,11838],{"class":1083},"App",[1050,11840,3847],{"class":1063},[1050,11842,8826],{"class":1083},[1050,11844,1096],{"class":1063},[1030,11846,11848],{"id":11847},"performance-optimization","Performance Optimization",[1035,11850,11852],{"id":11851},"lazy-loading-and-code-splitting","Lazy Loading and Code Splitting",[1040,11854,11856],{"className":3812,"code":11855,"language":3814,"meta":1045,"style":1045},"// static/js/utils/lazy-loader.js\nexport class LazyLoader {\n  constructor() {\n    this.loadedModules = new Set();\n    this.loadingPromises = new Map();\n  }\n  \n  async loadComponent(componentName) {\n    if (this.loadedModules.has(componentName)) {\n      return;\n    }\n    \n    if (this.loadingPromises.has(componentName)) {\n      return this.loadingPromises.get(componentName);\n    }\n    \n    const loadPromise = this.dynamicImport(componentName);\n    this.loadingPromises.set(componentName, loadPromise);\n    \n    try {\n      await loadPromise;\n      this.loadedModules.add(componentName);\n    } catch (error) {\n      console.error(`Failed to load component ${componentName}:`, error);\n      this.loadingPromises.delete(componentName);\n      throw error;\n    }\n    \n    return loadPromise;\n  }\n  \n  async dynamicImport(componentName) {\n    const componentMap = {\n      'chart': () => import('./components/Chart.js'),\n      'editor': () => import('./components/Editor.js'),\n      'calendar': () => import('./components/Calendar.js'),\n      'image-gallery': () => import('./components/ImageGallery.js')\n    };\n    \n    const importFunction = componentMap[componentName];\n    if (!importFunction) {\n      throw new Error(`Unknown component: ${componentName}`);\n    }\n    \n    return importFunction();\n  }\n  \n  async loadCSS(href) {\n    return new Promise((resolve, reject) => {\n      const link = document.createElement('link');\n      link.rel = 'stylesheet';\n      link.href = href;\n      link.onload = resolve;\n      link.onerror = reject;\n      document.head.appendChild(link);\n    });\n  }\n  \n  observeElements() {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          const componentName = element.dataset.lazyComponent;\n          \n          if (componentName) {\n            this.loadComponent(componentName).then(() => {\n              // Initialize component after loading\n              const event = new CustomEvent('component:loaded', {\n                detail: { componentName, element }\n              });\n              element.dispatchEvent(event);\n            });\n            \n            observer.unobserve(element);\n          }\n        }\n      });\n    });\n    \n    document.querySelectorAll('[data-lazy-component]').forEach(element => {\n      observer.observe(element);\n    });\n  }\n}\n\n// Initialize lazy loader\nconst lazyLoader = new LazyLoader();\nlazyLoader.observeElements();\n",[1047,11857,11858,11863,11874,11882,11902,11921,11925,11929,11945,11970,11976,11980,11984,12008,12030,12034,12038,12062,12086,12090,12096,12104,12124,12138,12171,12192,12200,12204,12208,12216,12220,12224,12239,12250,12281,12311,12341,12369,12373,12377,12396,12411,12437,12441,12445,12455,12459,12463,12479,12506,12533,12553,12567,12583,12598,12618,12626,12630,12634,12643,12670,12688,12705,12723,12744,12749,12762,12790,12795,12821,12838,12847,12865,12874,12878,12896,12901,12905,12913,12921,12925,12956,12974,12982,12986,12990,12994,12999,13017],{"__ignoreMap":1045},[1050,11859,11860],{"class":1052,"line":1053},[1050,11861,11862],{"class":1056},"// static/js/utils/lazy-loader.js\n",[1050,11864,11865,11867,11869,11872],{"class":1052,"line":1060},[1050,11866,4877],{"class":2965},[1050,11868,4910],{"class":3826},[1050,11870,11871],{"class":3830}," LazyLoader",[1050,11873,1071],{"class":1063},[1050,11875,11876,11878,11880],{"class":1052,"line":1074},[1050,11877,3838],{"class":3826},[1050,11879,4367],{"class":1063},[1050,11881,1071],{"class":1063},[1050,11883,11884,11886,11888,11891,11893,11895,11898,11900],{"class":1052,"line":1080},[1050,11885,3864],{"class":3863},[1050,11887,2106],{"class":1063},[1050,11889,11890],{"class":1083},"loadedModules",[1050,11892,3847],{"class":1063},[1050,11894,4252],{"class":4072},[1050,11896,11897],{"class":2969}," Set",[1050,11899,4367],{"class":4062},[1050,11901,1096],{"class":1063},[1050,11903,11904,11906,11908,11911,11913,11915,11917,11919],{"class":1052,"line":1099},[1050,11905,3864],{"class":3863},[1050,11907,2106],{"class":1063},[1050,11909,11910],{"class":1083},"loadingPromises",[1050,11912,3847],{"class":1063},[1050,11914,4252],{"class":4072},[1050,11916,10172],{"class":2969},[1050,11918,4367],{"class":4062},[1050,11920,1096],{"class":1063},[1050,11922,11923],{"class":1052,"line":1114},[1050,11924,3053],{"class":1063},[1050,11926,11927],{"class":1052,"line":1129},[1050,11928,1193],{"class":1192},[1050,11930,11931,11933,11936,11938,11941,11943],{"class":1052,"line":1144},[1050,11932,3928],{"class":3826},[1050,11934,11935],{"class":3931}," loadComponent",[1050,11937,1265],{"class":1063},[1050,11939,11940],{"class":3843},"componentName",[1050,11942,2163],{"class":1063},[1050,11944,1071],{"class":1063},[1050,11946,11947,11949,11951,11953,11955,11957,11959,11962,11964,11966,11968],{"class":1052,"line":1159},[1050,11948,4059],{"class":2965},[1050,11950,3014],{"class":4062},[1050,11952,3969],{"class":3863},[1050,11954,2106],{"class":1063},[1050,11956,11890],{"class":1083},[1050,11958,2106],{"class":1063},[1050,11960,11961],{"class":2969},"has",[1050,11963,1265],{"class":4062},[1050,11965,11940],{"class":1083},[1050,11967,3034],{"class":4062},[1050,11969,1071],{"class":1063},[1050,11971,11972,11974],{"class":1052,"line":1174},[1050,11973,4382],{"class":2965},[1050,11975,1096],{"class":1063},[1050,11977,11978],{"class":1052,"line":1189},[1050,11979,3048],{"class":1063},[1050,11981,11982],{"class":1052,"line":1196},[1050,11983,3505],{"class":4049},[1050,11985,11986,11988,11990,11992,11994,11996,11998,12000,12002,12004,12006],{"class":1052,"line":1202},[1050,11987,4059],{"class":2965},[1050,11989,3014],{"class":4062},[1050,11991,3969],{"class":3863},[1050,11993,2106],{"class":1063},[1050,11995,11910],{"class":1083},[1050,11997,2106],{"class":1063},[1050,11999,11961],{"class":2969},[1050,12001,1265],{"class":4062},[1050,12003,11940],{"class":1083},[1050,12005,3034],{"class":4062},[1050,12007,1071],{"class":1063},[1050,12009,12010,12012,12014,12016,12018,12020,12022,12024,12026,12028],{"class":1052,"line":1244},[1050,12011,4382],{"class":2965},[1050,12013,4502],{"class":3863},[1050,12015,2106],{"class":1063},[1050,12017,11910],{"class":1083},[1050,12019,2106],{"class":1063},[1050,12021,4307],{"class":2969},[1050,12023,1265],{"class":4062},[1050,12025,11940],{"class":1083},[1050,12027,2163],{"class":4062},[1050,12029,1096],{"class":1063},[1050,12031,12032],{"class":1052,"line":1274},[1050,12033,3048],{"class":1063},[1050,12035,12036],{"class":1052,"line":1292},[1050,12037,3505],{"class":4049},[1050,12039,12040,12042,12045,12047,12049,12051,12054,12056,12058,12060],{"class":1052,"line":1305},[1050,12041,3954],{"class":3826},[1050,12043,12044],{"class":1083}," loadPromise",[1050,12046,3847],{"class":1063},[1050,12048,4502],{"class":3863},[1050,12050,2106],{"class":1063},[1050,12052,12053],{"class":2969},"dynamicImport",[1050,12055,1265],{"class":4062},[1050,12057,11940],{"class":1083},[1050,12059,2163],{"class":4062},[1050,12061,1096],{"class":1063},[1050,12063,12064,12066,12068,12070,12072,12074,12076,12078,12080,12082,12084],{"class":1052,"line":1310},[1050,12065,3864],{"class":3863},[1050,12067,2106],{"class":1063},[1050,12069,11910],{"class":1083},[1050,12071,2106],{"class":1063},[1050,12073,10478],{"class":2969},[1050,12075,1265],{"class":4062},[1050,12077,11940],{"class":1083},[1050,12079,1213],{"class":1063},[1050,12081,12044],{"class":1083},[1050,12083,2163],{"class":4062},[1050,12085,1096],{"class":1063},[1050,12087,12088],{"class":1052,"line":1316},[1050,12089,3505],{"class":4049},[1050,12091,12092,12094],{"class":1052,"line":1332},[1050,12093,4189],{"class":2965},[1050,12095,1071],{"class":1063},[1050,12097,12098,12100,12102],{"class":1052,"line":1347},[1050,12099,11392],{"class":2965},[1050,12101,12044],{"class":1083},[1050,12103,1096],{"class":1063},[1050,12105,12106,12108,12110,12112,12114,12116,12118,12120,12122],{"class":1052,"line":1362},[1050,12107,5342],{"class":3863},[1050,12109,2106],{"class":1063},[1050,12111,11890],{"class":1083},[1050,12113,2106],{"class":1063},[1050,12115,5458],{"class":2969},[1050,12117,1265],{"class":4062},[1050,12119,11940],{"class":1083},[1050,12121,2163],{"class":4062},[1050,12123,1096],{"class":1063},[1050,12125,12126,12128,12130,12132,12134,12136],{"class":1052,"line":1377},[1050,12127,4400],{"class":1063},[1050,12129,4403],{"class":2965},[1050,12131,3014],{"class":4062},[1050,12133,4408],{"class":1083},[1050,12135,2163],{"class":4062},[1050,12137,1071],{"class":1063},[1050,12139,12140,12142,12144,12146,12148,12150,12153,12155,12157,12159,12161,12163,12165,12167,12169],{"class":1052,"line":1392},[1050,12141,4417],{"class":1083},[1050,12143,2106],{"class":1063},[1050,12145,4408],{"class":2969},[1050,12147,1265],{"class":4062},[1050,12149,3985],{"class":1221},[1050,12151,12152],{"class":1225},"Failed to load component ",[1050,12154,3966],{"class":3965},[1050,12156,11940],{"class":3974},[1050,12158,3982],{"class":3965},[1050,12160,1064],{"class":1225},[1050,12162,3985],{"class":1221},[1050,12164,1213],{"class":1063},[1050,12166,4435],{"class":1083},[1050,12168,2163],{"class":4062},[1050,12170,1096],{"class":1063},[1050,12172,12173,12175,12177,12179,12181,12184,12186,12188,12190],{"class":1052,"line":1397},[1050,12174,5342],{"class":3863},[1050,12176,2106],{"class":1063},[1050,12178,11910],{"class":1083},[1050,12180,2106],{"class":1063},[1050,12182,12183],{"class":2969},"delete",[1050,12185,1265],{"class":4062},[1050,12187,11940],{"class":1083},[1050,12189,2163],{"class":4062},[1050,12191,1096],{"class":1063},[1050,12193,12194,12196,12198],{"class":1052,"line":1403},[1050,12195,4444],{"class":2965},[1050,12197,4435],{"class":1083},[1050,12199,1096],{"class":1063},[1050,12201,12202],{"class":1052,"line":1418},[1050,12203,3048],{"class":1063},[1050,12205,12206],{"class":1052,"line":1433},[1050,12207,3505],{"class":4049},[1050,12209,12210,12212,12214],{"class":1052,"line":1448},[1050,12211,4590],{"class":2965},[1050,12213,12044],{"class":1083},[1050,12215,1096],{"class":1063},[1050,12217,12218],{"class":1052,"line":1463},[1050,12219,3053],{"class":1063},[1050,12221,12222],{"class":1052,"line":1469},[1050,12223,1193],{"class":1192},[1050,12225,12226,12228,12231,12233,12235,12237],{"class":1052,"line":1476},[1050,12227,3928],{"class":3826},[1050,12229,12230],{"class":3931}," dynamicImport",[1050,12232,1265],{"class":1063},[1050,12234,11940],{"class":3843},[1050,12236,2163],{"class":1063},[1050,12238,1071],{"class":1063},[1050,12240,12241,12243,12246,12248],{"class":1052,"line":1482},[1050,12242,3954],{"class":3826},[1050,12244,12245],{"class":1083}," componentMap",[1050,12247,3847],{"class":1063},[1050,12249,1071],{"class":1063},[1050,12251,12252,12254,12257,12259,12261,12263,12265,12268,12270,12272,12275,12277,12279],{"class":1052,"line":1492},[1050,12253,3893],{"class":1221},[1050,12255,12256],{"class":3896},"chart",[1050,12258,1229],{"class":1221},[1050,12260,1064],{"class":1063},[1050,12262,5162],{"class":1063},[1050,12264,4541],{"class":4540},[1050,12266,12267],{"class":4072}," import",[1050,12269,1265],{"class":4062},[1050,12271,1229],{"class":1221},[1050,12273,12274],{"class":1225},"./components/Chart.js",[1050,12276,1229],{"class":1221},[1050,12278,2163],{"class":4062},[1050,12280,1489],{"class":1063},[1050,12282,12283,12285,12288,12290,12292,12294,12296,12298,12300,12302,12305,12307,12309],{"class":1052,"line":1505},[1050,12284,3893],{"class":1221},[1050,12286,12287],{"class":3896},"editor",[1050,12289,1229],{"class":1221},[1050,12291,1064],{"class":1063},[1050,12293,5162],{"class":1063},[1050,12295,4541],{"class":4540},[1050,12297,12267],{"class":4072},[1050,12299,1265],{"class":4062},[1050,12301,1229],{"class":1221},[1050,12303,12304],{"class":1225},"./components/Editor.js",[1050,12306,1229],{"class":1221},[1050,12308,2163],{"class":4062},[1050,12310,1489],{"class":1063},[1050,12312,12313,12315,12318,12320,12322,12324,12326,12328,12330,12332,12335,12337,12339],{"class":1052,"line":1517},[1050,12314,3893],{"class":1221},[1050,12316,12317],{"class":3896},"calendar",[1050,12319,1229],{"class":1221},[1050,12321,1064],{"class":1063},[1050,12323,5162],{"class":1063},[1050,12325,4541],{"class":4540},[1050,12327,12267],{"class":4072},[1050,12329,1265],{"class":4062},[1050,12331,1229],{"class":1221},[1050,12333,12334],{"class":1225},"./components/Calendar.js",[1050,12336,1229],{"class":1221},[1050,12338,2163],{"class":4062},[1050,12340,1489],{"class":1063},[1050,12342,12343,12345,12348,12350,12352,12354,12356,12358,12360,12362,12365,12367],{"class":1052,"line":1531},[1050,12344,3893],{"class":1221},[1050,12346,12347],{"class":3896},"image-gallery",[1050,12349,1229],{"class":1221},[1050,12351,1064],{"class":1063},[1050,12353,5162],{"class":1063},[1050,12355,4541],{"class":4540},[1050,12357,12267],{"class":4072},[1050,12359,1265],{"class":4062},[1050,12361,1229],{"class":1221},[1050,12363,12364],{"class":1225},"./components/ImageGallery.js",[1050,12366,1229],{"class":1221},[1050,12368,4705],{"class":4062},[1050,12370,12371],{"class":1052,"line":1536},[1050,12372,3915],{"class":1063},[1050,12374,12375],{"class":1052,"line":1541},[1050,12376,3505],{"class":4049},[1050,12378,12379,12381,12384,12386,12388,12390,12392,12394],{"class":1052,"line":1549},[1050,12380,3954],{"class":3826},[1050,12382,12383],{"class":1083}," importFunction",[1050,12385,3847],{"class":1063},[1050,12387,12245],{"class":1083},[1050,12389,4156],{"class":4062},[1050,12391,11940],{"class":1083},[1050,12393,4166],{"class":4062},[1050,12395,1096],{"class":1063},[1050,12397,12398,12400,12402,12404,12407,12409],{"class":1052,"line":1565},[1050,12399,4059],{"class":2965},[1050,12401,3014],{"class":4062},[1050,12403,4232],{"class":4072},[1050,12405,12406],{"class":1083},"importFunction",[1050,12408,2163],{"class":4062},[1050,12410,1071],{"class":1063},[1050,12412,12413,12415,12417,12419,12421,12423,12425,12427,12429,12431,12433,12435],{"class":1052,"line":1582},[1050,12414,4444],{"class":2965},[1050,12416,4252],{"class":4072},[1050,12418,4255],{"class":2969},[1050,12420,1265],{"class":4062},[1050,12422,3985],{"class":1221},[1050,12424,10607],{"class":1225},[1050,12426,3966],{"class":3965},[1050,12428,11940],{"class":3974},[1050,12430,3982],{"class":3965},[1050,12432,3985],{"class":1221},[1050,12434,2163],{"class":4062},[1050,12436,1096],{"class":1063},[1050,12438,12439],{"class":1052,"line":1599},[1050,12440,3048],{"class":1063},[1050,12442,12443],{"class":1052,"line":1616},[1050,12444,3505],{"class":4049},[1050,12446,12447,12449,12451,12453],{"class":1052,"line":1633},[1050,12448,4590],{"class":2965},[1050,12450,12383],{"class":2969},[1050,12452,4367],{"class":4062},[1050,12454,1096],{"class":1063},[1050,12456,12457],{"class":1052,"line":1646},[1050,12458,3053],{"class":1063},[1050,12460,12461],{"class":1052,"line":1658},[1050,12462,1193],{"class":1192},[1050,12464,12465,12467,12470,12472,12475,12477],{"class":1052,"line":1663},[1050,12466,3928],{"class":3826},[1050,12468,12469],{"class":3931}," loadCSS",[1050,12471,1265],{"class":1063},[1050,12473,12474],{"class":3843},"href",[1050,12476,2163],{"class":1063},[1050,12478,1071],{"class":1063},[1050,12480,12481,12483,12485,12488,12490,12492,12495,12497,12500,12502,12504],{"class":1052,"line":1668},[1050,12482,4590],{"class":2965},[1050,12484,4252],{"class":4072},[1050,12486,12487],{"class":3017}," Promise",[1050,12489,1265],{"class":4062},[1050,12491,1265],{"class":1063},[1050,12493,12494],{"class":3843},"resolve",[1050,12496,1213],{"class":1063},[1050,12498,12499],{"class":3843}," reject",[1050,12501,2163],{"class":1063},[1050,12503,4541],{"class":4540},[1050,12505,1071],{"class":1063},[1050,12507,12508,12510,12513,12515,12517,12519,12521,12523,12525,12527,12529,12531],{"class":1052,"line":1674},[1050,12509,4098],{"class":3826},[1050,12511,12512],{"class":1083}," link",[1050,12514,3847],{"class":1063},[1050,12516,4106],{"class":1083},[1050,12518,2106],{"class":1063},[1050,12520,6720],{"class":2969},[1050,12522,1265],{"class":4062},[1050,12524,1229],{"class":1221},[1050,12526,8460],{"class":1225},[1050,12528,1229],{"class":1221},[1050,12530,2163],{"class":4062},[1050,12532,1096],{"class":1063},[1050,12534,12535,12538,12540,12543,12545,12547,12549,12551],{"class":1052,"line":1706},[1050,12536,12537],{"class":1083},"      link",[1050,12539,2106],{"class":1063},[1050,12541,12542],{"class":1083},"rel",[1050,12544,3847],{"class":1063},[1050,12546,1222],{"class":1221},[1050,12548,8561],{"class":1225},[1050,12550,1229],{"class":1221},[1050,12552,1096],{"class":1063},[1050,12554,12555,12557,12559,12561,12563,12565],{"class":1052,"line":1722},[1050,12556,12537],{"class":1083},[1050,12558,2106],{"class":1063},[1050,12560,12474],{"class":1083},[1050,12562,3847],{"class":1063},[1050,12564,8475],{"class":1083},[1050,12566,1096],{"class":1063},[1050,12568,12569,12571,12573,12576,12578,12581],{"class":1052,"line":1735},[1050,12570,12537],{"class":1083},[1050,12572,2106],{"class":1063},[1050,12574,12575],{"class":1083},"onload",[1050,12577,3847],{"class":1063},[1050,12579,12580],{"class":1083}," resolve",[1050,12582,1096],{"class":1063},[1050,12584,12585,12587,12589,12592,12594,12596],{"class":1052,"line":1747},[1050,12586,12537],{"class":1083},[1050,12588,2106],{"class":1063},[1050,12590,12591],{"class":1083},"onerror",[1050,12593,3847],{"class":1063},[1050,12595,12499],{"class":1083},[1050,12597,1096],{"class":1063},[1050,12599,12600,12602,12604,12606,12608,12610,12612,12614,12616],{"class":1052,"line":1759},[1050,12601,5215],{"class":1083},[1050,12603,2106],{"class":1063},[1050,12605,8313],{"class":1083},[1050,12607,2106],{"class":1063},[1050,12609,6826],{"class":2969},[1050,12611,1265],{"class":4062},[1050,12613,8460],{"class":1083},[1050,12615,2163],{"class":4062},[1050,12617,1096],{"class":1063},[1050,12619,12620,12622,12624],{"class":1052,"line":1776},[1050,12621,4400],{"class":1063},[1050,12623,2163],{"class":4062},[1050,12625,1096],{"class":1063},[1050,12627,12628],{"class":1052,"line":1781},[1050,12629,3053],{"class":1063},[1050,12631,12632],{"class":1052,"line":1786},[1050,12633,1193],{"class":1192},[1050,12635,12636,12639,12641],{"class":1052,"line":1810},[1050,12637,12638],{"class":3931},"  observeElements",[1050,12640,4367],{"class":1063},[1050,12642,1071],{"class":1063},[1050,12644,12645,12647,12650,12652,12654,12657,12659,12661,12664,12666,12668],{"class":1052,"line":1829},[1050,12646,3954],{"class":3826},[1050,12648,12649],{"class":1083}," observer",[1050,12651,3847],{"class":1063},[1050,12653,4252],{"class":4072},[1050,12655,12656],{"class":2969}," IntersectionObserver",[1050,12658,1265],{"class":4062},[1050,12660,1265],{"class":1063},[1050,12662,12663],{"class":3843},"entries",[1050,12665,2163],{"class":1063},[1050,12667,4541],{"class":4540},[1050,12669,1071],{"class":1063},[1050,12671,12672,12675,12677,12679,12681,12684,12686],{"class":1052,"line":1849},[1050,12673,12674],{"class":1083},"      entries",[1050,12676,2106],{"class":1063},[1050,12678,4532],{"class":2969},[1050,12680,1265],{"class":4062},[1050,12682,12683],{"class":3843},"entry",[1050,12685,4541],{"class":4540},[1050,12687,1071],{"class":1063},[1050,12689,12690,12692,12694,12696,12698,12701,12703],{"class":1052,"line":1869},[1050,12691,5246],{"class":2965},[1050,12693,3014],{"class":4062},[1050,12695,12683],{"class":1083},[1050,12697,2106],{"class":1063},[1050,12699,12700],{"class":1083},"isIntersecting",[1050,12702,2163],{"class":4062},[1050,12704,1071],{"class":1063},[1050,12706,12707,12710,12712,12714,12717,12719,12721],{"class":1052,"line":1890},[1050,12708,12709],{"class":3826},"          const",[1050,12711,4947],{"class":1083},[1050,12713,3847],{"class":1063},[1050,12715,12716],{"class":1083}," entry",[1050,12718,2106],{"class":1063},[1050,12720,5383],{"class":1083},[1050,12722,1096],{"class":1063},[1050,12724,12725,12727,12729,12731,12733,12735,12737,12739,12742],{"class":1052,"line":1910},[1050,12726,12709],{"class":3826},[1050,12728,10303],{"class":1083},[1050,12730,3847],{"class":1063},[1050,12732,4947],{"class":1083},[1050,12734,2106],{"class":1063},[1050,12736,10312],{"class":1083},[1050,12738,2106],{"class":1063},[1050,12740,12741],{"class":1083},"lazyComponent",[1050,12743,1096],{"class":1063},[1050,12745,12746],{"class":1052,"line":1915},[1050,12747,12748],{"class":4049},"          \n",[1050,12750,12751,12754,12756,12758,12760],{"class":1052,"line":1922},[1050,12752,12753],{"class":2965},"          if",[1050,12755,3014],{"class":4062},[1050,12757,11940],{"class":1083},[1050,12759,2163],{"class":4062},[1050,12761,1071],{"class":1063},[1050,12763,12764,12766,12768,12771,12773,12775,12777,12779,12782,12784,12786,12788],{"class":1052,"line":1933},[1050,12765,10900],{"class":3863},[1050,12767,2106],{"class":1063},[1050,12769,12770],{"class":2969},"loadComponent",[1050,12772,1265],{"class":4062},[1050,12774,11940],{"class":1083},[1050,12776,2163],{"class":4062},[1050,12778,2106],{"class":1063},[1050,12780,12781],{"class":2969},"then",[1050,12783,1265],{"class":4062},[1050,12785,4367],{"class":1063},[1050,12787,4541],{"class":4540},[1050,12789,1071],{"class":1063},[1050,12791,12792],{"class":1052,"line":1948},[1050,12793,12794],{"class":1056},"              // Initialize component after loading\n",[1050,12796,12797,12800,12802,12804,12806,12808,12810,12812,12815,12817,12819],{"class":1052,"line":1953},[1050,12798,12799],{"class":3826},"              const",[1050,12801,11078],{"class":1083},[1050,12803,3847],{"class":1063},[1050,12805,4252],{"class":4072},[1050,12807,5807],{"class":2969},[1050,12809,1265],{"class":4062},[1050,12811,1229],{"class":1221},[1050,12813,12814],{"class":1225},"component:loaded",[1050,12816,1229],{"class":1221},[1050,12818,1213],{"class":1063},[1050,12820,1071],{"class":1063},[1050,12822,12823,12826,12828,12830,12832,12834,12836],{"class":1052,"line":1958},[1050,12824,12825],{"class":4003},"                detail",[1050,12827,1064],{"class":1063},[1050,12829,1791],{"class":1063},[1050,12831,10303],{"class":1083},[1050,12833,1213],{"class":1063},[1050,12835,4947],{"class":1083},[1050,12837,1807],{"class":1063},[1050,12839,12840,12843,12845],{"class":1052,"line":1964},[1050,12841,12842],{"class":1063},"              }",[1050,12844,2163],{"class":4062},[1050,12846,1096],{"class":1063},[1050,12848,12849,12852,12854,12856,12858,12861,12863],{"class":1052,"line":1972},[1050,12850,12851],{"class":1083},"              element",[1050,12853,2106],{"class":1063},[1050,12855,5799],{"class":2969},[1050,12857,1265],{"class":4062},[1050,12859,12860],{"class":1083},"event",[1050,12862,2163],{"class":4062},[1050,12864,1096],{"class":1063},[1050,12866,12867,12870,12872],{"class":1052,"line":1988},[1050,12868,12869],{"class":1063},"            }",[1050,12871,2163],{"class":4062},[1050,12873,1096],{"class":1063},[1050,12875,12876],{"class":1052,"line":2001},[1050,12877,9699],{"class":4049},[1050,12879,12880,12883,12885,12888,12890,12892,12894],{"class":1052,"line":2023},[1050,12881,12882],{"class":1083},"            observer",[1050,12884,2106],{"class":1063},[1050,12886,12887],{"class":2969},"unobserve",[1050,12889,1265],{"class":4062},[1050,12891,4924],{"class":1083},[1050,12893,2163],{"class":4062},[1050,12895,1096],{"class":1063},[1050,12897,12898],{"class":1052,"line":2028},[1050,12899,12900],{"class":1063},"          }\n",[1050,12902,12903],{"class":1052,"line":2033},[1050,12904,5294],{"class":1063},[1050,12906,12907,12909,12911],{"class":1052,"line":2045},[1050,12908,5299],{"class":1063},[1050,12910,2163],{"class":4062},[1050,12912,1096],{"class":1063},[1050,12914,12915,12917,12919],{"class":1052,"line":2057},[1050,12916,4400],{"class":1063},[1050,12918,2163],{"class":4062},[1050,12920,1096],{"class":1063},[1050,12922,12923],{"class":1052,"line":2073},[1050,12924,3505],{"class":4049},[1050,12926,12927,12929,12931,12933,12935,12937,12940,12942,12944,12946,12948,12950,12952,12954],{"class":1052,"line":2085},[1050,12928,5599],{"class":1083},[1050,12930,2106],{"class":1063},[1050,12932,6618],{"class":2969},[1050,12934,1265],{"class":4062},[1050,12936,1229],{"class":1221},[1050,12938,12939],{"class":1225},"[data-lazy-component]",[1050,12941,1229],{"class":1221},[1050,12943,2163],{"class":4062},[1050,12945,2106],{"class":1063},[1050,12947,4532],{"class":2969},[1050,12949,1265],{"class":4062},[1050,12951,4924],{"class":3843},[1050,12953,4541],{"class":4540},[1050,12955,1071],{"class":1063},[1050,12957,12958,12961,12963,12966,12968,12970,12972],{"class":1052,"line":6008},[1050,12959,12960],{"class":1083},"      observer",[1050,12962,2106],{"class":1063},[1050,12964,12965],{"class":2969},"observe",[1050,12967,1265],{"class":4062},[1050,12969,4924],{"class":1083},[1050,12971,2163],{"class":4062},[1050,12973,1096],{"class":1063},[1050,12975,12976,12978,12980],{"class":1052,"line":6013},[1050,12977,4400],{"class":1063},[1050,12979,2163],{"class":4062},[1050,12981,1096],{"class":1063},[1050,12983,12984],{"class":1052,"line":6018},[1050,12985,3053],{"class":1063},[1050,12987,12988],{"class":1052,"line":6023},[1050,12989,1466],{"class":1063},[1050,12991,12992],{"class":1052,"line":6055},[1050,12993,1473],{"emptyLinePlaceholder":1472},[1050,12995,12996],{"class":1052,"line":6060},[1050,12997,12998],{"class":1056},"// Initialize lazy loader\n",[1050,13000,13001,13004,13007,13009,13011,13013,13015],{"class":1052,"line":6065},[1050,13002,13003],{"class":3826},"const",[1050,13005,13006],{"class":1083}," lazyLoader",[1050,13008,3847],{"class":1063},[1050,13010,4252],{"class":4072},[1050,13012,11871],{"class":2969},[1050,13014,4367],{"class":4887},[1050,13016,1096],{"class":1063},[1050,13018,13019,13022,13024,13027,13029],{"class":1052,"line":6075},[1050,13020,13021],{"class":1083},"lazyLoader",[1050,13023,2106],{"class":1063},[1050,13025,13026],{"class":2969},"observeElements",[1050,13028,4367],{"class":4887},[1050,13030,1096],{"class":1063},[1035,13032,13034],{"id":13033},"critical-css-extraction","Critical CSS Extraction",[1040,13036,13038],{"className":9465,"code":13037,"language":9467,"meta":1045,"style":1045},"# utils/critical_css.py\nimport requests\nfrom bs4 import BeautifulSoup\nfrom django.conf import settings\nfrom django.core.management.base import BaseCommand\nimport css_parser\nimport logging\n\nclass CriticalCSSExtractor:\n    \"\"\"Extract critical CSS for above-the-fold content\"\"\"\n    \n    def __init__(self):\n        self.viewport_width = 1200\n        self.viewport_height = 800\n    \n    def extract_critical_css(self, url, css_files):\n        \"\"\"Extract critical CSS for a given URL\"\"\"\n        \n        # Get HTML content\n        html_content = self.fetch_html(url)\n        if not html_content:\n            return \"\"\n        \n        # Parse HTML\n        soup = BeautifulSoup(html_content, 'html.parser')\n        \n        # Get all CSS rules\n        all_css_rules = self.parse_css_files(css_files)\n        \n        # Extract elements in viewport\n        critical_elements = self.get_critical_elements(soup)\n        \n        # Match CSS rules to critical elements\n        critical_css = self.match_css_rules(critical_elements, all_css_rules)\n        \n        return critical_css\n    \n    def fetch_html(self, url):\n        \"\"\"Fetch HTML content from URL\"\"\"\n        try:\n            response = requests.get(url, timeout=10)\n            response.raise_for_status()\n            return response.text\n        except requests.RequestException as e:\n            logging.error(f\"Failed to fetch HTML from {url}: {e}\")\n            return None\n    \n    def parse_css_files(self, css_files):\n        \"\"\"Parse CSS files and extract rules\"\"\"\n        all_rules = []\n        \n        for css_file in css_files:\n            try:\n                with open(css_file, 'r', encoding='utf-8') as f:\n                    css_content = f.read()\n                \n                sheet = css_parser.parseString(css_content)\n                for rule in sheet:\n                    if rule.type == rule.STYLE_RULE:\n                        all_rules.append({\n                            'selector': rule.selectorText,\n                            'declarations': rule.style.cssText\n                        })\n            except Exception as e:\n                logging.error(f\"Failed to parse CSS file {css_file}: {e}\")\n        \n        return all_rules\n    \n    def get_critical_elements(self, soup):\n        \"\"\"Get elements that are likely above the fold\"\"\"\n        critical_selectors = [\n            'header', 'nav', '.header', '.navbar',\n            'h1', 'h2', '.hero', '.banner',\n            '.above-fold', '[data-critical]'\n        ]\n        \n        critical_elements = set()\n        \n        for selector in critical_selectors:\n            elements = soup.select(selector)\n            for element in elements:\n                critical_elements.add(element.name)\n                if element.get('class'):\n                    for class_name in element.get('class'):\n                        critical_elements.add(f'.{class_name}')\n                if element.get('id'):\n                    critical_elements.add(f'#{element.get(\"id\")}')\n        \n        return critical_elements\n    \n    def match_css_rules(self, critical_elements, css_rules):\n        \"\"\"Match CSS rules to critical elements\"\"\"\n        critical_css = []\n        \n        for rule in css_rules:\n            selector = rule['selector']\n            \n            # Simple matching - in production, use a proper CSS selector parser\n            if any(element in selector for element in critical_elements):\n                critical_css.append(f\"{selector} {{ {rule['declarations']} }}\")\n        \n        return '\\n'.join(critical_css)\n\n# Management command to extract critical CSS\nclass Command(BaseCommand):\n    help = 'Extract critical CSS for specified URLs'\n    \n    def add_arguments(self, parser):\n        parser.add_argument('urls', nargs='+', help='URLs to extract critical CSS for')\n        parser.add_argument('--css-files', nargs='+', help='CSS files to analyze')\n        parser.add_argument('--output', help='Output file for critical CSS')\n    \n    def handle(self, *args, **options):\n        extractor = CriticalCSSExtractor()\n        \n        all_critical_css = []\n        \n        for url in options['urls']:\n            self.stdout.write(f'Extracting critical CSS for {url}...')\n            \n            critical_css = extractor.extract_critical_css(\n                url, \n                options.get('css_files', [])\n            )\n            \n            if critical_css:\n                all_critical_css.append(critical_css)\n        \n        # Combine and deduplicate CSS\n        combined_css = '\\n'.join(all_critical_css)\n        \n        if options.get('output'):\n            with open(options['output'], 'w', encoding='utf-8') as f:\n                f.write(combined_css)\n            self.stdout.write(f'Critical CSS saved to {options[\"output\"]}')\n        else:\n            self.stdout.write(combined_css)\n",[1047,13039,13040,13045,13052,13064,13080,13104,13111,13118,13122,13131,13140,13144,13157,13172,13186,13190,13212,13221,13225,13230,13250,13262,13270,13274,13279,13305,13309,13314,13335,13339,13344,13365,13369,13374,13400,13404,13411,13415,13432,13441,13448,13478,13490,13501,13519,13556,13563,13567,13584,13593,13603,13607,13622,13629,13672,13687,13692,13713,13728,13752,13764,13785,13807,13812,13826,13860,13864,13871,13875,13893,13902,13912,13951,13987,14005,14010,14014,14025,14029,14043,14063,14078,14097,14118,14144,14171,14191,14231,14235,14242,14246,14269,14278,14286,14290,14302,14322,14326,14331,14358,14405,14409,14432,14436,14441,14455,14469,14473,14491,14539,14583,14615,14619,14647,14658,14662,14671,14675,14697,14730,14734,14752,14761,14783,14788,14792,14801,14816,14820,14825,14849,14853,14874,14923,14939,14978,14985],{"__ignoreMap":1045},[1050,13041,13042],{"class":1052,"line":1053},[1050,13043,13044],{"class":1056},"# utils/critical_css.py\n",[1050,13046,13047,13049],{"class":1052,"line":1060},[1050,13048,3255],{"class":2965},[1050,13050,13051],{"class":1192}," requests\n",[1050,13053,13054,13056,13059,13061],{"class":1052,"line":1074},[1050,13055,9493],{"class":2965},[1050,13057,13058],{"class":1192}," bs4 ",[1050,13060,3255],{"class":2965},[1050,13062,13063],{"class":1192}," BeautifulSoup\n",[1050,13065,13066,13068,13070,13072,13075,13077],{"class":1052,"line":1080},[1050,13067,9493],{"class":2965},[1050,13069,9496],{"class":1192},[1050,13071,2106],{"class":1063},[1050,13073,13074],{"class":1192},"conf ",[1050,13076,3255],{"class":2965},[1050,13078,13079],{"class":1192}," settings\n",[1050,13081,13082,13084,13086,13088,13090,13092,13095,13097,13099,13101],{"class":1052,"line":1099},[1050,13083,9493],{"class":2965},[1050,13085,9496],{"class":1192},[1050,13087,2106],{"class":1063},[1050,13089,9527],{"class":1192},[1050,13091,2106],{"class":1063},[1050,13093,13094],{"class":1192},"management",[1050,13096,2106],{"class":1063},[1050,13098,9537],{"class":1192},[1050,13100,3255],{"class":2965},[1050,13102,13103],{"class":1192}," BaseCommand\n",[1050,13105,13106,13108],{"class":1052,"line":1114},[1050,13107,3255],{"class":2965},[1050,13109,13110],{"class":1192}," css_parser\n",[1050,13112,13113,13115],{"class":1052,"line":1129},[1050,13114,3255],{"class":2965},[1050,13116,13117],{"class":1192}," logging\n",[1050,13119,13120],{"class":1052,"line":1144},[1050,13121,1473],{"emptyLinePlaceholder":1472},[1050,13123,13124,13126,13129],{"class":1052,"line":1159},[1050,13125,3827],{"class":3826},[1050,13127,13128],{"class":3830}," CriticalCSSExtractor",[1050,13130,10465],{"class":1063},[1050,13132,13133,13135,13138],{"class":1052,"line":1174},[1050,13134,9567],{"class":9566},[1050,13136,13137],{"class":9570},"Extract critical CSS for above-the-fold content",[1050,13139,9574],{"class":9566},[1050,13141,13142],{"class":1052,"line":1189},[1050,13143,3505],{"class":1192},[1050,13145,13146,13148,13151,13153,13155],{"class":1052,"line":1196},[1050,13147,9583],{"class":3826},[1050,13149,13150],{"class":1261}," __init__",[1050,13152,1265],{"class":1063},[1050,13154,9592],{"class":9591},[1050,13156,9561],{"class":1063},[1050,13158,13159,13162,13164,13167,13169],{"class":1052,"line":1202},[1050,13160,13161],{"class":1092},"        self",[1050,13163,2106],{"class":1063},[1050,13165,13166],{"class":4049},"viewport_width",[1050,13168,3847],{"class":1063},[1050,13170,13171],{"class":1282}," 1200\n",[1050,13173,13174,13176,13178,13181,13183],{"class":1052,"line":1244},[1050,13175,13161],{"class":1092},[1050,13177,2106],{"class":1063},[1050,13179,13180],{"class":4049},"viewport_height",[1050,13182,3847],{"class":1063},[1050,13184,13185],{"class":1282}," 800\n",[1050,13187,13188],{"class":1052,"line":1274},[1050,13189,3505],{"class":1192},[1050,13191,13192,13194,13197,13199,13201,13203,13205,13207,13210],{"class":1052,"line":1292},[1050,13193,9583],{"class":3826},[1050,13195,13196],{"class":2969}," extract_critical_css",[1050,13198,1265],{"class":1063},[1050,13200,9592],{"class":9591},[1050,13202,1213],{"class":1063},[1050,13204,3957],{"class":9597},[1050,13206,1213],{"class":1063},[1050,13208,13209],{"class":9597}," css_files",[1050,13211,9561],{"class":1063},[1050,13213,13214,13216,13219],{"class":1052,"line":1305},[1050,13215,9818],{"class":9566},[1050,13217,13218],{"class":9570},"Extract critical CSS for a given URL",[1050,13220,9574],{"class":9566},[1050,13222,13223],{"class":1052,"line":1310},[1050,13224,9395],{"class":1192},[1050,13226,13227],{"class":1052,"line":1316},[1050,13228,13229],{"class":1056},"        # Get HTML content\n",[1050,13231,13232,13235,13237,13239,13241,13244,13246,13248],{"class":1052,"line":1332},[1050,13233,13234],{"class":1192},"        html_content ",[1050,13236,8296],{"class":1063},[1050,13238,9714],{"class":1092},[1050,13240,2106],{"class":1063},[1050,13242,13243],{"class":9614},"fetch_html",[1050,13245,1265],{"class":1063},[1050,13247,4211],{"class":9614},[1050,13249,4705],{"class":1063},[1050,13251,13252,13254,13257,13260],{"class":1052,"line":1347},[1050,13253,5246],{"class":2965},[1050,13255,13256],{"class":4072}," not",[1050,13258,13259],{"class":1192}," html_content",[1050,13261,10465],{"class":1063},[1050,13263,13264,13267],{"class":1052,"line":1362},[1050,13265,13266],{"class":2965},"            return",[1050,13268,13269],{"class":1221}," \"\"\n",[1050,13271,13272],{"class":1052,"line":1377},[1050,13273,9395],{"class":1192},[1050,13275,13276],{"class":1052,"line":1392},[1050,13277,13278],{"class":1056},"        # Parse HTML\n",[1050,13280,13281,13284,13286,13289,13291,13294,13296,13298,13301,13303],{"class":1052,"line":1397},[1050,13282,13283],{"class":1192},"        soup ",[1050,13285,8296],{"class":1063},[1050,13287,13288],{"class":9614}," BeautifulSoup",[1050,13290,1265],{"class":1063},[1050,13292,13293],{"class":9614},"html_content",[1050,13295,1213],{"class":1063},[1050,13297,1222],{"class":1221},[1050,13299,13300],{"class":1225},"html.parser",[1050,13302,1229],{"class":1221},[1050,13304,4705],{"class":1063},[1050,13306,13307],{"class":1052,"line":1403},[1050,13308,9395],{"class":1192},[1050,13310,13311],{"class":1052,"line":1418},[1050,13312,13313],{"class":1056},"        # Get all CSS rules\n",[1050,13315,13316,13319,13321,13323,13325,13328,13330,13333],{"class":1052,"line":1433},[1050,13317,13318],{"class":1192},"        all_css_rules ",[1050,13320,8296],{"class":1063},[1050,13322,9714],{"class":1092},[1050,13324,2106],{"class":1063},[1050,13326,13327],{"class":9614},"parse_css_files",[1050,13329,1265],{"class":1063},[1050,13331,13332],{"class":9614},"css_files",[1050,13334,4705],{"class":1063},[1050,13336,13337],{"class":1052,"line":1448},[1050,13338,9395],{"class":1192},[1050,13340,13341],{"class":1052,"line":1463},[1050,13342,13343],{"class":1056},"        # Extract elements in viewport\n",[1050,13345,13346,13349,13351,13353,13355,13358,13360,13363],{"class":1052,"line":1469},[1050,13347,13348],{"class":1192},"        critical_elements ",[1050,13350,8296],{"class":1063},[1050,13352,9714],{"class":1092},[1050,13354,2106],{"class":1063},[1050,13356,13357],{"class":9614},"get_critical_elements",[1050,13359,1265],{"class":1063},[1050,13361,13362],{"class":9614},"soup",[1050,13364,4705],{"class":1063},[1050,13366,13367],{"class":1052,"line":1476},[1050,13368,9395],{"class":1192},[1050,13370,13371],{"class":1052,"line":1482},[1050,13372,13373],{"class":1056},"        # Match CSS rules to critical elements\n",[1050,13375,13376,13379,13381,13383,13385,13388,13390,13393,13395,13398],{"class":1052,"line":1492},[1050,13377,13378],{"class":1192},"        critical_css ",[1050,13380,8296],{"class":1063},[1050,13382,9714],{"class":1092},[1050,13384,2106],{"class":1063},[1050,13386,13387],{"class":9614},"match_css_rules",[1050,13389,1265],{"class":1063},[1050,13391,13392],{"class":9614},"critical_elements",[1050,13394,1213],{"class":1063},[1050,13396,13397],{"class":9614}," all_css_rules",[1050,13399,4705],{"class":1063},[1050,13401,13402],{"class":1052,"line":1505},[1050,13403,9395],{"class":1192},[1050,13405,13406,13408],{"class":1052,"line":1517},[1050,13407,4355],{"class":2965},[1050,13409,13410],{"class":1192}," critical_css\n",[1050,13412,13413],{"class":1052,"line":1531},[1050,13414,3505],{"class":1192},[1050,13416,13417,13419,13422,13424,13426,13428,13430],{"class":1052,"line":1536},[1050,13418,9583],{"class":3826},[1050,13420,13421],{"class":2969}," fetch_html",[1050,13423,1265],{"class":1063},[1050,13425,9592],{"class":9591},[1050,13427,1213],{"class":1063},[1050,13429,3957],{"class":9597},[1050,13431,9561],{"class":1063},[1050,13433,13434,13436,13439],{"class":1052,"line":1541},[1050,13435,9818],{"class":9566},[1050,13437,13438],{"class":9570},"Fetch HTML content from URL",[1050,13440,9574],{"class":9566},[1050,13442,13443,13446],{"class":1052,"line":1549},[1050,13444,13445],{"class":2965},"        try",[1050,13447,10465],{"class":1063},[1050,13449,13450,13453,13455,13458,13460,13462,13464,13466,13468,13471,13473,13476],{"class":1052,"line":1565},[1050,13451,13452],{"class":1192},"            response ",[1050,13454,8296],{"class":1063},[1050,13456,13457],{"class":1192}," requests",[1050,13459,2106],{"class":1063},[1050,13461,4307],{"class":9614},[1050,13463,1265],{"class":1063},[1050,13465,4211],{"class":9614},[1050,13467,1213],{"class":1063},[1050,13469,13470],{"class":3843}," timeout",[1050,13472,8296],{"class":1063},[1050,13474,13475],{"class":1282},"10",[1050,13477,4705],{"class":1063},[1050,13479,13480,13483,13485,13488],{"class":1052,"line":1582},[1050,13481,13482],{"class":1192},"            response",[1050,13484,2106],{"class":1063},[1050,13486,13487],{"class":9614},"raise_for_status",[1050,13489,9648],{"class":1063},[1050,13491,13492,13494,13496,13498],{"class":1052,"line":1599},[1050,13493,13266],{"class":2965},[1050,13495,4198],{"class":1192},[1050,13497,2106],{"class":1063},[1050,13499,13500],{"class":4049},"text\n",[1050,13502,13503,13506,13508,13510,13513,13515,13517],{"class":1052,"line":1616},[1050,13504,13505],{"class":2965},"        except",[1050,13507,13457],{"class":1192},[1050,13509,2106],{"class":1063},[1050,13511,13512],{"class":4049},"RequestException",[1050,13514,8487],{"class":2965},[1050,13516,10842],{"class":1192},[1050,13518,10465],{"class":1063},[1050,13520,13521,13524,13526,13528,13530,13533,13536,13540,13542,13544,13546,13548,13550,13552,13554],{"class":1052,"line":1633},[1050,13522,13523],{"class":1192},"            logging",[1050,13525,2106],{"class":1063},[1050,13527,4408],{"class":9614},[1050,13529,1265],{"class":1063},[1050,13531,13532],{"class":3826},"f",[1050,13534,13535],{"class":1225},"\"Failed to fetch HTML from ",[1050,13537,13539],{"class":13538},"s3h35","{",[1050,13541,4211],{"class":9614},[1050,13543,3982],{"class":13538},[1050,13545,2726],{"class":1225},[1050,13547,13539],{"class":13538},[1050,13549,5235],{"class":9614},[1050,13551,3982],{"class":13538},[1050,13553,8299],{"class":1225},[1050,13555,4705],{"class":1063},[1050,13557,13558,13560],{"class":1052,"line":1646},[1050,13559,13266],{"class":2965},[1050,13561,13562],{"class":3965}," None\n",[1050,13564,13565],{"class":1052,"line":1658},[1050,13566,3505],{"class":1192},[1050,13568,13569,13571,13574,13576,13578,13580,13582],{"class":1052,"line":1663},[1050,13570,9583],{"class":3826},[1050,13572,13573],{"class":2969}," parse_css_files",[1050,13575,1265],{"class":1063},[1050,13577,9592],{"class":9591},[1050,13579,1213],{"class":1063},[1050,13581,13209],{"class":9597},[1050,13583,9561],{"class":1063},[1050,13585,13586,13588,13591],{"class":1052,"line":1668},[1050,13587,9818],{"class":9566},[1050,13589,13590],{"class":9570},"Parse CSS files and extract rules",[1050,13592,9574],{"class":9566},[1050,13594,13595,13598,13600],{"class":1052,"line":1674},[1050,13596,13597],{"class":1192},"        all_rules ",[1050,13599,8296],{"class":1063},[1050,13601,13602],{"class":1063}," []\n",[1050,13604,13605],{"class":1052,"line":1706},[1050,13606,9395],{"class":1192},[1050,13608,13609,13612,13615,13618,13620],{"class":1052,"line":1722},[1050,13610,13611],{"class":2965},"        for",[1050,13613,13614],{"class":1192}," css_file ",[1050,13616,13617],{"class":2965},"in",[1050,13619,13209],{"class":1192},[1050,13621,10465],{"class":1063},[1050,13623,13624,13627],{"class":1052,"line":1735},[1050,13625,13626],{"class":2965},"            try",[1050,13628,10465],{"class":1063},[1050,13630,13631,13634,13637,13639,13642,13644,13646,13648,13650,13652,13655,13657,13659,13661,13663,13665,13667,13670],{"class":1052,"line":1747},[1050,13632,13633],{"class":2965},"                with",[1050,13635,13636],{"class":1261}," open",[1050,13638,1265],{"class":1063},[1050,13640,13641],{"class":9614},"css_file",[1050,13643,1213],{"class":1063},[1050,13645,1222],{"class":1221},[1050,13647,9848],{"class":1225},[1050,13649,1229],{"class":1221},[1050,13651,1213],{"class":1063},[1050,13653,13654],{"class":3843}," encoding",[1050,13656,8296],{"class":1063},[1050,13658,1229],{"class":1221},[1050,13660,9690],{"class":1225},[1050,13662,1229],{"class":1221},[1050,13664,2163],{"class":1063},[1050,13666,8487],{"class":2965},[1050,13668,13669],{"class":1192}," f",[1050,13671,10465],{"class":1063},[1050,13673,13674,13677,13679,13681,13683,13685],{"class":1052,"line":1759},[1050,13675,13676],{"class":1192},"                    css_content ",[1050,13678,8296],{"class":1063},[1050,13680,13669],{"class":1192},[1050,13682,2106],{"class":1063},[1050,13684,9645],{"class":9614},[1050,13686,9648],{"class":1063},[1050,13688,13689],{"class":1052,"line":1776},[1050,13690,13691],{"class":1192},"                \n",[1050,13693,13694,13697,13699,13702,13704,13707,13709,13711],{"class":1052,"line":1781},[1050,13695,13696],{"class":1192},"                sheet ",[1050,13698,8296],{"class":1063},[1050,13700,13701],{"class":1192}," css_parser",[1050,13703,2106],{"class":1063},[1050,13705,13706],{"class":9614},"parseString",[1050,13708,1265],{"class":1063},[1050,13710,9661],{"class":9614},[1050,13712,4705],{"class":1063},[1050,13714,13715,13718,13721,13723,13726],{"class":1052,"line":1786},[1050,13716,13717],{"class":2965},"                for",[1050,13719,13720],{"class":1192}," rule ",[1050,13722,13617],{"class":2965},[1050,13724,13725],{"class":1192}," sheet",[1050,13727,10465],{"class":1063},[1050,13729,13730,13733,13736,13738,13740,13743,13745,13747,13750],{"class":1052,"line":1810},[1050,13731,13732],{"class":2965},"                    if",[1050,13734,13735],{"class":1192}," rule",[1050,13737,2106],{"class":1063},[1050,13739,11569],{"class":4049},[1050,13741,13742],{"class":4072}," ==",[1050,13744,13735],{"class":1192},[1050,13746,2106],{"class":1063},[1050,13748,13749],{"class":9890},"STYLE_RULE",[1050,13751,10465],{"class":1063},[1050,13753,13754,13757,13759,13761],{"class":1052,"line":1829},[1050,13755,13756],{"class":1192},"                        all_rules",[1050,13758,2106],{"class":1063},[1050,13760,4559],{"class":9614},[1050,13762,13763],{"class":1063},"({\n",[1050,13765,13766,13769,13772,13774,13776,13778,13780,13783],{"class":1052,"line":1849},[1050,13767,13768],{"class":1221},"                            '",[1050,13770,13771],{"class":1225},"selector",[1050,13773,1229],{"class":1221},[1050,13775,1064],{"class":1063},[1050,13777,13735],{"class":9614},[1050,13779,2106],{"class":1063},[1050,13781,13782],{"class":4049},"selectorText",[1050,13784,1489],{"class":1063},[1050,13786,13787,13789,13792,13794,13796,13798,13800,13802,13804],{"class":1052,"line":1869},[1050,13788,13768],{"class":1221},[1050,13790,13791],{"class":1225},"declarations",[1050,13793,1229],{"class":1221},[1050,13795,1064],{"class":1063},[1050,13797,13735],{"class":9614},[1050,13799,2106],{"class":1063},[1050,13801,7721],{"class":4049},[1050,13803,2106],{"class":1063},[1050,13805,13806],{"class":4049},"cssText\n",[1050,13808,13809],{"class":1052,"line":1890},[1050,13810,13811],{"class":1063},"                        })\n",[1050,13813,13814,13817,13820,13822,13824],{"class":1052,"line":1910},[1050,13815,13816],{"class":2965},"            except",[1050,13818,13819],{"class":3017}," Exception",[1050,13821,8487],{"class":2965},[1050,13823,10842],{"class":1192},[1050,13825,10465],{"class":1063},[1050,13827,13828,13831,13833,13835,13837,13839,13842,13844,13846,13848,13850,13852,13854,13856,13858],{"class":1052,"line":1915},[1050,13829,13830],{"class":1192},"                logging",[1050,13832,2106],{"class":1063},[1050,13834,4408],{"class":9614},[1050,13836,1265],{"class":1063},[1050,13838,13532],{"class":3826},[1050,13840,13841],{"class":1225},"\"Failed to parse CSS file ",[1050,13843,13539],{"class":13538},[1050,13845,13641],{"class":9614},[1050,13847,3982],{"class":13538},[1050,13849,2726],{"class":1225},[1050,13851,13539],{"class":13538},[1050,13853,5235],{"class":9614},[1050,13855,3982],{"class":13538},[1050,13857,8299],{"class":1225},[1050,13859,4705],{"class":1063},[1050,13861,13862],{"class":1052,"line":1922},[1050,13863,9395],{"class":1192},[1050,13865,13866,13868],{"class":1052,"line":1933},[1050,13867,4355],{"class":2965},[1050,13869,13870],{"class":1192}," all_rules\n",[1050,13872,13873],{"class":1052,"line":1948},[1050,13874,3505],{"class":1192},[1050,13876,13877,13879,13882,13884,13886,13888,13891],{"class":1052,"line":1953},[1050,13878,9583],{"class":3826},[1050,13880,13881],{"class":2969}," get_critical_elements",[1050,13883,1265],{"class":1063},[1050,13885,9592],{"class":9591},[1050,13887,1213],{"class":1063},[1050,13889,13890],{"class":9597}," soup",[1050,13892,9561],{"class":1063},[1050,13894,13895,13897,13900],{"class":1052,"line":1958},[1050,13896,9818],{"class":9566},[1050,13898,13899],{"class":9570},"Get elements that are likely above the fold",[1050,13901,9574],{"class":9566},[1050,13903,13904,13907,13909],{"class":1052,"line":1964},[1050,13905,13906],{"class":1192},"        critical_selectors ",[1050,13908,8296],{"class":1063},[1050,13910,13911],{"class":1063}," [\n",[1050,13913,13914,13917,13920,13922,13924,13926,13929,13931,13933,13935,13938,13940,13942,13944,13947,13949],{"class":1052,"line":1972},[1050,13915,13916],{"class":1221},"            '",[1050,13918,13919],{"class":1225},"header",[1050,13921,1229],{"class":1221},[1050,13923,1213],{"class":1063},[1050,13925,1222],{"class":1221},[1050,13927,13928],{"class":1225},"nav",[1050,13930,1229],{"class":1221},[1050,13932,1213],{"class":1063},[1050,13934,1222],{"class":1221},[1050,13936,13937],{"class":1225},".header",[1050,13939,1229],{"class":1221},[1050,13941,1213],{"class":1063},[1050,13943,1222],{"class":1221},[1050,13945,13946],{"class":1225},".navbar",[1050,13948,1229],{"class":1221},[1050,13950,1489],{"class":1063},[1050,13952,13953,13955,13957,13959,13961,13963,13965,13967,13969,13971,13974,13976,13978,13980,13983,13985],{"class":1052,"line":1988},[1050,13954,13916],{"class":1221},[1050,13956,1022],{"class":1225},[1050,13958,1229],{"class":1221},[1050,13960,1213],{"class":1063},[1050,13962,1222],{"class":1221},[1050,13964,1030],{"class":1225},[1050,13966,1229],{"class":1221},[1050,13968,1213],{"class":1063},[1050,13970,1222],{"class":1221},[1050,13972,13973],{"class":1225},".hero",[1050,13975,1229],{"class":1221},[1050,13977,1213],{"class":1063},[1050,13979,1222],{"class":1221},[1050,13981,13982],{"class":1225},".banner",[1050,13984,1229],{"class":1221},[1050,13986,1489],{"class":1063},[1050,13988,13989,13991,13994,13996,13998,14000,14003],{"class":1052,"line":2001},[1050,13990,13916],{"class":1221},[1050,13992,13993],{"class":1225},".above-fold",[1050,13995,1229],{"class":1221},[1050,13997,1213],{"class":1063},[1050,13999,1222],{"class":1221},[1050,14001,14002],{"class":1225},"[data-critical]",[1050,14004,4852],{"class":1221},[1050,14006,14007],{"class":1052,"line":2023},[1050,14008,14009],{"class":1063},"        ]\n",[1050,14011,14012],{"class":1052,"line":2028},[1050,14013,9395],{"class":1192},[1050,14015,14016,14018,14020,14023],{"class":1052,"line":2033},[1050,14017,13348],{"class":1192},[1050,14019,8296],{"class":1063},[1050,14021,14022],{"class":3017}," set",[1050,14024,9648],{"class":1063},[1050,14026,14027],{"class":1052,"line":2045},[1050,14028,9395],{"class":1192},[1050,14030,14031,14033,14036,14038,14041],{"class":1052,"line":2057},[1050,14032,13611],{"class":2965},[1050,14034,14035],{"class":1192}," selector ",[1050,14037,13617],{"class":2965},[1050,14039,14040],{"class":1192}," critical_selectors",[1050,14042,10465],{"class":1063},[1050,14044,14045,14048,14050,14052,14054,14057,14059,14061],{"class":1052,"line":2073},[1050,14046,14047],{"class":1192},"            elements ",[1050,14049,8296],{"class":1063},[1050,14051,13890],{"class":1192},[1050,14053,2106],{"class":1063},[1050,14055,14056],{"class":9614},"select",[1050,14058,1265],{"class":1063},[1050,14060,13771],{"class":9614},[1050,14062,4705],{"class":1063},[1050,14064,14065,14068,14071,14073,14076],{"class":1052,"line":2085},[1050,14066,14067],{"class":2965},"            for",[1050,14069,14070],{"class":1192}," element ",[1050,14072,13617],{"class":2965},[1050,14074,14075],{"class":1192}," elements",[1050,14077,10465],{"class":1063},[1050,14079,14080,14083,14085,14087,14089,14091,14093,14095],{"class":1052,"line":6008},[1050,14081,14082],{"class":1192},"                critical_elements",[1050,14084,2106],{"class":1063},[1050,14086,5458],{"class":9614},[1050,14088,1265],{"class":1063},[1050,14090,4924],{"class":9614},[1050,14092,2106],{"class":1063},[1050,14094,6684],{"class":4049},[1050,14096,4705],{"class":1063},[1050,14098,14099,14102,14104,14106,14108,14110,14112,14114,14116],{"class":1052,"line":6013},[1050,14100,14101],{"class":2965},"                if",[1050,14103,4947],{"class":1192},[1050,14105,2106],{"class":1063},[1050,14107,4307],{"class":9614},[1050,14109,1265],{"class":1063},[1050,14111,1229],{"class":1221},[1050,14113,3827],{"class":1225},[1050,14115,1229],{"class":1221},[1050,14117,9561],{"class":1063},[1050,14119,14120,14123,14126,14128,14130,14132,14134,14136,14138,14140,14142],{"class":1052,"line":6018},[1050,14121,14122],{"class":2965},"                    for",[1050,14124,14125],{"class":1192}," class_name ",[1050,14127,13617],{"class":2965},[1050,14129,4947],{"class":1192},[1050,14131,2106],{"class":1063},[1050,14133,4307],{"class":9614},[1050,14135,1265],{"class":1063},[1050,14137,1229],{"class":1221},[1050,14139,3827],{"class":1225},[1050,14141,1229],{"class":1221},[1050,14143,9561],{"class":1063},[1050,14145,14146,14149,14151,14153,14155,14157,14160,14162,14165,14167,14169],{"class":1052,"line":6023},[1050,14147,14148],{"class":1192},"                        critical_elements",[1050,14150,2106],{"class":1063},[1050,14152,5458],{"class":9614},[1050,14154,1265],{"class":1063},[1050,14156,13532],{"class":3826},[1050,14158,14159],{"class":1225},"'.",[1050,14161,13539],{"class":13538},[1050,14163,14164],{"class":9614},"class_name",[1050,14166,3982],{"class":13538},[1050,14168,1229],{"class":1225},[1050,14170,4705],{"class":1063},[1050,14172,14173,14175,14177,14179,14181,14183,14185,14187,14189],{"class":1052,"line":6055},[1050,14174,14101],{"class":2965},[1050,14176,4947],{"class":1192},[1050,14178,2106],{"class":1063},[1050,14180,4307],{"class":9614},[1050,14182,1265],{"class":1063},[1050,14184,1229],{"class":1221},[1050,14186,6743],{"class":1225},[1050,14188,1229],{"class":1221},[1050,14190,9561],{"class":1063},[1050,14192,14193,14196,14198,14200,14202,14204,14207,14209,14211,14213,14215,14217,14219,14221,14223,14225,14227,14229],{"class":1052,"line":6060},[1050,14194,14195],{"class":1192},"                    critical_elements",[1050,14197,2106],{"class":1063},[1050,14199,5458],{"class":9614},[1050,14201,1265],{"class":1063},[1050,14203,13532],{"class":3826},[1050,14205,14206],{"class":1225},"'#",[1050,14208,13539],{"class":13538},[1050,14210,4924],{"class":9614},[1050,14212,2106],{"class":1063},[1050,14214,4307],{"class":9614},[1050,14216,1265],{"class":1063},[1050,14218,8299],{"class":1221},[1050,14220,6743],{"class":1225},[1050,14222,8299],{"class":1221},[1050,14224,2163],{"class":1063},[1050,14226,3982],{"class":13538},[1050,14228,1229],{"class":1225},[1050,14230,4705],{"class":1063},[1050,14232,14233],{"class":1052,"line":6065},[1050,14234,9395],{"class":1192},[1050,14236,14237,14239],{"class":1052,"line":6075},[1050,14238,4355],{"class":2965},[1050,14240,14241],{"class":1192}," critical_elements\n",[1050,14243,14244],{"class":1052,"line":6109},[1050,14245,3505],{"class":1192},[1050,14247,14248,14250,14253,14255,14257,14259,14262,14264,14267],{"class":1052,"line":6114},[1050,14249,9583],{"class":3826},[1050,14251,14252],{"class":2969}," match_css_rules",[1050,14254,1265],{"class":1063},[1050,14256,9592],{"class":9591},[1050,14258,1213],{"class":1063},[1050,14260,14261],{"class":9597}," critical_elements",[1050,14263,1213],{"class":1063},[1050,14265,14266],{"class":9597}," css_rules",[1050,14268,9561],{"class":1063},[1050,14270,14271,14273,14276],{"class":1052,"line":7370},[1050,14272,9818],{"class":9566},[1050,14274,14275],{"class":9570},"Match CSS rules to critical elements",[1050,14277,9574],{"class":9566},[1050,14279,14280,14282,14284],{"class":1052,"line":7375},[1050,14281,13378],{"class":1192},[1050,14283,8296],{"class":1063},[1050,14285,13602],{"class":1063},[1050,14287,14288],{"class":1052,"line":7380},[1050,14289,9395],{"class":1192},[1050,14291,14292,14294,14296,14298,14300],{"class":1052,"line":7386},[1050,14293,13611],{"class":2965},[1050,14295,13720],{"class":1192},[1050,14297,13617],{"class":2965},[1050,14299,14266],{"class":1192},[1050,14301,10465],{"class":1063},[1050,14303,14304,14307,14309,14311,14313,14315,14317,14319],{"class":1052,"line":7423},[1050,14305,14306],{"class":1192},"            selector ",[1050,14308,8296],{"class":1063},[1050,14310,13735],{"class":1192},[1050,14312,4156],{"class":1063},[1050,14314,1229],{"class":1221},[1050,14316,13771],{"class":1225},[1050,14318,1229],{"class":1221},[1050,14320,14321],{"class":1063},"]\n",[1050,14323,14324],{"class":1052,"line":7474},[1050,14325,9699],{"class":1192},[1050,14327,14328],{"class":1052,"line":7483},[1050,14329,14330],{"class":1056},"            # Simple matching - in production, use a proper CSS selector parser\n",[1050,14332,14333,14335,14338,14340,14343,14345,14347,14350,14352,14354,14356],{"class":1052,"line":7488},[1050,14334,9653],{"class":2965},[1050,14336,14337],{"class":1261}," any",[1050,14339,1265],{"class":1063},[1050,14341,14342],{"class":9614},"element ",[1050,14344,13617],{"class":2965},[1050,14346,14035],{"class":9614},[1050,14348,14349],{"class":2965},"for",[1050,14351,14070],{"class":9614},[1050,14353,13617],{"class":2965},[1050,14355,14261],{"class":9614},[1050,14357,9561],{"class":1063},[1050,14359,14360,14363,14365,14367,14369,14371,14373,14375,14377,14379,14381,14383,14386,14388,14390,14392,14394,14396,14398,14401,14403],{"class":1052,"line":7493},[1050,14361,14362],{"class":1192},"                critical_css",[1050,14364,2106],{"class":1063},[1050,14366,4559],{"class":9614},[1050,14368,1265],{"class":1063},[1050,14370,13532],{"class":3826},[1050,14372,8299],{"class":1225},[1050,14374,13539],{"class":13538},[1050,14376,13771],{"class":9614},[1050,14378,3982],{"class":13538},[1050,14380,9333],{"class":1092},[1050,14382,1791],{"class":13538},[1050,14384,14385],{"class":9614},"rule",[1050,14387,4156],{"class":1063},[1050,14389,1229],{"class":1221},[1050,14391,13791],{"class":1225},[1050,14393,1229],{"class":1221},[1050,14395,4166],{"class":1063},[1050,14397,3982],{"class":13538},[1050,14399,14400],{"class":1092}," }}",[1050,14402,8299],{"class":1225},[1050,14404,4705],{"class":1063},[1050,14406,14407],{"class":1052,"line":7499},[1050,14408,9395],{"class":1192},[1050,14410,14411,14413,14415,14418,14420,14422,14425,14427,14430],{"class":1052,"line":7535},[1050,14412,4355],{"class":2965},[1050,14414,1222],{"class":1221},[1050,14416,14417],{"class":1092},"\\n",[1050,14419,1229],{"class":1221},[1050,14421,2106],{"class":1063},[1050,14423,14424],{"class":9614},"join",[1050,14426,1265],{"class":1063},[1050,14428,14429],{"class":9614},"critical_css",[1050,14431,4705],{"class":1063},[1050,14433,14434],{"class":1052,"line":7573},[1050,14435,1473],{"emptyLinePlaceholder":1472},[1050,14437,14438],{"class":1052,"line":7582},[1050,14439,14440],{"class":1056},"# Management command to extract critical CSS\n",[1050,14442,14443,14445,14448,14450,14453],{"class":1052,"line":7587},[1050,14444,3827],{"class":3826},[1050,14446,14447],{"class":3830}," Command",[1050,14449,1265],{"class":1063},[1050,14451,14452],{"class":9342},"BaseCommand",[1050,14454,9561],{"class":1063},[1050,14456,14457,14460,14462,14464,14467],{"class":1052,"line":7592},[1050,14458,14459],{"class":1261},"    help",[1050,14461,3847],{"class":1063},[1050,14463,1222],{"class":1221},[1050,14465,14466],{"class":1225},"Extract critical CSS for specified URLs",[1050,14468,4852],{"class":1221},[1050,14470,14471],{"class":1052,"line":7609},[1050,14472,3505],{"class":1192},[1050,14474,14475,14477,14480,14482,14484,14486,14489],{"class":1052,"line":7618},[1050,14476,9583],{"class":3826},[1050,14478,14479],{"class":2969}," add_arguments",[1050,14481,1265],{"class":1063},[1050,14483,9592],{"class":9591},[1050,14485,1213],{"class":1063},[1050,14487,14488],{"class":9597}," parser",[1050,14490,9561],{"class":1063},[1050,14492,14493,14496,14498,14501,14503,14505,14508,14510,14512,14515,14517,14519,14521,14523,14525,14528,14530,14532,14535,14537],{"class":1052,"line":7623},[1050,14494,14495],{"class":1192},"        parser",[1050,14497,2106],{"class":1063},[1050,14499,14500],{"class":9614},"add_argument",[1050,14502,1265],{"class":1063},[1050,14504,1229],{"class":1221},[1050,14506,14507],{"class":1225},"urls",[1050,14509,1229],{"class":1221},[1050,14511,1213],{"class":1063},[1050,14513,14514],{"class":3843}," nargs",[1050,14516,8296],{"class":1063},[1050,14518,1229],{"class":1221},[1050,14520,8174],{"class":1225},[1050,14522,1229],{"class":1221},[1050,14524,1213],{"class":1063},[1050,14526,14527],{"class":3843}," help",[1050,14529,8296],{"class":1063},[1050,14531,1229],{"class":1221},[1050,14533,14534],{"class":1225},"URLs to extract critical CSS for",[1050,14536,1229],{"class":1221},[1050,14538,4705],{"class":1063},[1050,14540,14541,14543,14545,14547,14549,14551,14554,14556,14558,14560,14562,14564,14566,14568,14570,14572,14574,14576,14579,14581],{"class":1052,"line":7628},[1050,14542,14495],{"class":1192},[1050,14544,2106],{"class":1063},[1050,14546,14500],{"class":9614},[1050,14548,1265],{"class":1063},[1050,14550,1229],{"class":1221},[1050,14552,14553],{"class":1225},"--css-files",[1050,14555,1229],{"class":1221},[1050,14557,1213],{"class":1063},[1050,14559,14514],{"class":3843},[1050,14561,8296],{"class":1063},[1050,14563,1229],{"class":1221},[1050,14565,8174],{"class":1225},[1050,14567,1229],{"class":1221},[1050,14569,1213],{"class":1063},[1050,14571,14527],{"class":3843},[1050,14573,8296],{"class":1063},[1050,14575,1229],{"class":1221},[1050,14577,14578],{"class":1225},"CSS files to analyze",[1050,14580,1229],{"class":1221},[1050,14582,4705],{"class":1063},[1050,14584,14585,14587,14589,14591,14593,14595,14598,14600,14602,14604,14606,14608,14611,14613],{"class":1052,"line":7647},[1050,14586,14495],{"class":1192},[1050,14588,2106],{"class":1063},[1050,14590,14500],{"class":9614},[1050,14592,1265],{"class":1063},[1050,14594,1229],{"class":1221},[1050,14596,14597],{"class":1225},"--output",[1050,14599,1229],{"class":1221},[1050,14601,1213],{"class":1063},[1050,14603,14527],{"class":3843},[1050,14605,8296],{"class":1063},[1050,14607,1229],{"class":1221},[1050,14609,14610],{"class":1225},"Output file for critical CSS",[1050,14612,1229],{"class":1221},[1050,14614,4705],{"class":1063},[1050,14616,14617],{"class":1052,"line":7685},[1050,14618,3505],{"class":1192},[1050,14620,14621,14623,14626,14628,14630,14632,14635,14638,14640,14643,14645],{"class":1052,"line":7698},[1050,14622,9583],{"class":3826},[1050,14624,14625],{"class":2969}," handle",[1050,14627,1265],{"class":1063},[1050,14629,9592],{"class":9591},[1050,14631,1213],{"class":1063},[1050,14633,14634],{"class":4072}," *",[1050,14636,14637],{"class":9597},"args",[1050,14639,1213],{"class":1063},[1050,14641,14642],{"class":4072}," **",[1050,14644,4024],{"class":9597},[1050,14646,9561],{"class":1063},[1050,14648,14649,14652,14654,14656],{"class":1052,"line":7714},[1050,14650,14651],{"class":1192},"        extractor ",[1050,14653,8296],{"class":1063},[1050,14655,13128],{"class":9614},[1050,14657,9648],{"class":1063},[1050,14659,14660],{"class":1052,"line":7740},[1050,14661,9395],{"class":1192},[1050,14663,14664,14667,14669],{"class":1052,"line":7745},[1050,14665,14666],{"class":1192},"        all_critical_css ",[1050,14668,8296],{"class":1063},[1050,14670,13602],{"class":1063},[1050,14672,14673],{"class":1052,"line":7750},[1050,14674,9395],{"class":1192},[1050,14676,14677,14679,14682,14684,14686,14688,14690,14692,14694],{"class":1052,"line":7777},[1050,14678,13611],{"class":2965},[1050,14680,14681],{"class":1192}," url ",[1050,14683,13617],{"class":2965},[1050,14685,3942],{"class":1192},[1050,14687,4156],{"class":1063},[1050,14689,1229],{"class":1221},[1050,14691,14507],{"class":1225},[1050,14693,1229],{"class":1221},[1050,14695,14696],{"class":1063},"]:\n",[1050,14698,14699,14702,14704,14707,14709,14712,14714,14716,14719,14721,14723,14725,14728],{"class":1052,"line":7807},[1050,14700,14701],{"class":1092},"            self",[1050,14703,2106],{"class":1063},[1050,14705,14706],{"class":4049},"stdout",[1050,14708,2106],{"class":1063},[1050,14710,14711],{"class":9614},"write",[1050,14713,1265],{"class":1063},[1050,14715,13532],{"class":3826},[1050,14717,14718],{"class":1225},"'Extracting critical CSS for ",[1050,14720,13539],{"class":13538},[1050,14722,4211],{"class":9614},[1050,14724,3982],{"class":13538},[1050,14726,14727],{"class":1225},"...'",[1050,14729,4705],{"class":1063},[1050,14731,14732],{"class":1052,"line":7832},[1050,14733,9699],{"class":1192},[1050,14735,14736,14739,14741,14744,14746,14749],{"class":1052,"line":7837},[1050,14737,14738],{"class":1192},"            critical_css ",[1050,14740,8296],{"class":1063},[1050,14742,14743],{"class":1192}," extractor",[1050,14745,2106],{"class":1063},[1050,14747,14748],{"class":9614},"extract_critical_css",[1050,14750,14751],{"class":1063},"(\n",[1050,14753,14754,14757,14759],{"class":1052,"line":7842},[1050,14755,14756],{"class":9614},"                url",[1050,14758,1213],{"class":1063},[1050,14760,4544],{"class":9614},[1050,14762,14763,14766,14768,14770,14772,14774,14776,14778,14780],{"class":1052,"line":7856},[1050,14764,14765],{"class":9614},"                options",[1050,14767,2106],{"class":1063},[1050,14769,4307],{"class":9614},[1050,14771,1265],{"class":1063},[1050,14773,1229],{"class":1221},[1050,14775,13332],{"class":1225},[1050,14777,1229],{"class":1221},[1050,14779,1213],{"class":1063},[1050,14781,14782],{"class":1063}," [])\n",[1050,14784,14785],{"class":1052,"line":7893},[1050,14786,14787],{"class":1063},"            )\n",[1050,14789,14790],{"class":1052,"line":7906},[1050,14791,9699],{"class":1192},[1050,14793,14794,14796,14799],{"class":1052,"line":7922},[1050,14795,9653],{"class":2965},[1050,14797,14798],{"class":1192}," critical_css",[1050,14800,10465],{"class":1063},[1050,14802,14803,14806,14808,14810,14812,14814],{"class":1052,"line":7946},[1050,14804,14805],{"class":1192},"                all_critical_css",[1050,14807,2106],{"class":1063},[1050,14809,4559],{"class":9614},[1050,14811,1265],{"class":1063},[1050,14813,14429],{"class":9614},[1050,14815,4705],{"class":1063},[1050,14817,14818],{"class":1052,"line":7951},[1050,14819,9395],{"class":1192},[1050,14821,14822],{"class":1052,"line":7956},[1050,14823,14824],{"class":1056},"        # Combine and deduplicate CSS\n",[1050,14826,14827,14830,14832,14834,14836,14838,14840,14842,14844,14847],{"class":1052,"line":7981},[1050,14828,14829],{"class":1192},"        combined_css ",[1050,14831,8296],{"class":1063},[1050,14833,1222],{"class":1221},[1050,14835,14417],{"class":1092},[1050,14837,1229],{"class":1221},[1050,14839,2106],{"class":1063},[1050,14841,14424],{"class":9614},[1050,14843,1265],{"class":1063},[1050,14845,14846],{"class":9614},"all_critical_css",[1050,14848,4705],{"class":1063},[1050,14850,14851],{"class":1052,"line":8010},[1050,14852,9395],{"class":1192},[1050,14854,14855,14857,14859,14861,14863,14865,14867,14870,14872],{"class":1052,"line":8034},[1050,14856,5246],{"class":2965},[1050,14858,3942],{"class":1192},[1050,14860,2106],{"class":1063},[1050,14862,4307],{"class":9614},[1050,14864,1265],{"class":1063},[1050,14866,1229],{"class":1221},[1050,14868,14869],{"class":1225},"output",[1050,14871,1229],{"class":1221},[1050,14873,9561],{"class":1063},[1050,14875,14876,14879,14881,14883,14885,14887,14889,14891,14893,14896,14898,14901,14903,14905,14907,14909,14911,14913,14915,14917,14919,14921],{"class":1052,"line":8039},[1050,14877,14878],{"class":2965},"            with",[1050,14880,13636],{"class":1261},[1050,14882,1265],{"class":1063},[1050,14884,4024],{"class":9614},[1050,14886,4156],{"class":1063},[1050,14888,1229],{"class":1221},[1050,14890,14869],{"class":1225},[1050,14892,1229],{"class":1221},[1050,14894,14895],{"class":1063},"],",[1050,14897,1222],{"class":1221},[1050,14899,14900],{"class":1225},"w",[1050,14902,1229],{"class":1221},[1050,14904,1213],{"class":1063},[1050,14906,13654],{"class":3843},[1050,14908,8296],{"class":1063},[1050,14910,1229],{"class":1221},[1050,14912,9690],{"class":1225},[1050,14914,1229],{"class":1221},[1050,14916,2163],{"class":1063},[1050,14918,8487],{"class":2965},[1050,14920,13669],{"class":1192},[1050,14922,10465],{"class":1063},[1050,14924,14925,14928,14930,14932,14934,14937],{"class":1052,"line":8044},[1050,14926,14927],{"class":1192},"                f",[1050,14929,2106],{"class":1063},[1050,14931,14711],{"class":9614},[1050,14933,1265],{"class":1063},[1050,14935,14936],{"class":9614},"combined_css",[1050,14938,4705],{"class":1063},[1050,14940,14941,14943,14945,14947,14949,14951,14953,14955,14958,14960,14962,14964,14966,14968,14970,14972,14974,14976],{"class":1052,"line":8054},[1050,14942,14701],{"class":1092},[1050,14944,2106],{"class":1063},[1050,14946,14706],{"class":4049},[1050,14948,2106],{"class":1063},[1050,14950,14711],{"class":9614},[1050,14952,1265],{"class":1063},[1050,14954,13532],{"class":3826},[1050,14956,14957],{"class":1225},"'Critical CSS saved to ",[1050,14959,13539],{"class":13538},[1050,14961,4024],{"class":9614},[1050,14963,4156],{"class":1063},[1050,14965,8299],{"class":1221},[1050,14967,14869],{"class":1225},[1050,14969,8299],{"class":1221},[1050,14971,4166],{"class":1063},[1050,14973,3982],{"class":13538},[1050,14975,1229],{"class":1225},[1050,14977,4705],{"class":1063},[1050,14979,14980,14983],{"class":1052,"line":8087},[1050,14981,14982],{"class":2965},"        else",[1050,14984,10465],{"class":1063},[1050,14986,14987,14989,14991,14993,14995,14997,14999,15001],{"class":1052,"line":8101},[1050,14988,14701],{"class":1092},[1050,14990,2106],{"class":1063},[1050,14992,14706],{"class":4049},[1050,14994,2106],{"class":1063},[1050,14996,14711],{"class":9614},[1050,14998,1265],{"class":1063},[1050,15000,14936],{"class":9614},[1050,15002,4705],{"class":1063},[1030,15004,15006],{"id":15005},"progressive-enhancement","Progressive Enhancement",[1035,15008,15010],{"id":15009},"feature-detection-and-polyfills","Feature Detection and Polyfills",[1040,15012,15014],{"className":3812,"code":15013,"language":3814,"meta":1045,"style":1045},"// static/js/utils/feature-detection.js\nexport class FeatureDetector {\n  constructor() {\n    this.features = new Map();\n    this.detectFeatures();\n  }\n  \n  detectFeatures() {\n    // CSS Features\n    this.features.set('css-grid', this.supportsCSSGrid());\n    this.features.set('css-custom-properties', this.supportsCSSCustomProperties());\n    this.features.set('css-flexbox', this.supportsCSSFlexbox());\n    \n    // JavaScript Features\n    this.features.set('es6-modules', this.supportsES6Modules());\n    this.features.set('intersection-observer', this.supportsIntersectionObserver());\n    this.features.set('service-worker', this.supportsServiceWorker());\n    \n    // Browser APIs\n    this.features.set('local-storage', this.supportsLocalStorage());\n    this.features.set('session-storage', this.supportsSessionStorage());\n    this.features.set('web-workers', this.supportsWebWorkers());\n    this.features.set('fetch', this.supportsFetch());\n    \n    // Add feature classes to document\n    this.addFeatureClasses();\n  }\n  \n  supportsCSSGrid() {\n    return CSS.supports('display', 'grid');\n  }\n  \n  supportsCSSCustomProperties() {\n    return CSS.supports('--custom-property', 'value');\n  }\n  \n  supportsCSSFlexbox() {\n    return CSS.supports('display', 'flex');\n  }\n  \n  supportsES6Modules() {\n    const script = document.createElement('script');\n    return 'noModule' in script;\n  }\n  \n  supportsIntersectionObserver() {\n    return 'IntersectionObserver' in window;\n  }\n  \n  supportsServiceWorker() {\n    return 'serviceWorker' in navigator;\n  }\n  \n  supportsLocalStorage() {\n    try {\n      const test = 'test';\n      localStorage.setItem(test, test);\n      localStorage.removeItem(test);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n  \n  supportsSessionStorage() {\n    try {\n      const test = 'test';\n      sessionStorage.setItem(test, test);\n      sessionStorage.removeItem(test);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n  \n  supportsWebWorkers() {\n    return typeof Worker !== 'undefined';\n  }\n  \n  supportsFetch() {\n    return 'fetch' in window;\n  }\n  \n  addFeatureClasses() {\n    const html = document.documentElement;\n    \n    this.features.forEach((supported, feature) => {\n      const className = supported ? `supports-${feature}` : `no-${feature}`;\n      html.classList.add(className);\n    });\n  }\n  \n  hasFeature(feature) {\n    return this.features.get(feature) || false;\n  }\n  \n  async loadPolyfill(feature, polyfillUrl) {\n    if (this.hasFeature(feature)) {\n      return Promise.resolve();\n    }\n    \n    return new Promise((resolve, reject) => {\n      const script = document.createElement('script');\n      script.src = polyfillUrl;\n      script.onload = resolve;\n      script.onerror = reject;\n      document.head.appendChild(script);\n    });\n  }\n}\n\n// Initialize feature detection\nconst featureDetector = new FeatureDetector();\n\n// Load polyfills as needed\n(async () => {\n  const polyfills = [\n    {\n      feature: 'intersection-observer',\n      url: 'https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver'\n    },\n    {\n      feature: 'fetch',\n      url: 'https://polyfill.io/v3/polyfill.min.js?features=fetch'\n    }\n  ];\n  \n  for (const polyfill of polyfills) {\n    try {\n      await featureDetector.loadPolyfill(polyfill.feature, polyfill.url);\n    } catch (error) {\n      console.warn(`Failed to load polyfill for ${polyfill.feature}:`, error);\n    }\n  }\n})();\n\nexport default featureDetector;\n",[1047,15015,15016,15021,15032,15040,15059,15072,15076,15080,15089,15094,15128,15162,15196,15200,15205,15239,15273,15307,15311,15316,15350,15384,15418,15452,15456,15461,15474,15478,15482,15491,15524,15528,15532,15541,15572,15576,15580,15589,15620,15624,15628,15637,15664,15681,15685,15689,15698,15716,15720,15724,15733,15749,15753,15757,15766,15772,15789,15810,15827,15835,15849,15857,15861,15865,15869,15878,15884,15900,15921,15937,15945,15959,15967,15971,15975,15979,15988,16009,16013,16017,16026,16042,16046,16050,16059,16075,16079,16109,16154,16175,16183,16187,16191,16204,16230,16234,16238,16258,16279,16293,16297,16301,16325,16351,16367,16381,16395,16415,16423,16427,16431,16435,16440,16457,16461,16466,16479,16491,16496,16511,16524,16529,16533,16547,16560,16564,16571,16575,16596,16602,16634,16648,16685,16689,16693,16702,16706],{"__ignoreMap":1045},[1050,15017,15018],{"class":1052,"line":1053},[1050,15019,15020],{"class":1056},"// static/js/utils/feature-detection.js\n",[1050,15022,15023,15025,15027,15030],{"class":1052,"line":1060},[1050,15024,4877],{"class":2965},[1050,15026,4910],{"class":3826},[1050,15028,15029],{"class":3830}," FeatureDetector",[1050,15031,1071],{"class":1063},[1050,15033,15034,15036,15038],{"class":1052,"line":1074},[1050,15035,3838],{"class":3826},[1050,15037,4367],{"class":1063},[1050,15039,1071],{"class":1063},[1050,15041,15042,15044,15046,15049,15051,15053,15055,15057],{"class":1052,"line":1080},[1050,15043,3864],{"class":3863},[1050,15045,2106],{"class":1063},[1050,15047,15048],{"class":1083},"features",[1050,15050,3847],{"class":1063},[1050,15052,4252],{"class":4072},[1050,15054,10172],{"class":2969},[1050,15056,4367],{"class":4062},[1050,15058,1096],{"class":1063},[1050,15060,15061,15063,15065,15068,15070],{"class":1052,"line":1099},[1050,15062,3864],{"class":3863},[1050,15064,2106],{"class":1063},[1050,15066,15067],{"class":2969},"detectFeatures",[1050,15069,4367],{"class":4062},[1050,15071,1096],{"class":1063},[1050,15073,15074],{"class":1052,"line":1114},[1050,15075,3053],{"class":1063},[1050,15077,15078],{"class":1052,"line":1129},[1050,15079,1193],{"class":1192},[1050,15081,15082,15085,15087],{"class":1052,"line":1144},[1050,15083,15084],{"class":3931},"  detectFeatures",[1050,15086,4367],{"class":1063},[1050,15088,1071],{"class":1063},[1050,15090,15091],{"class":1052,"line":1159},[1050,15092,15093],{"class":1056},"    // CSS Features\n",[1050,15095,15096,15098,15100,15102,15104,15106,15108,15110,15113,15115,15117,15119,15121,15124,15126],{"class":1052,"line":1174},[1050,15097,3864],{"class":3863},[1050,15099,2106],{"class":1063},[1050,15101,15048],{"class":1083},[1050,15103,2106],{"class":1063},[1050,15105,10478],{"class":2969},[1050,15107,1265],{"class":4062},[1050,15109,1229],{"class":1221},[1050,15111,15112],{"class":1225},"css-grid",[1050,15114,1229],{"class":1221},[1050,15116,1213],{"class":1063},[1050,15118,4502],{"class":3863},[1050,15120,2106],{"class":1063},[1050,15122,15123],{"class":2969},"supportsCSSGrid",[1050,15125,5174],{"class":4062},[1050,15127,1096],{"class":1063},[1050,15129,15130,15132,15134,15136,15138,15140,15142,15144,15147,15149,15151,15153,15155,15158,15160],{"class":1052,"line":1189},[1050,15131,3864],{"class":3863},[1050,15133,2106],{"class":1063},[1050,15135,15048],{"class":1083},[1050,15137,2106],{"class":1063},[1050,15139,10478],{"class":2969},[1050,15141,1265],{"class":4062},[1050,15143,1229],{"class":1221},[1050,15145,15146],{"class":1225},"css-custom-properties",[1050,15148,1229],{"class":1221},[1050,15150,1213],{"class":1063},[1050,15152,4502],{"class":3863},[1050,15154,2106],{"class":1063},[1050,15156,15157],{"class":2969},"supportsCSSCustomProperties",[1050,15159,5174],{"class":4062},[1050,15161,1096],{"class":1063},[1050,15163,15164,15166,15168,15170,15172,15174,15176,15178,15181,15183,15185,15187,15189,15192,15194],{"class":1052,"line":1196},[1050,15165,3864],{"class":3863},[1050,15167,2106],{"class":1063},[1050,15169,15048],{"class":1083},[1050,15171,2106],{"class":1063},[1050,15173,10478],{"class":2969},[1050,15175,1265],{"class":4062},[1050,15177,1229],{"class":1221},[1050,15179,15180],{"class":1225},"css-flexbox",[1050,15182,1229],{"class":1221},[1050,15184,1213],{"class":1063},[1050,15186,4502],{"class":3863},[1050,15188,2106],{"class":1063},[1050,15190,15191],{"class":2969},"supportsCSSFlexbox",[1050,15193,5174],{"class":4062},[1050,15195,1096],{"class":1063},[1050,15197,15198],{"class":1052,"line":1202},[1050,15199,3505],{"class":4049},[1050,15201,15202],{"class":1052,"line":1244},[1050,15203,15204],{"class":1056},"    // JavaScript Features\n",[1050,15206,15207,15209,15211,15213,15215,15217,15219,15221,15224,15226,15228,15230,15232,15235,15237],{"class":1052,"line":1274},[1050,15208,3864],{"class":3863},[1050,15210,2106],{"class":1063},[1050,15212,15048],{"class":1083},[1050,15214,2106],{"class":1063},[1050,15216,10478],{"class":2969},[1050,15218,1265],{"class":4062},[1050,15220,1229],{"class":1221},[1050,15222,15223],{"class":1225},"es6-modules",[1050,15225,1229],{"class":1221},[1050,15227,1213],{"class":1063},[1050,15229,4502],{"class":3863},[1050,15231,2106],{"class":1063},[1050,15233,15234],{"class":2969},"supportsES6Modules",[1050,15236,5174],{"class":4062},[1050,15238,1096],{"class":1063},[1050,15240,15241,15243,15245,15247,15249,15251,15253,15255,15258,15260,15262,15264,15266,15269,15271],{"class":1052,"line":1292},[1050,15242,3864],{"class":3863},[1050,15244,2106],{"class":1063},[1050,15246,15048],{"class":1083},[1050,15248,2106],{"class":1063},[1050,15250,10478],{"class":2969},[1050,15252,1265],{"class":4062},[1050,15254,1229],{"class":1221},[1050,15256,15257],{"class":1225},"intersection-observer",[1050,15259,1229],{"class":1221},[1050,15261,1213],{"class":1063},[1050,15263,4502],{"class":3863},[1050,15265,2106],{"class":1063},[1050,15267,15268],{"class":2969},"supportsIntersectionObserver",[1050,15270,5174],{"class":4062},[1050,15272,1096],{"class":1063},[1050,15274,15275,15277,15279,15281,15283,15285,15287,15289,15292,15294,15296,15298,15300,15303,15305],{"class":1052,"line":1305},[1050,15276,3864],{"class":3863},[1050,15278,2106],{"class":1063},[1050,15280,15048],{"class":1083},[1050,15282,2106],{"class":1063},[1050,15284,10478],{"class":2969},[1050,15286,1265],{"class":4062},[1050,15288,1229],{"class":1221},[1050,15290,15291],{"class":1225},"service-worker",[1050,15293,1229],{"class":1221},[1050,15295,1213],{"class":1063},[1050,15297,4502],{"class":3863},[1050,15299,2106],{"class":1063},[1050,15301,15302],{"class":2969},"supportsServiceWorker",[1050,15304,5174],{"class":4062},[1050,15306,1096],{"class":1063},[1050,15308,15309],{"class":1052,"line":1310},[1050,15310,3505],{"class":4049},[1050,15312,15313],{"class":1052,"line":1316},[1050,15314,15315],{"class":1056},"    // Browser APIs\n",[1050,15317,15318,15320,15322,15324,15326,15328,15330,15332,15335,15337,15339,15341,15343,15346,15348],{"class":1052,"line":1332},[1050,15319,3864],{"class":3863},[1050,15321,2106],{"class":1063},[1050,15323,15048],{"class":1083},[1050,15325,2106],{"class":1063},[1050,15327,10478],{"class":2969},[1050,15329,1265],{"class":4062},[1050,15331,1229],{"class":1221},[1050,15333,15334],{"class":1225},"local-storage",[1050,15336,1229],{"class":1221},[1050,15338,1213],{"class":1063},[1050,15340,4502],{"class":3863},[1050,15342,2106],{"class":1063},[1050,15344,15345],{"class":2969},"supportsLocalStorage",[1050,15347,5174],{"class":4062},[1050,15349,1096],{"class":1063},[1050,15351,15352,15354,15356,15358,15360,15362,15364,15366,15369,15371,15373,15375,15377,15380,15382],{"class":1052,"line":1347},[1050,15353,3864],{"class":3863},[1050,15355,2106],{"class":1063},[1050,15357,15048],{"class":1083},[1050,15359,2106],{"class":1063},[1050,15361,10478],{"class":2969},[1050,15363,1265],{"class":4062},[1050,15365,1229],{"class":1221},[1050,15367,15368],{"class":1225},"session-storage",[1050,15370,1229],{"class":1221},[1050,15372,1213],{"class":1063},[1050,15374,4502],{"class":3863},[1050,15376,2106],{"class":1063},[1050,15378,15379],{"class":2969},"supportsSessionStorage",[1050,15381,5174],{"class":4062},[1050,15383,1096],{"class":1063},[1050,15385,15386,15388,15390,15392,15394,15396,15398,15400,15403,15405,15407,15409,15411,15414,15416],{"class":1052,"line":1362},[1050,15387,3864],{"class":3863},[1050,15389,2106],{"class":1063},[1050,15391,15048],{"class":1083},[1050,15393,2106],{"class":1063},[1050,15395,10478],{"class":2969},[1050,15397,1265],{"class":4062},[1050,15399,1229],{"class":1221},[1050,15401,15402],{"class":1225},"web-workers",[1050,15404,1229],{"class":1221},[1050,15406,1213],{"class":1063},[1050,15408,4502],{"class":3863},[1050,15410,2106],{"class":1063},[1050,15412,15413],{"class":2969},"supportsWebWorkers",[1050,15415,5174],{"class":4062},[1050,15417,1096],{"class":1063},[1050,15419,15420,15422,15424,15426,15428,15430,15432,15434,15437,15439,15441,15443,15445,15448,15450],{"class":1052,"line":1377},[1050,15421,3864],{"class":3863},[1050,15423,2106],{"class":1063},[1050,15425,15048],{"class":1083},[1050,15427,2106],{"class":1063},[1050,15429,10478],{"class":2969},[1050,15431,1265],{"class":4062},[1050,15433,1229],{"class":1221},[1050,15435,15436],{"class":1225},"fetch",[1050,15438,1229],{"class":1221},[1050,15440,1213],{"class":1063},[1050,15442,4502],{"class":3863},[1050,15444,2106],{"class":1063},[1050,15446,15447],{"class":2969},"supportsFetch",[1050,15449,5174],{"class":4062},[1050,15451,1096],{"class":1063},[1050,15453,15454],{"class":1052,"line":1392},[1050,15455,3505],{"class":4049},[1050,15457,15458],{"class":1052,"line":1397},[1050,15459,15460],{"class":1056},"    // Add feature classes to document\n",[1050,15462,15463,15465,15467,15470,15472],{"class":1052,"line":1403},[1050,15464,3864],{"class":3863},[1050,15466,2106],{"class":1063},[1050,15468,15469],{"class":2969},"addFeatureClasses",[1050,15471,4367],{"class":4062},[1050,15473,1096],{"class":1063},[1050,15475,15476],{"class":1052,"line":1418},[1050,15477,3053],{"class":1063},[1050,15479,15480],{"class":1052,"line":1433},[1050,15481,1193],{"class":1192},[1050,15483,15484,15487,15489],{"class":1052,"line":1448},[1050,15485,15486],{"class":3931},"  supportsCSSGrid",[1050,15488,4367],{"class":1063},[1050,15490,1071],{"class":1063},[1050,15492,15493,15495,15498,15500,15503,15505,15507,15509,15511,15513,15515,15518,15520,15522],{"class":1052,"line":1463},[1050,15494,4590],{"class":2965},[1050,15496,15497],{"class":1083}," CSS",[1050,15499,2106],{"class":1063},[1050,15501,15502],{"class":2969},"supports",[1050,15504,1265],{"class":4062},[1050,15506,1229],{"class":1221},[1050,15508,7726],{"class":1225},[1050,15510,1229],{"class":1221},[1050,15512,1213],{"class":1063},[1050,15514,1222],{"class":1221},[1050,15516,15517],{"class":1225},"grid",[1050,15519,1229],{"class":1221},[1050,15521,2163],{"class":4062},[1050,15523,1096],{"class":1063},[1050,15525,15526],{"class":1052,"line":1469},[1050,15527,3053],{"class":1063},[1050,15529,15530],{"class":1052,"line":1476},[1050,15531,1193],{"class":1192},[1050,15533,15534,15537,15539],{"class":1052,"line":1482},[1050,15535,15536],{"class":3931},"  supportsCSSCustomProperties",[1050,15538,4367],{"class":1063},[1050,15540,1071],{"class":1063},[1050,15542,15543,15545,15547,15549,15551,15553,15555,15558,15560,15562,15564,15566,15568,15570],{"class":1052,"line":1492},[1050,15544,4590],{"class":2965},[1050,15546,15497],{"class":1083},[1050,15548,2106],{"class":1063},[1050,15550,15502],{"class":2969},[1050,15552,1265],{"class":4062},[1050,15554,1229],{"class":1221},[1050,15556,15557],{"class":1225},"--custom-property",[1050,15559,1229],{"class":1221},[1050,15561,1213],{"class":1063},[1050,15563,1222],{"class":1221},[1050,15565,4128],{"class":1225},[1050,15567,1229],{"class":1221},[1050,15569,2163],{"class":4062},[1050,15571,1096],{"class":1063},[1050,15573,15574],{"class":1052,"line":1505},[1050,15575,3053],{"class":1063},[1050,15577,15578],{"class":1052,"line":1517},[1050,15579,1193],{"class":1192},[1050,15581,15582,15585,15587],{"class":1052,"line":1531},[1050,15583,15584],{"class":3931},"  supportsCSSFlexbox",[1050,15586,4367],{"class":1063},[1050,15588,1071],{"class":1063},[1050,15590,15591,15593,15595,15597,15599,15601,15603,15605,15607,15609,15611,15614,15616,15618],{"class":1052,"line":1536},[1050,15592,4590],{"class":2965},[1050,15594,15497],{"class":1083},[1050,15596,2106],{"class":1063},[1050,15598,15502],{"class":2969},[1050,15600,1265],{"class":4062},[1050,15602,1229],{"class":1221},[1050,15604,7726],{"class":1225},[1050,15606,1229],{"class":1221},[1050,15608,1213],{"class":1063},[1050,15610,1222],{"class":1221},[1050,15612,15613],{"class":1225},"flex",[1050,15615,1229],{"class":1221},[1050,15617,2163],{"class":4062},[1050,15619,1096],{"class":1063},[1050,15621,15622],{"class":1052,"line":1541},[1050,15623,3053],{"class":1063},[1050,15625,15626],{"class":1052,"line":1549},[1050,15627,1193],{"class":1192},[1050,15629,15630,15633,15635],{"class":1052,"line":1565},[1050,15631,15632],{"class":3931},"  supportsES6Modules",[1050,15634,4367],{"class":1063},[1050,15636,1071],{"class":1063},[1050,15638,15639,15641,15644,15646,15648,15650,15652,15654,15656,15658,15660,15662],{"class":1052,"line":1582},[1050,15640,3954],{"class":3826},[1050,15642,15643],{"class":1083}," script",[1050,15645,3847],{"class":1063},[1050,15647,4106],{"class":1083},[1050,15649,2106],{"class":1063},[1050,15651,6720],{"class":2969},[1050,15653,1265],{"class":4062},[1050,15655,1229],{"class":1221},[1050,15657,8533],{"class":1225},[1050,15659,1229],{"class":1221},[1050,15661,2163],{"class":4062},[1050,15663,1096],{"class":1063},[1050,15665,15666,15668,15670,15673,15675,15677,15679],{"class":1052,"line":1599},[1050,15667,4590],{"class":2965},[1050,15669,1222],{"class":1221},[1050,15671,15672],{"class":1225},"noModule",[1050,15674,1229],{"class":1221},[1050,15676,11690],{"class":4072},[1050,15678,15643],{"class":1083},[1050,15680,1096],{"class":1063},[1050,15682,15683],{"class":1052,"line":1616},[1050,15684,3053],{"class":1063},[1050,15686,15687],{"class":1052,"line":1633},[1050,15688,1193],{"class":1192},[1050,15690,15691,15694,15696],{"class":1052,"line":1646},[1050,15692,15693],{"class":3931},"  supportsIntersectionObserver",[1050,15695,4367],{"class":1063},[1050,15697,1071],{"class":1063},[1050,15699,15700,15702,15704,15707,15709,15711,15714],{"class":1052,"line":1658},[1050,15701,4590],{"class":2965},[1050,15703,1222],{"class":1221},[1050,15705,15706],{"class":1225},"IntersectionObserver",[1050,15708,1229],{"class":1221},[1050,15710,11690],{"class":4072},[1050,15712,15713],{"class":1083}," window",[1050,15715,1096],{"class":1063},[1050,15717,15718],{"class":1052,"line":1663},[1050,15719,3053],{"class":1063},[1050,15721,15722],{"class":1052,"line":1668},[1050,15723,1193],{"class":1192},[1050,15725,15726,15729,15731],{"class":1052,"line":1674},[1050,15727,15728],{"class":3931},"  supportsServiceWorker",[1050,15730,4367],{"class":1063},[1050,15732,1071],{"class":1063},[1050,15734,15735,15737,15739,15741,15743,15745,15747],{"class":1052,"line":1706},[1050,15736,4590],{"class":2965},[1050,15738,1222],{"class":1221},[1050,15740,11685],{"class":1225},[1050,15742,1229],{"class":1221},[1050,15744,11690],{"class":4072},[1050,15746,11395],{"class":1083},[1050,15748,1096],{"class":1063},[1050,15750,15751],{"class":1052,"line":1722},[1050,15752,3053],{"class":1063},[1050,15754,15755],{"class":1052,"line":1735},[1050,15756,1193],{"class":1192},[1050,15758,15759,15762,15764],{"class":1052,"line":1747},[1050,15760,15761],{"class":3931},"  supportsLocalStorage",[1050,15763,4367],{"class":1063},[1050,15765,1071],{"class":1063},[1050,15767,15768,15770],{"class":1052,"line":1759},[1050,15769,4189],{"class":2965},[1050,15771,1071],{"class":1063},[1050,15773,15774,15776,15779,15781,15783,15785,15787],{"class":1052,"line":1776},[1050,15775,4098],{"class":3826},[1050,15777,15778],{"class":1083}," test",[1050,15780,3847],{"class":1063},[1050,15782,1222],{"class":1221},[1050,15784,8225],{"class":1225},[1050,15786,1229],{"class":1221},[1050,15788,1096],{"class":1063},[1050,15790,15791,15794,15796,15798,15800,15802,15804,15806,15808],{"class":1052,"line":1781},[1050,15792,15793],{"class":1083},"      localStorage",[1050,15795,2106],{"class":1063},[1050,15797,11342],{"class":2969},[1050,15799,1265],{"class":4062},[1050,15801,8225],{"class":1083},[1050,15803,1213],{"class":1063},[1050,15805,15778],{"class":1083},[1050,15807,2163],{"class":4062},[1050,15809,1096],{"class":1063},[1050,15811,15812,15814,15816,15819,15821,15823,15825],{"class":1052,"line":1786},[1050,15813,15793],{"class":1083},[1050,15815,2106],{"class":1063},[1050,15817,15818],{"class":2969},"removeItem",[1050,15820,1265],{"class":4062},[1050,15822,8225],{"class":1083},[1050,15824,2163],{"class":4062},[1050,15826,1096],{"class":1063},[1050,15828,15829,15831,15833],{"class":1052,"line":1810},[1050,15830,4382],{"class":2965},[1050,15832,4972],{"class":4971},[1050,15834,1096],{"class":1063},[1050,15836,15837,15839,15841,15843,15845,15847],{"class":1052,"line":1829},[1050,15838,4400],{"class":1063},[1050,15840,4403],{"class":2965},[1050,15842,3014],{"class":4062},[1050,15844,5235],{"class":1083},[1050,15846,2163],{"class":4062},[1050,15848,1071],{"class":1063},[1050,15850,15851,15853,15855],{"class":1052,"line":1849},[1050,15852,4382],{"class":2965},[1050,15854,5013],{"class":4971},[1050,15856,1096],{"class":1063},[1050,15858,15859],{"class":1052,"line":1869},[1050,15860,3048],{"class":1063},[1050,15862,15863],{"class":1052,"line":1890},[1050,15864,3053],{"class":1063},[1050,15866,15867],{"class":1052,"line":1910},[1050,15868,1193],{"class":1192},[1050,15870,15871,15874,15876],{"class":1052,"line":1915},[1050,15872,15873],{"class":3931},"  supportsSessionStorage",[1050,15875,4367],{"class":1063},[1050,15877,1071],{"class":1063},[1050,15879,15880,15882],{"class":1052,"line":1922},[1050,15881,4189],{"class":2965},[1050,15883,1071],{"class":1063},[1050,15885,15886,15888,15890,15892,15894,15896,15898],{"class":1052,"line":1933},[1050,15887,4098],{"class":3826},[1050,15889,15778],{"class":1083},[1050,15891,3847],{"class":1063},[1050,15893,1222],{"class":1221},[1050,15895,8225],{"class":1225},[1050,15897,1229],{"class":1221},[1050,15899,1096],{"class":1063},[1050,15901,15902,15905,15907,15909,15911,15913,15915,15917,15919],{"class":1052,"line":1948},[1050,15903,15904],{"class":1083},"      sessionStorage",[1050,15906,2106],{"class":1063},[1050,15908,11342],{"class":2969},[1050,15910,1265],{"class":4062},[1050,15912,8225],{"class":1083},[1050,15914,1213],{"class":1063},[1050,15916,15778],{"class":1083},[1050,15918,2163],{"class":4062},[1050,15920,1096],{"class":1063},[1050,15922,15923,15925,15927,15929,15931,15933,15935],{"class":1052,"line":1953},[1050,15924,15904],{"class":1083},[1050,15926,2106],{"class":1063},[1050,15928,15818],{"class":2969},[1050,15930,1265],{"class":4062},[1050,15932,8225],{"class":1083},[1050,15934,2163],{"class":4062},[1050,15936,1096],{"class":1063},[1050,15938,15939,15941,15943],{"class":1052,"line":1958},[1050,15940,4382],{"class":2965},[1050,15942,4972],{"class":4971},[1050,15944,1096],{"class":1063},[1050,15946,15947,15949,15951,15953,15955,15957],{"class":1052,"line":1964},[1050,15948,4400],{"class":1063},[1050,15950,4403],{"class":2965},[1050,15952,3014],{"class":4062},[1050,15954,5235],{"class":1083},[1050,15956,2163],{"class":4062},[1050,15958,1071],{"class":1063},[1050,15960,15961,15963,15965],{"class":1052,"line":1972},[1050,15962,4382],{"class":2965},[1050,15964,5013],{"class":4971},[1050,15966,1096],{"class":1063},[1050,15968,15969],{"class":1052,"line":1988},[1050,15970,3048],{"class":1063},[1050,15972,15973],{"class":1052,"line":2001},[1050,15974,3053],{"class":1063},[1050,15976,15977],{"class":1052,"line":2023},[1050,15978,1193],{"class":1192},[1050,15980,15981,15984,15986],{"class":1052,"line":2028},[1050,15982,15983],{"class":3931},"  supportsWebWorkers",[1050,15985,4367],{"class":1063},[1050,15987,1071],{"class":1063},[1050,15989,15990,15992,15995,15998,16000,16002,16005,16007],{"class":1052,"line":2033},[1050,15991,4590],{"class":2965},[1050,15993,15994],{"class":4072}," typeof",[1050,15996,15997],{"class":1083}," Worker",[1050,15999,4082],{"class":4072},[1050,16001,1222],{"class":1221},[1050,16003,16004],{"class":1225},"undefined",[1050,16006,1229],{"class":1221},[1050,16008,1096],{"class":1063},[1050,16010,16011],{"class":1052,"line":2045},[1050,16012,3053],{"class":1063},[1050,16014,16015],{"class":1052,"line":2057},[1050,16016,1193],{"class":1192},[1050,16018,16019,16022,16024],{"class":1052,"line":2073},[1050,16020,16021],{"class":3931},"  supportsFetch",[1050,16023,4367],{"class":1063},[1050,16025,1071],{"class":1063},[1050,16027,16028,16030,16032,16034,16036,16038,16040],{"class":1052,"line":2085},[1050,16029,4590],{"class":2965},[1050,16031,1222],{"class":1221},[1050,16033,15436],{"class":1225},[1050,16035,1229],{"class":1221},[1050,16037,11690],{"class":4072},[1050,16039,15713],{"class":1083},[1050,16041,1096],{"class":1063},[1050,16043,16044],{"class":1052,"line":6008},[1050,16045,3053],{"class":1063},[1050,16047,16048],{"class":1052,"line":6013},[1050,16049,1193],{"class":1192},[1050,16051,16052,16055,16057],{"class":1052,"line":6018},[1050,16053,16054],{"class":3931},"  addFeatureClasses",[1050,16056,4367],{"class":1063},[1050,16058,1071],{"class":1063},[1050,16060,16061,16063,16065,16067,16069,16071,16073],{"class":1052,"line":6023},[1050,16062,3954],{"class":3826},[1050,16064,8280],{"class":1083},[1050,16066,3847],{"class":1063},[1050,16068,4106],{"class":1083},[1050,16070,2106],{"class":1063},[1050,16072,11248],{"class":1083},[1050,16074,1096],{"class":1063},[1050,16076,16077],{"class":1052,"line":6055},[1050,16078,3505],{"class":4049},[1050,16080,16081,16083,16085,16087,16089,16091,16093,16095,16098,16100,16103,16105,16107],{"class":1052,"line":6060},[1050,16082,3864],{"class":3863},[1050,16084,2106],{"class":1063},[1050,16086,15048],{"class":1083},[1050,16088,2106],{"class":1063},[1050,16090,4532],{"class":2969},[1050,16092,1265],{"class":4062},[1050,16094,1265],{"class":1063},[1050,16096,16097],{"class":3843},"supported",[1050,16099,1213],{"class":1063},[1050,16101,16102],{"class":3843}," feature",[1050,16104,2163],{"class":1063},[1050,16106,4541],{"class":4540},[1050,16108,1071],{"class":1063},[1050,16110,16111,16113,16116,16118,16121,16123,16125,16128,16130,16133,16135,16137,16139,16141,16144,16146,16148,16150,16152],{"class":1052,"line":6065},[1050,16112,4098],{"class":3826},[1050,16114,16115],{"class":1083}," className",[1050,16117,3847],{"class":1063},[1050,16119,16120],{"class":1083}," supported",[1050,16122,6084],{"class":4072},[1050,16124,3962],{"class":1221},[1050,16126,16127],{"class":1225},"supports-",[1050,16129,3966],{"class":3965},[1050,16131,16132],{"class":3974},"feature",[1050,16134,3982],{"class":3965},[1050,16136,3985],{"class":1221},[1050,16138,6095],{"class":4072},[1050,16140,3962],{"class":1221},[1050,16142,16143],{"class":1225},"no-",[1050,16145,3966],{"class":3965},[1050,16147,16132],{"class":3974},[1050,16149,3982],{"class":3965},[1050,16151,3985],{"class":1221},[1050,16153,1096],{"class":1063},[1050,16155,16156,16159,16161,16163,16165,16167,16169,16171,16173],{"class":1052,"line":6075},[1050,16157,16158],{"class":1083},"      html",[1050,16160,2106],{"class":1063},[1050,16162,5453],{"class":1083},[1050,16164,2106],{"class":1063},[1050,16166,5458],{"class":2969},[1050,16168,1265],{"class":4062},[1050,16170,6772],{"class":1083},[1050,16172,2163],{"class":4062},[1050,16174,1096],{"class":1063},[1050,16176,16177,16179,16181],{"class":1052,"line":6109},[1050,16178,4400],{"class":1063},[1050,16180,2163],{"class":4062},[1050,16182,1096],{"class":1063},[1050,16184,16185],{"class":1052,"line":6114},[1050,16186,3053],{"class":1063},[1050,16188,16189],{"class":1052,"line":7370},[1050,16190,1193],{"class":1192},[1050,16192,16193,16196,16198,16200,16202],{"class":1052,"line":7375},[1050,16194,16195],{"class":3931},"  hasFeature",[1050,16197,1265],{"class":1063},[1050,16199,16132],{"class":3843},[1050,16201,2163],{"class":1063},[1050,16203,1071],{"class":1063},[1050,16205,16206,16208,16210,16212,16214,16216,16218,16220,16222,16224,16226,16228],{"class":1052,"line":7380},[1050,16207,4590],{"class":2965},[1050,16209,4502],{"class":3863},[1050,16211,2106],{"class":1063},[1050,16213,15048],{"class":1083},[1050,16215,2106],{"class":1063},[1050,16217,4307],{"class":2969},[1050,16219,1265],{"class":4062},[1050,16221,16132],{"class":1083},[1050,16223,2163],{"class":4062},[1050,16225,7197],{"class":4072},[1050,16227,5013],{"class":4971},[1050,16229,1096],{"class":1063},[1050,16231,16232],{"class":1052,"line":7386},[1050,16233,3053],{"class":1063},[1050,16235,16236],{"class":1052,"line":7423},[1050,16237,1193],{"class":1192},[1050,16239,16240,16242,16245,16247,16249,16251,16254,16256],{"class":1052,"line":7474},[1050,16241,3928],{"class":3826},[1050,16243,16244],{"class":3931}," loadPolyfill",[1050,16246,1265],{"class":1063},[1050,16248,16132],{"class":3843},[1050,16250,1213],{"class":1063},[1050,16252,16253],{"class":3843}," polyfillUrl",[1050,16255,2163],{"class":1063},[1050,16257,1071],{"class":1063},[1050,16259,16260,16262,16264,16266,16268,16271,16273,16275,16277],{"class":1052,"line":7483},[1050,16261,4059],{"class":2965},[1050,16263,3014],{"class":4062},[1050,16265,3969],{"class":3863},[1050,16267,2106],{"class":1063},[1050,16269,16270],{"class":2969},"hasFeature",[1050,16272,1265],{"class":4062},[1050,16274,16132],{"class":1083},[1050,16276,3034],{"class":4062},[1050,16278,1071],{"class":1063},[1050,16280,16281,16283,16285,16287,16289,16291],{"class":1052,"line":7488},[1050,16282,4382],{"class":2965},[1050,16284,12487],{"class":3017},[1050,16286,2106],{"class":1063},[1050,16288,12494],{"class":2969},[1050,16290,4367],{"class":4062},[1050,16292,1096],{"class":1063},[1050,16294,16295],{"class":1052,"line":7493},[1050,16296,3048],{"class":1063},[1050,16298,16299],{"class":1052,"line":7499},[1050,16300,3505],{"class":4049},[1050,16302,16303,16305,16307,16309,16311,16313,16315,16317,16319,16321,16323],{"class":1052,"line":7535},[1050,16304,4590],{"class":2965},[1050,16306,4252],{"class":4072},[1050,16308,12487],{"class":3017},[1050,16310,1265],{"class":4062},[1050,16312,1265],{"class":1063},[1050,16314,12494],{"class":3843},[1050,16316,1213],{"class":1063},[1050,16318,12499],{"class":3843},[1050,16320,2163],{"class":1063},[1050,16322,4541],{"class":4540},[1050,16324,1071],{"class":1063},[1050,16326,16327,16329,16331,16333,16335,16337,16339,16341,16343,16345,16347,16349],{"class":1052,"line":7573},[1050,16328,4098],{"class":3826},[1050,16330,15643],{"class":1083},[1050,16332,3847],{"class":1063},[1050,16334,4106],{"class":1083},[1050,16336,2106],{"class":1063},[1050,16338,6720],{"class":2969},[1050,16340,1265],{"class":4062},[1050,16342,1229],{"class":1221},[1050,16344,8533],{"class":1225},[1050,16346,1229],{"class":1221},[1050,16348,2163],{"class":4062},[1050,16350,1096],{"class":1063},[1050,16352,16353,16356,16358,16361,16363,16365],{"class":1052,"line":7582},[1050,16354,16355],{"class":1083},"      script",[1050,16357,2106],{"class":1063},[1050,16359,16360],{"class":1083},"src",[1050,16362,3847],{"class":1063},[1050,16364,16253],{"class":1083},[1050,16366,1096],{"class":1063},[1050,16368,16369,16371,16373,16375,16377,16379],{"class":1052,"line":7587},[1050,16370,16355],{"class":1083},[1050,16372,2106],{"class":1063},[1050,16374,12575],{"class":1083},[1050,16376,3847],{"class":1063},[1050,16378,12580],{"class":1083},[1050,16380,1096],{"class":1063},[1050,16382,16383,16385,16387,16389,16391,16393],{"class":1052,"line":7592},[1050,16384,16355],{"class":1083},[1050,16386,2106],{"class":1063},[1050,16388,12591],{"class":1083},[1050,16390,3847],{"class":1063},[1050,16392,12499],{"class":1083},[1050,16394,1096],{"class":1063},[1050,16396,16397,16399,16401,16403,16405,16407,16409,16411,16413],{"class":1052,"line":7609},[1050,16398,5215],{"class":1083},[1050,16400,2106],{"class":1063},[1050,16402,8313],{"class":1083},[1050,16404,2106],{"class":1063},[1050,16406,6826],{"class":2969},[1050,16408,1265],{"class":4062},[1050,16410,8533],{"class":1083},[1050,16412,2163],{"class":4062},[1050,16414,1096],{"class":1063},[1050,16416,16417,16419,16421],{"class":1052,"line":7618},[1050,16418,4400],{"class":1063},[1050,16420,2163],{"class":4062},[1050,16422,1096],{"class":1063},[1050,16424,16425],{"class":1052,"line":7623},[1050,16426,3053],{"class":1063},[1050,16428,16429],{"class":1052,"line":7628},[1050,16430,1466],{"class":1063},[1050,16432,16433],{"class":1052,"line":7647},[1050,16434,1473],{"emptyLinePlaceholder":1472},[1050,16436,16437],{"class":1052,"line":7685},[1050,16438,16439],{"class":1056},"// Initialize feature detection\n",[1050,16441,16442,16444,16447,16449,16451,16453,16455],{"class":1052,"line":7698},[1050,16443,13003],{"class":3826},[1050,16445,16446],{"class":1083}," featureDetector",[1050,16448,3847],{"class":1063},[1050,16450,4252],{"class":4072},[1050,16452,15029],{"class":2969},[1050,16454,4367],{"class":4887},[1050,16456,1096],{"class":1063},[1050,16458,16459],{"class":1052,"line":7714},[1050,16460,1473],{"emptyLinePlaceholder":1472},[1050,16462,16463],{"class":1052,"line":7740},[1050,16464,16465],{"class":1056},"// Load polyfills as needed\n",[1050,16467,16468,16470,16473,16475,16477],{"class":1052,"line":7745},[1050,16469,1265],{"class":4887},[1050,16471,16472],{"class":3826},"async",[1050,16474,5162],{"class":1063},[1050,16476,4541],{"class":4540},[1050,16478,1071],{"class":1063},[1050,16480,16481,16484,16487,16489],{"class":1052,"line":7750},[1050,16482,16483],{"class":3826},"  const",[1050,16485,16486],{"class":1083}," polyfills",[1050,16488,3847],{"class":1063},[1050,16490,13911],{"class":4062},[1050,16492,16493],{"class":1052,"line":7777},[1050,16494,16495],{"class":1063},"    {\n",[1050,16497,16498,16501,16503,16505,16507,16509],{"class":1052,"line":7807},[1050,16499,16500],{"class":4003},"      feature",[1050,16502,1064],{"class":1063},[1050,16504,1222],{"class":1221},[1050,16506,15257],{"class":1225},[1050,16508,1229],{"class":1221},[1050,16510,1489],{"class":1063},[1050,16512,16513,16515,16517,16519,16522],{"class":1052,"line":7832},[1050,16514,4549],{"class":4003},[1050,16516,1064],{"class":1063},[1050,16518,1222],{"class":1221},[1050,16520,16521],{"class":1225},"https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver",[1050,16523,4852],{"class":1221},[1050,16525,16526],{"class":1052,"line":7837},[1050,16527,16528],{"class":1063},"    },\n",[1050,16530,16531],{"class":1052,"line":7842},[1050,16532,16495],{"class":1063},[1050,16534,16535,16537,16539,16541,16543,16545],{"class":1052,"line":7856},[1050,16536,16500],{"class":4003},[1050,16538,1064],{"class":1063},[1050,16540,1222],{"class":1221},[1050,16542,15436],{"class":1225},[1050,16544,1229],{"class":1221},[1050,16546,1489],{"class":1063},[1050,16548,16549,16551,16553,16555,16558],{"class":1052,"line":7893},[1050,16550,4549],{"class":4003},[1050,16552,1064],{"class":1063},[1050,16554,1222],{"class":1221},[1050,16556,16557],{"class":1225},"https://polyfill.io/v3/polyfill.min.js?features=fetch",[1050,16559,4852],{"class":1221},[1050,16561,16562],{"class":1052,"line":7906},[1050,16563,3048],{"class":1063},[1050,16565,16566,16569],{"class":1052,"line":7922},[1050,16567,16568],{"class":4062},"  ]",[1050,16570,1096],{"class":1063},[1050,16572,16573],{"class":1052,"line":7946},[1050,16574,1193],{"class":4049},[1050,16576,16577,16580,16582,16584,16587,16590,16592,16594],{"class":1052,"line":7951},[1050,16578,16579],{"class":2965},"  for",[1050,16581,3014],{"class":4062},[1050,16583,13003],{"class":3826},[1050,16585,16586],{"class":1083}," polyfill",[1050,16588,16589],{"class":4072}," of",[1050,16591,16486],{"class":1083},[1050,16593,2163],{"class":4062},[1050,16595,1071],{"class":1063},[1050,16597,16598,16600],{"class":1052,"line":7956},[1050,16599,4189],{"class":2965},[1050,16601,1071],{"class":1063},[1050,16603,16604,16606,16608,16610,16613,16615,16618,16620,16622,16624,16626,16628,16630,16632],{"class":1052,"line":7981},[1050,16605,11392],{"class":2965},[1050,16607,16446],{"class":1083},[1050,16609,2106],{"class":1063},[1050,16611,16612],{"class":2969},"loadPolyfill",[1050,16614,1265],{"class":4062},[1050,16616,16617],{"class":1083},"polyfill",[1050,16619,2106],{"class":1063},[1050,16621,16132],{"class":1083},[1050,16623,1213],{"class":1063},[1050,16625,16586],{"class":1083},[1050,16627,2106],{"class":1063},[1050,16629,4211],{"class":1083},[1050,16631,2163],{"class":4062},[1050,16633,1096],{"class":1063},[1050,16635,16636,16638,16640,16642,16644,16646],{"class":1052,"line":8010},[1050,16637,4400],{"class":1063},[1050,16639,4403],{"class":2965},[1050,16641,3014],{"class":4062},[1050,16643,4408],{"class":1083},[1050,16645,2163],{"class":4062},[1050,16647,1071],{"class":1063},[1050,16649,16650,16652,16654,16656,16658,16660,16663,16665,16667,16669,16671,16673,16675,16677,16679,16681,16683],{"class":1052,"line":8034},[1050,16651,4417],{"class":1083},[1050,16653,2106],{"class":1063},[1050,16655,10600],{"class":2969},[1050,16657,1265],{"class":4062},[1050,16659,3985],{"class":1221},[1050,16661,16662],{"class":1225},"Failed to load polyfill for ",[1050,16664,3966],{"class":3965},[1050,16666,16617],{"class":3974},[1050,16668,2106],{"class":1063},[1050,16670,16132],{"class":3974},[1050,16672,3982],{"class":3965},[1050,16674,1064],{"class":1225},[1050,16676,3985],{"class":1221},[1050,16678,1213],{"class":1063},[1050,16680,4435],{"class":1083},[1050,16682,2163],{"class":4062},[1050,16684,1096],{"class":1063},[1050,16686,16687],{"class":1052,"line":8039},[1050,16688,3048],{"class":1063},[1050,16690,16691],{"class":1052,"line":8044},[1050,16692,3053],{"class":1063},[1050,16694,16695,16697,16700],{"class":1052,"line":8054},[1050,16696,3982],{"class":1063},[1050,16698,16699],{"class":4887},")()",[1050,16701,1096],{"class":1063},[1050,16703,16704],{"class":1052,"line":8087},[1050,16705,1473],{"emptyLinePlaceholder":1472},[1050,16707,16708,16710,16712,16714],{"class":1052,"line":8101},[1050,16709,4877],{"class":2965},[1050,16711,4880],{"class":2965},[1050,16713,16446],{"class":1083},[1050,16715,1096],{"class":1063},[1035,16717,16719],{"id":16718},"graceful-degradation-css","Graceful Degradation CSS",[1040,16721,16723],{"className":1042,"code":16722,"language":1044,"meta":1045,"style":1045},"/* static/css/progressive-enhancement.css */\n\n/* Base styles that work everywhere */\n.card {\n  border: 1px solid #ddd;\n  padding: 1rem;\n  margin-bottom: 1rem;\n}\n\n/* Enhanced styles for modern browsers */\n.supports-css-grid .card-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1rem;\n}\n\n/* Fallback for browsers without CSS Grid */\n.no-css-grid .card-grid .card {\n  display: inline-block;\n  width: 300px;\n  vertical-align: top;\n  margin-right: 1rem;\n}\n\n/* Custom properties with fallbacks */\n.button {\n  background-color: #007bff; /* Fallback */\n  background-color: var(--primary-color, #007bff);\n  color: white;\n  border: none;\n  padding: 0.5rem 1rem;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n/* Flexbox with fallbacks */\n.navigation {\n  /* Fallback for older browsers */\n  text-align: center;\n}\n\n.navigation li {\n  display: inline-block;\n  margin: 0 0.5rem;\n}\n\n/* Enhanced layout for flexbox-capable browsers */\n.supports-css-flexbox .navigation {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-align: left;\n}\n\n.supports-css-flexbox .navigation ul {\n  display: flex;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.supports-css-flexbox .navigation li {\n  margin: 0 1rem;\n}\n\n/* Progressive enhancement for animations */\n@media (prefers-reduced-motion: no-preference) {\n  .supports-css-custom-properties .card {\n    transition: transform var(--transition-duration, 0.2s) ease;\n  }\n  \n  .supports-css-custom-properties .card:hover {\n    transform: translateY(-2px);\n  }\n}\n\n/* Respect user preferences */\n@media (prefers-reduced-motion: reduce) {\n  * {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  .supports-css-custom-properties {\n    --background-color: #1a1a1a;\n    --text-color: #ffffff;\n    --border-color: #333333;\n  }\n}\n",[1047,16724,16725,16730,16734,16739,16747,16766,16778,16790,16794,16798,16803,16818,16829,16866,16879,16883,16887,16892,16909,16920,16934,16946,16959,16963,16967,16972,16980,16996,17016,17026,17036,17052,17064,17074,17078,17082,17087,17096,17101,17112,17116,17120,17131,17141,17155,17159,17163,17168,17181,17191,17202,17212,17223,17227,17231,17246,17256,17267,17277,17287,17291,17295,17309,17323,17327,17331,17336,17356,17370,17400,17404,17408,17424,17440,17444,17448,17452,17457,17476,17483,17502,17515,17530,17534,17538,17542,17562,17570,17584,17597,17611,17615],{"__ignoreMap":1045},[1050,16726,16727],{"class":1052,"line":1053},[1050,16728,16729],{"class":1056},"/* static/css/progressive-enhancement.css */\n",[1050,16731,16732],{"class":1052,"line":1060},[1050,16733,1473],{"emptyLinePlaceholder":1472},[1050,16735,16736],{"class":1052,"line":1074},[1050,16737,16738],{"class":1056},"/* Base styles that work everywhere */\n",[1050,16740,16741,16743,16745],{"class":1052,"line":1080},[1050,16742,2106],{"class":1063},[1050,16744,3275],{"class":2109},[1050,16746,1071],{"class":1063},[1050,16748,16749,16751,16753,16755,16757,16759,16761,16764],{"class":1052,"line":1099},[1050,16750,2176],{"class":1520},[1050,16752,1064],{"class":1063},[1050,16754,1355],{"class":1282},[1050,16756,1287],{"class":1286},[1050,16758,2185],{"class":1092},[1050,16760,1089],{"class":1063},[1050,16762,16763],{"class":1092},"ddd",[1050,16765,1096],{"class":1063},[1050,16767,16768,16770,16772,16774,16776],{"class":1052,"line":1114},[1050,16769,1649],{"class":1520},[1050,16771,1064],{"class":1063},[1050,16773,1355],{"class":1282},[1050,16775,1327],{"class":1286},[1050,16777,1096],{"class":1063},[1050,16779,16780,16782,16784,16786,16788],{"class":1052,"line":1129},[1050,16781,1762],{"class":1520},[1050,16783,1064],{"class":1063},[1050,16785,1355],{"class":1282},[1050,16787,1327],{"class":1286},[1050,16789,1096],{"class":1063},[1050,16791,16792],{"class":1052,"line":1144},[1050,16793,1466],{"class":1063},[1050,16795,16796],{"class":1052,"line":1159},[1050,16797,1473],{"emptyLinePlaceholder":1472},[1050,16799,16800],{"class":1052,"line":1174},[1050,16801,16802],{"class":1056},"/* Enhanced styles for modern browsers */\n",[1050,16804,16805,16807,16810,16813,16816],{"class":1052,"line":1189},[1050,16806,2106],{"class":1063},[1050,16808,16809],{"class":2109},"supports-css-grid",[1050,16811,16812],{"class":1063}," .",[1050,16814,16815],{"class":2109},"card-grid",[1050,16817,1071],{"class":1063},[1050,16819,16820,16822,16824,16827],{"class":1052,"line":1196},[1050,16821,2117],{"class":1520},[1050,16823,1064],{"class":1063},[1050,16825,16826],{"class":1092}," grid",[1050,16828,1096],{"class":1063},[1050,16830,16831,16834,16836,16839,16841,16844,16846,16849,16851,16854,16856,16858,16860,16863],{"class":1052,"line":1202},[1050,16832,16833],{"class":1520},"  grid-template-columns",[1050,16835,1064],{"class":1063},[1050,16837,16838],{"class":1261}," repeat",[1050,16840,1265],{"class":1063},[1050,16842,16843],{"class":1092},"auto-fit",[1050,16845,1213],{"class":1063},[1050,16847,16848],{"class":1261}," minmax",[1050,16850,1265],{"class":1063},[1050,16852,16853],{"class":1282},"300",[1050,16855,1287],{"class":1286},[1050,16857,1213],{"class":1063},[1050,16859,1355],{"class":1282},[1050,16861,16862],{"class":1286},"fr",[1050,16864,16865],{"class":1063},"));\n",[1050,16867,16868,16871,16873,16875,16877],{"class":1052,"line":1244},[1050,16869,16870],{"class":1520},"  gap",[1050,16872,1064],{"class":1063},[1050,16874,1355],{"class":1282},[1050,16876,1327],{"class":1286},[1050,16878,1096],{"class":1063},[1050,16880,16881],{"class":1052,"line":1274},[1050,16882,1466],{"class":1063},[1050,16884,16885],{"class":1052,"line":1292},[1050,16886,1473],{"emptyLinePlaceholder":1472},[1050,16888,16889],{"class":1052,"line":1305},[1050,16890,16891],{"class":1056},"/* Fallback for browsers without CSS Grid */\n",[1050,16893,16894,16896,16899,16901,16903,16905,16907],{"class":1052,"line":1310},[1050,16895,2106],{"class":1063},[1050,16897,16898],{"class":2109},"no-css-grid",[1050,16900,16812],{"class":1063},[1050,16902,16815],{"class":2109},[1050,16904,16812],{"class":1063},[1050,16906,3275],{"class":2109},[1050,16908,1071],{"class":1063},[1050,16910,16911,16913,16915,16918],{"class":1052,"line":1316},[1050,16912,2117],{"class":1520},[1050,16914,1064],{"class":1063},[1050,16916,16917],{"class":1092}," inline-block",[1050,16919,1096],{"class":1063},[1050,16921,16922,16925,16927,16930,16932],{"class":1052,"line":1332},[1050,16923,16924],{"class":1520},"  width",[1050,16926,1064],{"class":1063},[1050,16928,16929],{"class":1282}," 300",[1050,16931,1287],{"class":1286},[1050,16933,1096],{"class":1063},[1050,16935,16936,16939,16941,16944],{"class":1052,"line":1347},[1050,16937,16938],{"class":1520},"  vertical-align",[1050,16940,1064],{"class":1063},[1050,16942,16943],{"class":1092}," top",[1050,16945,1096],{"class":1063},[1050,16947,16948,16951,16953,16955,16957],{"class":1052,"line":1362},[1050,16949,16950],{"class":1520},"  margin-right",[1050,16952,1064],{"class":1063},[1050,16954,1355],{"class":1282},[1050,16956,1327],{"class":1286},[1050,16958,1096],{"class":1063},[1050,16960,16961],{"class":1052,"line":1377},[1050,16962,1466],{"class":1063},[1050,16964,16965],{"class":1052,"line":1392},[1050,16966,1473],{"emptyLinePlaceholder":1472},[1050,16968,16969],{"class":1052,"line":1397},[1050,16970,16971],{"class":1056},"/* Custom properties with fallbacks */\n",[1050,16973,16974,16976,16978],{"class":1052,"line":1403},[1050,16975,2106],{"class":1063},[1050,16977,9026],{"class":2109},[1050,16979,1071],{"class":1063},[1050,16981,16982,16984,16986,16988,16991,16993],{"class":1052,"line":1418},[1050,16983,1619],{"class":1520},[1050,16985,1064],{"class":1063},[1050,16987,1089],{"class":1063},[1050,16989,16990],{"class":1092},"007bff",[1050,16992,1804],{"class":1063},[1050,16994,16995],{"class":1056}," /* Fallback */\n",[1050,16997,16998,17000,17002,17004,17006,17008,17010,17012,17014],{"class":1052,"line":1433},[1050,16999,1619],{"class":1520},[1050,17001,1064],{"class":1063},[1050,17003,1262],{"class":1261},[1050,17005,1265],{"class":1063},[1050,17007,1983],{"class":1083},[1050,17009,1213],{"class":1063},[1050,17011,1089],{"class":1063},[1050,17013,16990],{"class":1092},[1050,17015,1271],{"class":1063},[1050,17017,17018,17020,17022,17024],{"class":1052,"line":1448},[1050,17019,1602],{"class":1520},[1050,17021,1064],{"class":1063},[1050,17023,2373],{"class":1092},[1050,17025,1096],{"class":1063},[1050,17027,17028,17030,17032,17034],{"class":1052,"line":1463},[1050,17029,2176],{"class":1520},[1050,17031,1064],{"class":1063},[1050,17033,1996],{"class":1092},[1050,17035,1096],{"class":1063},[1050,17037,17038,17040,17042,17044,17046,17048,17050],{"class":1052,"line":1469},[1050,17039,1649],{"class":1520},[1050,17041,1064],{"class":1063},[1050,17043,1340],{"class":1282},[1050,17045,1327],{"class":1286},[1050,17047,1355],{"class":1282},[1050,17049,1327],{"class":1286},[1050,17051,1096],{"class":1063},[1050,17053,17054,17056,17058,17060,17062],{"class":1052,"line":1476},[1050,17055,2195],{"class":1520},[1050,17057,1064],{"class":1063},[1050,17059,2200],{"class":1282},[1050,17061,1287],{"class":1286},[1050,17063,1096],{"class":1063},[1050,17065,17066,17068,17070,17072],{"class":1052,"line":1482},[1050,17067,2244],{"class":1520},[1050,17069,1064],{"class":1063},[1050,17071,2249],{"class":1092},[1050,17073,1096],{"class":1063},[1050,17075,17076],{"class":1052,"line":1492},[1050,17077,1466],{"class":1063},[1050,17079,17080],{"class":1052,"line":1505},[1050,17081,1473],{"emptyLinePlaceholder":1472},[1050,17083,17084],{"class":1052,"line":1517},[1050,17085,17086],{"class":1056},"/* Flexbox with fallbacks */\n",[1050,17088,17089,17091,17094],{"class":1052,"line":1531},[1050,17090,2106],{"class":1063},[1050,17092,17093],{"class":2109},"navigation",[1050,17095,1071],{"class":1063},[1050,17097,17098],{"class":1052,"line":1536},[1050,17099,17100],{"class":1056},"  /* Fallback for older browsers */\n",[1050,17102,17103,17106,17108,17110],{"class":1052,"line":1541},[1050,17104,17105],{"class":1520},"  text-align",[1050,17107,1064],{"class":1063},[1050,17109,2134],{"class":1092},[1050,17111,1096],{"class":1063},[1050,17113,17114],{"class":1052,"line":1549},[1050,17115,1466],{"class":1063},[1050,17117,17118],{"class":1052,"line":1565},[1050,17119,1473],{"emptyLinePlaceholder":1472},[1050,17121,17122,17124,17126,17129],{"class":1052,"line":1582},[1050,17123,2106],{"class":1063},[1050,17125,17093],{"class":2109},[1050,17127,17128],{"class":1485}," li",[1050,17130,1071],{"class":1063},[1050,17132,17133,17135,17137,17139],{"class":1052,"line":1599},[1050,17134,2117],{"class":1520},[1050,17136,1064],{"class":1063},[1050,17138,16917],{"class":1092},[1050,17140,1096],{"class":1063},[1050,17142,17143,17145,17147,17149,17151,17153],{"class":1052,"line":1616},[1050,17144,1636],{"class":1520},[1050,17146,1064],{"class":1063},[1050,17148,1641],{"class":1282},[1050,17150,1340],{"class":1282},[1050,17152,1327],{"class":1286},[1050,17154,1096],{"class":1063},[1050,17156,17157],{"class":1052,"line":1633},[1050,17158,1466],{"class":1063},[1050,17160,17161],{"class":1052,"line":1646},[1050,17162,1473],{"emptyLinePlaceholder":1472},[1050,17164,17165],{"class":1052,"line":1658},[1050,17166,17167],{"class":1056},"/* Enhanced layout for flexbox-capable browsers */\n",[1050,17169,17170,17172,17175,17177,17179],{"class":1052,"line":1663},[1050,17171,2106],{"class":1063},[1050,17173,17174],{"class":2109},"supports-css-flexbox",[1050,17176,16812],{"class":1063},[1050,17178,17093],{"class":2109},[1050,17180,1071],{"class":1063},[1050,17182,17183,17185,17187,17189],{"class":1052,"line":1668},[1050,17184,2117],{"class":1520},[1050,17186,1064],{"class":1063},[1050,17188,3699],{"class":1092},[1050,17190,1096],{"class":1063},[1050,17192,17193,17195,17197,17200],{"class":1052,"line":1674},[1050,17194,2141],{"class":1520},[1050,17196,1064],{"class":1063},[1050,17198,17199],{"class":1092}," space-between",[1050,17201,1096],{"class":1063},[1050,17203,17204,17206,17208,17210],{"class":1052,"line":1706},[1050,17205,2129],{"class":1520},[1050,17207,1064],{"class":1063},[1050,17209,2134],{"class":1092},[1050,17211,1096],{"class":1063},[1050,17213,17214,17216,17218,17221],{"class":1052,"line":1722},[1050,17215,17105],{"class":1520},[1050,17217,1064],{"class":1063},[1050,17219,17220],{"class":1092}," left",[1050,17222,1096],{"class":1063},[1050,17224,17225],{"class":1052,"line":1735},[1050,17226,1466],{"class":1063},[1050,17228,17229],{"class":1052,"line":1747},[1050,17230,1473],{"emptyLinePlaceholder":1472},[1050,17232,17233,17235,17237,17239,17241,17244],{"class":1052,"line":1759},[1050,17234,2106],{"class":1063},[1050,17236,17174],{"class":2109},[1050,17238,16812],{"class":1063},[1050,17240,17093],{"class":2109},[1050,17242,17243],{"class":1485}," ul",[1050,17245,1071],{"class":1063},[1050,17247,17248,17250,17252,17254],{"class":1052,"line":1776},[1050,17249,2117],{"class":1520},[1050,17251,1064],{"class":1063},[1050,17253,3699],{"class":1092},[1050,17255,1096],{"class":1063},[1050,17257,17258,17261,17263,17265],{"class":1052,"line":1781},[1050,17259,17260],{"class":1520},"  list-style",[1050,17262,1064],{"class":1063},[1050,17264,1996],{"class":1092},[1050,17266,1096],{"class":1063},[1050,17268,17269,17271,17273,17275],{"class":1052,"line":1786},[1050,17270,1636],{"class":1520},[1050,17272,1064],{"class":1063},[1050,17274,1641],{"class":1282},[1050,17276,1096],{"class":1063},[1050,17278,17279,17281,17283,17285],{"class":1052,"line":1810},[1050,17280,1649],{"class":1520},[1050,17282,1064],{"class":1063},[1050,17284,1641],{"class":1282},[1050,17286,1096],{"class":1063},[1050,17288,17289],{"class":1052,"line":1829},[1050,17290,1466],{"class":1063},[1050,17292,17293],{"class":1052,"line":1849},[1050,17294,1473],{"emptyLinePlaceholder":1472},[1050,17296,17297,17299,17301,17303,17305,17307],{"class":1052,"line":1869},[1050,17298,2106],{"class":1063},[1050,17300,17174],{"class":2109},[1050,17302,16812],{"class":1063},[1050,17304,17093],{"class":2109},[1050,17306,17128],{"class":1485},[1050,17308,1071],{"class":1063},[1050,17310,17311,17313,17315,17317,17319,17321],{"class":1052,"line":1890},[1050,17312,1636],{"class":1520},[1050,17314,1064],{"class":1063},[1050,17316,1641],{"class":1282},[1050,17318,1355],{"class":1282},[1050,17320,1327],{"class":1286},[1050,17322,1096],{"class":1063},[1050,17324,17325],{"class":1052,"line":1910},[1050,17326,1466],{"class":1063},[1050,17328,17329],{"class":1052,"line":1915},[1050,17330,1473],{"emptyLinePlaceholder":1472},[1050,17332,17333],{"class":1052,"line":1922},[1050,17334,17335],{"class":1056},"/* Progressive enhancement for animations */\n",[1050,17337,17338,17340,17342,17344,17347,17349,17352,17354],{"class":1052,"line":1933},[1050,17339,2962],{"class":2961},[1050,17341,3011],{"class":2965},[1050,17343,3014],{"class":1063},[1050,17345,17346],{"class":1192},"prefers-reduced-motion",[1050,17348,1064],{"class":1063},[1050,17350,17351],{"class":1192}," no-preference",[1050,17353,2163],{"class":1063},[1050,17355,1071],{"class":1063},[1050,17357,17358,17361,17364,17366,17368],{"class":1052,"line":1948},[1050,17359,17360],{"class":1063},"  .",[1050,17362,17363],{"class":2109},"supports-css-custom-properties",[1050,17365,16812],{"class":1063},[1050,17367,3275],{"class":2109},[1050,17369,1071],{"class":1063},[1050,17371,17372,17375,17377,17380,17383,17385,17388,17390,17392,17394,17396,17398],{"class":1052,"line":1953},[1050,17373,17374],{"class":1520},"    transition",[1050,17376,1064],{"class":1063},[1050,17378,17379],{"class":1192}," transform ",[1050,17381,17382],{"class":1261},"var",[1050,17384,1265],{"class":1063},[1050,17386,17387],{"class":1083},"--transition-duration",[1050,17389,1213],{"class":1063},[1050,17391,2012],{"class":1282},[1050,17393,2015],{"class":1286},[1050,17395,2163],{"class":1063},[1050,17397,2018],{"class":1092},[1050,17399,1096],{"class":1063},[1050,17401,17402],{"class":1052,"line":1958},[1050,17403,3053],{"class":1063},[1050,17405,17406],{"class":1052,"line":1964},[1050,17407,1193],{"class":1192},[1050,17409,17410,17412,17414,17416,17418,17420,17422],{"class":1052,"line":1972},[1050,17411,17360],{"class":1063},[1050,17413,17363],{"class":2109},[1050,17415,16812],{"class":1063},[1050,17417,3275],{"class":2109},[1050,17419,1064],{"class":1063},[1050,17421,2040],{"class":1067},[1050,17423,1071],{"class":1063},[1050,17425,17426,17428,17430,17432,17434,17436,17438],{"class":1052,"line":1988},[1050,17427,3399],{"class":1520},[1050,17429,1064],{"class":1063},[1050,17431,3404],{"class":1261},[1050,17433,1265],{"class":1063},[1050,17435,3409],{"class":1282},[1050,17437,1287],{"class":1286},[1050,17439,1271],{"class":1063},[1050,17441,17442],{"class":1052,"line":2001},[1050,17443,3053],{"class":1063},[1050,17445,17446],{"class":1052,"line":2023},[1050,17447,1466],{"class":1063},[1050,17449,17450],{"class":1052,"line":2028},[1050,17451,1473],{"emptyLinePlaceholder":1472},[1050,17453,17454],{"class":1052,"line":2033},[1050,17455,17456],{"class":1056},"/* Respect user preferences */\n",[1050,17458,17459,17461,17463,17465,17467,17469,17472,17474],{"class":1052,"line":2045},[1050,17460,2962],{"class":2961},[1050,17462,3011],{"class":2965},[1050,17464,3014],{"class":1063},[1050,17466,17346],{"class":1192},[1050,17468,1064],{"class":1063},[1050,17470,17471],{"class":1192}," reduce",[1050,17473,2163],{"class":1063},[1050,17475,1071],{"class":1063},[1050,17477,17478,17481],{"class":1052,"line":2057},[1050,17479,17480],{"class":1485},"  *",[1050,17482,1071],{"class":1063},[1050,17484,17485,17488,17490,17493,17496,17500],{"class":1052,"line":2073},[1050,17486,17487],{"class":1520},"    animation-duration",[1050,17489,1064],{"class":1063},[1050,17491,17492],{"class":1282}," 0.01",[1050,17494,17495],{"class":1286},"ms",[1050,17497,17499],{"class":17498},"scgAs"," !important",[1050,17501,1096],{"class":1063},[1050,17503,17504,17507,17509,17511,17513],{"class":1052,"line":2085},[1050,17505,17506],{"class":1520},"    animation-iteration-count",[1050,17508,1064],{"class":1063},[1050,17510,1355],{"class":1282},[1050,17512,17499],{"class":17498},[1050,17514,1096],{"class":1063},[1050,17516,17517,17520,17522,17524,17526,17528],{"class":1052,"line":6008},[1050,17518,17519],{"class":1520},"    transition-duration",[1050,17521,1064],{"class":1063},[1050,17523,17492],{"class":1282},[1050,17525,17495],{"class":1286},[1050,17527,17499],{"class":17498},[1050,17529,1096],{"class":1063},[1050,17531,17532],{"class":1052,"line":6013},[1050,17533,3053],{"class":1063},[1050,17535,17536],{"class":1052,"line":6018},[1050,17537,1466],{"class":1063},[1050,17539,17540],{"class":1052,"line":6023},[1050,17541,1473],{"emptyLinePlaceholder":1472},[1050,17543,17544,17546,17548,17550,17553,17555,17558,17560],{"class":1052,"line":6055},[1050,17545,2962],{"class":2961},[1050,17547,3011],{"class":2965},[1050,17549,3014],{"class":1063},[1050,17551,17552],{"class":1192},"prefers-color-scheme",[1050,17554,1064],{"class":1063},[1050,17556,17557],{"class":1192}," dark",[1050,17559,2163],{"class":1063},[1050,17561,1071],{"class":1063},[1050,17563,17564,17566,17568],{"class":1052,"line":6060},[1050,17565,17360],{"class":1063},[1050,17567,17363],{"class":2109},[1050,17569,1071],{"class":1063},[1050,17571,17572,17575,17577,17579,17582],{"class":1052,"line":6065},[1050,17573,17574],{"class":1083},"    --background-color",[1050,17576,1064],{"class":1063},[1050,17578,1089],{"class":1063},[1050,17580,17581],{"class":1092},"1a1a1a",[1050,17583,1096],{"class":1063},[1050,17585,17586,17589,17591,17593,17595],{"class":1052,"line":6075},[1050,17587,17588],{"class":1083},"    --text-color",[1050,17590,1064],{"class":1063},[1050,17592,1089],{"class":1063},[1050,17594,1169],{"class":1092},[1050,17596,1096],{"class":1063},[1050,17598,17599,17602,17604,17606,17609],{"class":1052,"line":6109},[1050,17600,17601],{"class":1083},"    --border-color",[1050,17603,1064],{"class":1063},[1050,17605,1089],{"class":1063},[1050,17607,17608],{"class":1092},"333333",[1050,17610,1096],{"class":1063},[1050,17612,17613],{"class":1052,"line":6114},[1050,17614,3053],{"class":1063},[1050,17616,17617],{"class":1052,"line":7370},[1050,17618,1466],{"class":1063},[1030,17620,17622],{"id":17621},"next-steps","Next Steps",[1026,17624,17625],{},"With CSS and JavaScript integration mastered, you're ready to explore modern build tools that can automate and optimize your frontend workflow. The next chapter will cover integrating build tools like Vite and Webpack with Django, enabling advanced features like hot module replacement, code splitting, and automated optimization.",[1026,17627,17628],{},"Key concepts covered:",[17630,17631,17632,17636,17639,17642,17645,17648],"ul",{},[17633,17634,17635],"li",{},"Modern CSS architecture with custom properties and component-based organization",[17633,17637,17638],{},"JavaScript module systems and component architecture",[17633,17640,17641],{},"Template integration with dynamic asset loading",[17633,17643,17644],{},"Performance optimization techniques including lazy loading and critical CSS",[17633,17646,17647],{},"Progressive enhancement and feature detection",[17633,17649,17650],{},"Graceful degradation strategies",[1026,17652,17653],{},"These techniques provide a solid foundation for building sophisticated, performant frontend experiences while maintaining compatibility across different browsers and devices.",[7721,17655,17656],{},"html pre.shiki code .s9Tkl, html code.shiki .s9Tkl{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#A0ADA0;--shiki-default-font-style:inherit;--shiki-dark:#758575DD;--shiki-dark-font-style:inherit}html pre.shiki code .soVBu, html code.shiki .soVBu{--shiki-light:#39ADB5;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .s5q8q, html code.shiki .s5q8q{--shiki-light:#9C3EDA;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .sSC40, html code.shiki .sSC40{--shiki-light:#90A4AE;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .se3Ec, html code.shiki .se3Ec{--shiki-light:#90A4AE;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sftqT, html code.shiki .sftqT{--shiki-light:#90A4AE;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sbYkP, html code.shiki .sbYkP{--shiki-light:#39ADB5;--shiki-default:#B5695977;--shiki-dark:#C98A7D77}html pre.shiki code .sTbE_, html code.shiki .sTbE_{--shiki-light:#91B859;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .sJdAF, html code.shiki .sJdAF{--shiki-light:#6182B8;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .s7CZa, html code.shiki .s7CZa{--shiki-light:#F76D47;--shiki-default:#2F798A;--shiki-dark:#4C9A91}html pre.shiki code .sQBxk, html code.shiki .sQBxk{--shiki-light:#F76D47;--shiki-default:#AB5959;--shiki-dark:#CB7676}html pre.shiki code .skzw8, html code.shiki .skzw8{--shiki-light:#E2931D;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .s5HLA, html code.shiki .s5HLA{--shiki-light:#8796B0;--shiki-default:#998418;--shiki-dark:#B8A965}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sKL33, html code.shiki .sKL33{--shiki-light:#E2931D;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .s5Kfy, html code.shiki .s5Kfy{--shiki-light:#9C3EDA;--shiki-default:#AB5959;--shiki-dark:#CB7676}html pre.shiki code .sD-vU, html code.shiki .sD-vU{--shiki-light:#E2931D;--shiki-default:#2E8F82;--shiki-dark:#5DA994}html pre.shiki code .sqOPj, html code.shiki .sqOPj{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#B07D48;--shiki-default-font-style:inherit;--shiki-dark:#BD976A;--shiki-dark-font-style:inherit}html pre.shiki code .sETVe, html code.shiki .sETVe{--shiki-light:#39ADB5;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sQtxO, html code.shiki .sQtxO{--shiki-light:#E53935;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .s8xu_, html code.shiki .s8xu_{--shiki-light:#E53935;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .s8XtY, html code.shiki .s8XtY{--shiki-light:#39ADB5;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .su_V2, html code.shiki .su_V2{--shiki-light:#90A4AE;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .suXOh, html code.shiki .suXOh{--shiki-light:#E53935;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sBPpx, html code.shiki .sBPpx{--shiki-light:#E53935;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .siDh9, html code.shiki .siDh9{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#1E754F;--shiki-default-font-style:inherit;--shiki-dark:#4D9375;--shiki-dark-font-style:inherit}html pre.shiki code .sLdnO, html code.shiki .sLdnO{--shiki-light:#E53935;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .sVsLi, html code.shiki .sVsLi{--shiki-light:#39ADB5;--shiki-default:#AB5959;--shiki-dark:#CB7676}html pre.shiki code .sljsM, html code.shiki .sljsM{--shiki-light:#6182B8;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .sIOqK, html code.shiki .sIOqK{--shiki-light:#9C3EDA;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .snCua, html code.shiki .snCua{--shiki-light:#90A4AE;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .sq3J1, html code.shiki .sq3J1{--shiki-light:#FF5370;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .s131V, html code.shiki .s131V{--shiki-light:#90A4AE;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sM_HK, html code.shiki .sM_HK{--shiki-light:#91B859;--shiki-default:#5A6AA6;--shiki-dark:#6872AB}html pre.shiki code .sz9Cv, html code.shiki .sz9Cv{--shiki-light:#91B859;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sGuSu, html code.shiki .sGuSu{--shiki-light:#39ADB5;--shiki-default:#2F798A;--shiki-dark:#4C9A91}html pre.shiki code .s27EL, html code.shiki .s27EL{--shiki-light:#91B859;--shiki-default:#AB5E3F;--shiki-dark:#C4704F}html pre.shiki code .sk0MF, html code.shiki .sk0MF{--shiki-light:#90A4AE;--shiki-default:#BDA437;--shiki-dark:#E6CC77}html pre.shiki code .sJFLg, html code.shiki .sJFLg{--shiki-light:#E53935;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .sHnae, html code.shiki .sHnae{--shiki-light:#39ADB5;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sYn-s, html code.shiki .sYn-s{--shiki-light:#E2931D;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .sm7ve, html code.shiki .sm7ve{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#B5695977;--shiki-default-font-style:inherit;--shiki-dark:#C98A7D77;--shiki-dark-font-style:inherit}html pre.shiki code .sVyVU, html code.shiki .sVyVU{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#B56959;--shiki-default-font-style:inherit;--shiki-dark:#C98A7D;--shiki-dark-font-style:inherit}html pre.shiki code .sRjD_, html code.shiki .sRjD_{--shiki-light:#E53935;--shiki-light-font-style:italic;--shiki-default:#393A34;--shiki-default-font-style:inherit;--shiki-dark:#DBD7CAEE;--shiki-dark-font-style:inherit}html pre.shiki code .sCyAa, html code.shiki .sCyAa{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#393A34;--shiki-default-font-style:inherit;--shiki-dark:#DBD7CAEE;--shiki-dark-font-style:inherit}html pre.shiki code .siWMO, html code.shiki .siWMO{--shiki-light:#6182B8;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sa2tF, html code.shiki .sa2tF{--shiki-light:#E2931D;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sRJPX, html code.shiki .sRJPX{--shiki-light:#91B859;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sFGJz, html code.shiki .sFGJz{--shiki-light:#E53935;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .s3h35, html code.shiki .s3h35{--shiki-light:#F76D47;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sKqCy, html code.shiki .sKqCy{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#999999;--shiki-default-font-style:inherit;--shiki-dark:#666666;--shiki-dark-font-style:inherit}html pre.shiki code .scgAs, html code.shiki .scgAs{--shiki-light:#F76D47;--shiki-default:#1E754F;--shiki-dark:#4D9375}",{"title":1045,"searchDepth":1053,"depth":1060,"links":17658},[17659,17664,17669,17673,17677,17681,17685],{"id":1032,"depth":1060,"text":1033,"children":17660},[17661,17662,17663],{"id":1037,"depth":1074,"text":1038},{"id":2090,"depth":1074,"text":2091},{"id":2647,"depth":1074,"text":2648},{"id":3804,"depth":1060,"text":3805,"children":17665},[17666,17667,17668],{"id":3808,"depth":1074,"text":3809},{"id":4892,"depth":1074,"text":4893},{"id":6119,"depth":1074,"text":6120},{"id":8246,"depth":1060,"text":8247,"children":17670},[17671,17672],{"id":8250,"depth":1074,"text":8251},{"id":8866,"depth":1074,"text":8867},{"id":9457,"depth":1060,"text":9458,"children":17674},[17675,17676],{"id":9461,"depth":1074,"text":9462},{"id":10033,"depth":1074,"text":10034},{"id":11847,"depth":1060,"text":11848,"children":17678},[17679,17680],{"id":11851,"depth":1074,"text":11852},{"id":13033,"depth":1074,"text":13034},{"id":15005,"depth":1060,"text":15006,"children":17682},[17683,17684],{"id":15009,"depth":1074,"text":15010},{"id":16718,"depth":1074,"text":16719},{"id":17621,"depth":1060,"text":17622},null,{},{"title":635,"description":1028},"4TFUBWmscIFcrvtO-TwjgyLb1fPvNl_eHNKmPj9KgaY",[17691,17693],{"title":631,"path":632,"stem":633,"description":17692,"children":-1},"Django's static files system provides a robust foundation for managing CSS, JavaScript, images, and other assets in your web application. Understanding how to properly configure, organize, and serve static files is essential for building modern Django applications with rich frontend experiences.",{"title":639,"path":640,"stem":641,"description":17694,"children":-1},"Modern build tools transform the frontend development experience by providing features like hot module replacement, code splitting, automatic optimization, and seamless integration with CSS preprocessors and JavaScript transpilers. This chapter covers integrating Vite and Webpack with Django to create efficient development workflows and optimized production builds.",1772474944138]