.home-page{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;max-width:1200px;margin:0 auto}.home-page h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-lg);color:var(--color-text);font-weight:var(--fw-bold);line-height:1.2}.home-page p{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-base);max-width:600px;margin:0 auto}.home-page:before{content:"";display:block;width:80px;height:4px;background:var(--color-primary);margin:0 auto var(--spacing-md);border-radius:2px}@media(max-width:768px){.home-page{padding:var(--spacing-lg) var(--spacing-md)}.home-page h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.home-page p{font-size:var(--font-size-base);max-width:90%}}@media(min-width:769px)and (max-width:1024px){.home-page{padding:var(--spacing-lg) var(--spacing-md)}.home-page p{max-width:500px}}.home-page{font-family:var(--font-family-base)}.home-page{opacity:0;animation:fadeInUp .6s ease forwards}.event-card{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:box-shadow .3s ease,transform .2s ease;text-decoration:none;color:inherit;display:block}.event-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.event-card__image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden}.event-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-card__image{transform:scale(1.05)}.event-card__info{padding:var(--spacing-md) var(--spacing-lg);background:#fff}.event-card__date{margin-bottom:var(--spacing-xs);line-height:1.4;text-align:center;font-weight:500;color:var(--color-dark);font-size:var(--font-size-sm)}.event-card__description{line-height:1.5;margin-bottom:0;text-align:center;color:var(--color-muted);font-size:var(--font-size-xs)}@media(max-width:768px){.event-card__info{padding:var(--spacing-sm) var(--spacing-md)}.event-card__date,.event-card__description{font-size:var(--font-size-xs)}}@media(max-width:480px){.event-card__info{padding:var(--spacing-xs) var(--spacing-sm)}.event-card__date,.event-card__description{font-size:var(--font-size-xxs)}}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--fw-medium);transition:all .3s ease;min-width:40px;text-align:center;display:flex;align-items:center;justify-content:center}.pagination-btn-default{background-color:var(--color-primary);color:var(--color-white)}.pagination-btn-default:hover:not(.pagination-btn-disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.pagination-btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.pagination-btn-outline:hover:not(.pagination-btn-disabled){background-color:var(--color-primary-light);transform:translateY(-1px)}.pagination-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-btn.active{background-color:var(--color-primary-dark)!important;color:var(--color-white)!important;border-color:var(--color-primary-darker)!important;pointer-events:none;box-shadow:0 2px 4px #007bff33}.pagination-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff80;z-index:1}.pagination-btn:active{transform:translateY(0)}@media(max-width:768px){.pagination-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}.pagination-btn{will-change:transform,background-color}.category-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);padding:0 var(--spacing-sm)}@media(max-width:768px){.grid-container{grid-template-columns:1fr;gap:var(--spacing-md)}.category-page{padding:var(--spacing-md) var(--spacing-xs)}}@media(min-width:769px)and (max-width:1024px){.grid-container{gap:var(--spacing-md);padding:0 var(--spacing-sm)}}.loader-container{display:flex;justify-content:center;align-items:center;min-height:400px}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding:var(--spacing-md) 0}.ellipsis{align-self:center;color:var(--color-text-muted);font-weight:var(--fw-medium);padding:var(--spacing-xs) var(--spacing-sm)}.loading-state{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl) 0}.error-message{text-align:center;color:var(--color-danger);background-color:var(--color-danger-light);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-lg) 0}.empty-state{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl) 0;font-style:italic}.category-page h1{font-size:var(--font-size-xxl);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--spacing-xl);text-align:center}.grid-container,.pagination{will-change:transform}.admin-buttons-container{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-md);max-width:400px;margin:var(--spacing-lg) auto}.admin-page .btn{background-color:#333;color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--fw-medium);text-decoration:none;text-align:center;white-space:nowrap;transition:all .3s ease;cursor:pointer;border-radius:var(--border-radius);width:100%;box-shadow:0 2px 4px #0000001a}.admin-page .btn:hover{background-color:#fff;color:#000;box-shadow:0 4px 8px #0003}.admin-page .btn:disabled{background-color:var(--color-gray-light);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}@media(max-width:576px){.admin-buttons-container{gap:var(--spacing-sm);margin:var(--spacing-md) auto}.admin-page .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.app-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loader{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state{margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.error-message{background-color:var(--color-danger-light);color:var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--color-danger);margin-bottom:var(--spacing-md);text-align:center}.success-message{background-color:var(--color-success-light);color:var(--color-success);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--color-success);margin-bottom:var(--spacing-md);text-align:center}.action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:flex-start;align-items:center}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;cursor:pointer;font-weight:var(--fw-medium);transition:all .2s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-outline-secondary{background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary)}.btn-outline-secondary:hover{background-color:var(--color-secondary);color:var(--color-white)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xs);margin:var(--spacing-lg) 0;width:100%;padding:0 var(--spacing-md);justify-items:center}.gallery-item.ratio-5-4{position:relative;overflow:hidden;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;width:100%;padding-top:125%}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease,transform .3s ease;z-index:2;display:block}.delete-checkbox{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:var(--spacing-xl);height:var(--spacing-xl);z-index:10;background-color:#fffffff2;border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-xs);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.delete-checkbox:hover{background-color:#fff;transform:scale(1.05)}.delete-checkbox:before{content:"";display:none;width:calc(var(--spacing-sm) - 2px);height:calc(var(--spacing-xs) - 1px);border:solid var(--color-primary);border-width:0 3px 3px 0;transform:rotate(45deg);margin:auto}.delete-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.delete-checkbox:checked:before{display:block;border-color:var(--color-white)}.delete-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.5)}.delete-checkbox:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media(max-width:575px){.gallery-grid{grid-template-columns:1fr;padding:0 var(--spacing-xs);gap:var(--spacing-xxs)}.action-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}}@media(min-width:576px)and (max-width:767px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}}@media(min-width:768px)and (max-width:991px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}}@media(min-width:992px){.gallery-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:0 var(--spacing-lg)}}.gallery-item,.btn,.loader{will-change:transform,opacity,box-shadow}.about-page{padding:var(--spacing-lg) var(--spacing-md);max-width:1200px;margin:0 auto}.about-page h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-dark);font-weight:var(--fw-bold)}.about-page p{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.about-page p+p{margin-top:var(--spacing-sm)}@media(max-width:768px){.about-page{padding:var(--spacing-md) var(--spacing-sm)}.about-page h1{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}}@media(min-width:769px)and (max-width:1024px){.about-page{padding:var(--spacing-lg) var(--spacing-md);max-width:90%}}.about-page{font-family:var(--font-family-base)}.about-section{margin-bottom:var(--spacing-xl)}.about-section:last-child{margin-bottom:0}.event-page{position:relative;min-height:100vh;padding:var(--spacing-xs);font-family:var(--font-family-base);width:100%;overflow-x:hidden}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:var(--spacing-lg) 0;width:100%;padding:0;justify-items:start;box-sizing:border-box}.gallery-item.ratio-5-4{position:relative;overflow:hidden;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);cursor:pointer;width:100%;padding-top:125%;margin:0;background:#f5f5f5}.gallery-item.ratio-5-4:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shine 2s infinite;z-index:1}@keyframes skeleton-shine{0%{background-position:-200% 0}to{background-position:200% 0}}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;display:block}.gallery-image.loaded{opacity:1}.gallery-item:hover .gallery-image{transform:scale(1.05)}@media(min-width:768px)and (max-width:1354px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:9px}}@media(min-width:1354px){.gallery-grid{grid-template-columns:repeat(4,1fr);gap:10px}.gallery-item.ratio-5-4{min-width:280px}}.btn-to-top{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1.2rem;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .2s ease;z-index:1000;box-shadow:var(--shadow)}.btn-to-top.visible{opacity:.9;pointer-events:auto}.btn-to-top:hover{transform:scale(1.1);background-color:#0056b3}.btn-to-top:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:zoom-out;animation:fadeIn .3s ease}.lightbox-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--color-text);cursor:pointer;transition:background-color .2s}.lightbox-close:hover{background-color:var(--color-light)}.lightbox-image{max-width:90vw;max-height:85vh;border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.event-description{margin:var(--spacing-lg) 0;line-height:var(--line-height-base)}.event-date{color:var(--color-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);font-weight:400}.auth-form{max-width:400px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background-color:var(--color-bg)}.auth-form h2{text-align:center;margin-bottom:var(--spacing-lg)}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background-light);padding:var(--spacing-lg) var(--spacing-md)}.login-container{width:100%;max-width:400px;padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center}.login-title{font-size:var(--font-size-xl);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-status{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);text-align:left}.login-status.success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.login-status.error{background-color:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}@media(max-width:480px){.login-container{padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.login-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}}.login-container{opacity:0;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container,.login-form{will-change:transform,opacity}.header{z-index:1000}.header__logo{font-family:Georgia,serif;font-size:var(--font-size-xl);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.5px}.header__logo a{text-decoration:none;color:inherit}.burger-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#000;font-weight:700;padding:0;margin:0}@media(min-width:768px){.burger-btn{display:none}}.header__inner{position:relative}.header__nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg);padding:var(--spacing-lg);box-shadow:var(--shadow);z-index:999;overflow-y:auto;max-height:calc(100vh - 100%);opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.header__nav.show{display:block;opacity:1;transform:translateY(0)}@media(min-width:768px){.header__nav{position:static;display:flex!important;box-shadow:none;background:transparent;padding:0;overflow:visible;max-height:none;opacity:1;transform:translateY(0);transition:none}}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}@media(min-width:768px){.nav-list{flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--spacing-lg)}}.nav-item{margin-bottom:var(--spacing-sm)}@media(min-width:768px){.nav-item{margin-bottom:0}}.nav-link{text-decoration:none;color:#000;font-weight:var(--fw-medium);transition:color .3s ease;display:block;padding:var(--spacing-xs) 0}.nav-link:hover{color:#000;text-decoration:none}.nav-link.active{color:#000;font-weight:var(--fw-semibold)}.nav-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);border:1px solid #000;color:#000;background-color:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-medium)}.nav-btn:hover{background-color:#000;color:#fff}@media(max-width:360px){.nav-link{font-size:var(--font-size-sm);padding:var(--spacing-xs) 0}}.text-success{color:#000!important;font-weight:var(--fw-semibold)!important}:root{--color-primary: #007bff;--color-secondary: #6c757d;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-light: #f8f9fa;--color-dark: #343a40;--color-text: #333;--color-bg: #f9f9f9;--color-border: #ddd;--color-shadow: rgba(0, 0, 0, .1);--color-error: #721c24;--color-success-text: #155724;--color-warning-text: #856404;--font-family-base: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--line-height-base: 1.6;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 1.75rem;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 25px;--border-radius-sm: 2px;--border-radius: 4px;--border-radius-lg: 8px;--border-radius-circle: 50%;--shadow-sm: 0 1px 5px rgba(0, 0, 0, .05);--shadow: 0 2px 10px var(--color-shadow);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg)}.app-container{min-height:100vh;padding-top:70px}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:#222}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}a{text-decoration:none;color:#000;transition:color .3s ease}a:hover{color:#000;text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;transition:background-color .3s ease}button:hover{opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:#fff}input,textarea,select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:border-color .3s ease;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}.form-control{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:border-color .3s ease;outline:none}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid #eee}th{background-color:var(--color-light);font-weight:600}.alert{padding:var(--spacing-sm);border-radius:var(--border-radius);margin:var(--spacing-sm) 0}.alert-success{color:var(--color-success-text);background-color:#d4edda;border-color:#c3e6cb}.alert-danger{color:var(--color-error);background-color:#f8d7da;border-color:#f5c6cb}.alert-warning{color:var(--color-warning-text);background-color:#fff3cd;border-color:#ffeaa7}.loader{display:inline-block;width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}.flex-container{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-lg)}.card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.fixed-top{position:fixed;top:0;left:0;right:0;z-index:1000}.fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:1000}.hidden{display:none!important}.transparent{opacity:.8}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.h-25{height:25%}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-flex{display:flex}.d-grid{display:grid}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.transition-all{transition:all .3s ease}.transition-color{transition:color .3s ease}.transition-bg{transition:background-color .3s ease}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.border-left{border-left:1px solid var(--color-border)}.border-right{border-right:1px solid var(--color-border)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-circle{border-radius:var(--border-radius-circle)}.shadow{box-shadow:var(--shadow)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.visible{visibility:visible}.invisible{visibility:hidden}.fw-light{font-weight:300}.fw-black{font-weight:900}.fs-small{font-size:var(--font-size-xs)}.fs-normal{font-size:var(--font-size-sm)}.fs-large{font-size:var(--font-size-md)}.fs-xl{font-size:var(--font-size-lg)}.fs-xxl{font-size:var(--font-size-xl)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-light{color:var(--color-light)}.text-dark{color:var(--color-dark)}.text-muted{color:#3e4449}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-danger{background-color:var(--color-danger)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.bg-light{background-color:var(--color-light)}.bg-dark{background-color:var(--color-dark)}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.no-padding{padding:0!important}.no-margin{margin:0!important}.user-select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.text-decoration-none{text-decoration:none}@media print{.no-print{display:none!important}}.app-container textarea{font-family:inherit;resize:vertical;min-height:120px;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);font-size:var(--font-size-sm);line-height:1.5}.app-container textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff40;outline:none}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{flex-direction:column}@media(max-width:768px){.flex-column-sm{flex-direction:column}.text-center-sm{text-align:center}}@media(max-width:480px){.text-left-xs{text-align:left}.px-sm{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.hover-visible:hover{visibility:visible!important}ul,ol{list-style:none;padding-left:0}.text-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-break{word-wrap:break-word;word-break:break-all}.fixed-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sticky-footer{position:sticky;bottom:0;background:var(--color-bg);z-index:100}.card-shadow{box-shadow:var(--shadow);transition:box-shadow .3s ease}.card-shadow:hover{box-shadow:var(--shadow-lg)}.animate-fade{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.no-pointer{pointer-events:none}.cursor-not-allowed{cursor:not-allowed}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center-wrap{text-align:center;white-space:normal}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.mark{background-color:#ff0;padding:2px 4px;border-radius:2px}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.scrollbar-hidden::-webkit-scrollbar{display:none}.bg-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.w-fit{width:fit-content}.w-min{width:min-content}.w-max{width:max-content}.h-fit{height:fit-content}.align-text-top{vertical-align:top}.align-text-middle{vertical-align:middle}.align-text-bottom{vertical-align:bottom}@media(max-width:768px){.app-container{padding-top:60px}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}}@media(max-width:480px){body{font-size:var(--font-size-xs)}.app-container{padding-top:50px}.grid-container,.flex-container{padding:var(--spacing-sm)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-fluid{padding:0 var(--spacing-lg)}.improved-file-display{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;height:auto!important;min-height:40px!important;padding:8px 12px!important;line-height:1.4!important}[type=file]+*{white-space:normal;overflow-wrap:break-word}.app-container{width:100%;max-width:none;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;box-sizing:border-box}@media(max-width:768px){.app-container{padding-left:0;padding-right:0}.gallery-grid{padding:0 2px;margin:var(--spacing-lg) 0;width:100%}}@media(min-width:769px)and (max-width:1354px){.app-container{padding-left:1rem;padding-right:1rem}}@media(min-width:1354px){.app-container{padding-left:2rem;padding-right:rem}}@media(min-resolution:2dppx){html{font-size:20px}}@media(min-width:3840px){:root{--font-size-xs: 1.125rem;--font-size-sm: 1.25rem;--font-size-md: 1.375rem;--font-size-lg: 1.5rem;--font-size-xl: 1.75rem;--font-size-xxl: 2rem}}