:root{--bred-blue:#2e6ca7;--bred-blue-dark:#245a8a;--bred-blue-light:#4a8bc4;--bred-navy:#1d2a67;--bred-navy-light:#2a3d8a;--bg-white:#fff;--bg-light:#f5f5f7;--white:#fff;--gray-50:#f5f5f7;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--bred-red:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-white);color:var(--gray-800);font-family:Source Sans\ 3,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{color:var(--bred-navy);font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media(min-width:768px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}}p{margin-bottom:1rem}a{color:var(--bred-blue);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--bred-blue-dark)}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1280px;padding:0 1rem;width:100%}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition)}.btn-primary{background-color:var(--bred-blue);color:var(--white)}.btn-primary:hover{background-color:var(--bred-blue-dark);color:var(--white)}.btn-secondary{background-color:var(--bred-navy);color:var(--white)}.btn-secondary:hover{background-color:var(--bred-navy-light);color:var(--white)}.btn-outline{background-color:transparent;border:2px solid var(--bred-blue);color:var(--bred-blue)}.btn-outline:hover{background-color:var(--bred-blue);color:var(--white)}.btn-white{background-color:var(--white);color:var(--bred-blue)}.btn-white:hover{background-color:var(--gray-100);color:var(--bred-blue-dark)}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.card-image{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;width:100%}.card-body{padding:1.5rem}.card-title{font-size:1.25rem;margin-bottom:.5rem}.card-text{color:var(--gray-600);font-size:.9375rem}.section{padding:4rem 0}.section-lg{padding:6rem 0}.section-gray{background-color:var(--bg-light)}.section-navy{background-color:var(--bred-navy);color:var(--white)}.section-blue{background-color:var(--bred-blue)}.section-blue,.section-blue h1,.section-blue h2,.section-blue h3,.section-navy h1,.section-navy h2,.section-navy h3{color:var(--white)}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{margin-bottom:1rem}.section-header p{color:var(--gray-600);font-size:1.125rem;margin:0 auto;max-width:600px}.section-blue .section-header p,.section-navy .section-header p{color:var(--gray-200)}.grid{display:grid;gap:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-blue{background-color:var(--bred-blue);color:var(--white)}.badge-navy{background-color:var(--bred-navy);color:var(--white)}.badge-green{background-color:var(--accent-green);color:var(--white)}.badge-orange{background-color:var(--accent-orange);color:var(--white)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--gray-700);display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-800);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--bred-blue);box-shadow:0 0 0 3px #2e6ca726;outline:none}.form-textarea{min-height:150px;resize:vertical}.price{color:var(--bred-blue);font-size:1.5rem;font-weight:700}.price-old{color:var(--gray-400);font-size:1rem;font-weight:400;margin-right:.5rem;text-decoration:line-through}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-blue{color:var(--bred-blue)}.text-navy{color:var(--bred-navy)}.text-gray{color:var(--gray-600)}.bg-white{background-color:var(--bg-white)}.bg-light{background-color:var(--bg-light)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@media(max-width:768px){.admin-content .page-header{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.admin-content .page-header h1{font-size:1.25rem}.admin-content .page-header .btn,.admin-content .page-header .btn-primary,.admin-content .page-header a.btn-primary{justify-content:center;min-height:44px;width:100%}.admin-content .page-header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.admin-content .kpi-row,.admin-content .stats-grid,.admin-content .stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.admin-content .kpi-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.admin-content .kpi-primary{grid-column:span 2}.admin-content .kpi-card,.admin-content .mini-stat,.admin-content .stat-card{padding:1rem}.admin-content .mini-value,.admin-content .stat-value{font-size:1.25rem}.admin-content .filters-bar,.admin-content .toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.admin-content .search-box{max-width:none;width:100%}.admin-content .filter-group,.admin-content .filter-selects{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.admin-content .filter-group select,.admin-content .filter-selects select{flex:1;min-height:44px;min-width:0}.admin-content .tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:none}.admin-content .tabs::-webkit-scrollbar{display:none}.admin-content .tab{flex-shrink:0;min-height:44px}.admin-content .table-responsive,.admin-content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem;padding:0 .25rem}.admin-content .table td,.admin-content .table th{font-size:.8125rem;padding:.75rem 1rem}.admin-content .dashboard-grid,.admin-content .grid-chart{gap:1rem;grid-template-columns:1fr}.admin-content .quick-actions{gap:.75rem;grid-template-columns:1fr;padding:1rem}.admin-content .action-btn{flex-direction:row;justify-content:flex-start;min-height:56px;padding:1rem}.admin-content .form-2col,.admin-content .form-3col,.admin-content .form-grid,.admin-content .grid-2,.admin-content .news-grid,.admin-content .products-page .grid,.admin-content .products-page .grid-2,.admin-content .row-2,.admin-content .row-3{grid-template-columns:1fr}.admin-content .category-grid{grid-template-columns:repeat(3,1fr)}.admin-content .page-topbar,.admin-content .topbar{gap:.75rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.admin-content .top-actions,.admin-content .topbar-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:stretch}.admin-content .top-actions .btn,.admin-content .topbar-actions .btn{flex:1;min-height:44px;min-width:calc(50% - .25rem)}.admin-content .event-card,.admin-content .events-list .event-item{flex-direction:column}.admin-content .event-date-badge{flex-direction:row;gap:.5rem;justify-content:flex-start;padding:.5rem 0;width:100%}.admin-content .btn,.admin-content button:not(.btn-logout):not(.nav-item):not(.bottom-nav-item){min-height:44px}.admin-content .card-header{flex-wrap:wrap;gap:.5rem;padding:1rem}.admin-content .card-header h3{font-size:.9375rem}.admin-content .finance-toolbar{align-items:stretch;flex-direction:column}.admin-content .breakdown-list li{gap:.35rem;grid-template-columns:auto 1fr auto}.admin-content .event-row{align-items:flex-start;flex-wrap:wrap;gap:.75rem;padding:1rem}.admin-content .event-chevron{display:none}.admin-content .event-info{flex:1 1 calc(100% - 140px);min-width:0}.admin-content .event-title{white-space:normal}.admin-content .event-desc{display:-webkit-box;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;overflow:hidden}.admin-content .event-stats{align-items:center;border-top:1px solid var(--gray-100);flex-direction:row;justify-content:space-between;padding-top:.5rem;width:100%}.admin-content .filters{width:100%}.admin-content .filter-select{flex:1 1 calc(50% - .375rem);min-height:44px;min-width:0}.admin-content .members-page .table td:nth-child(2),.admin-content .members-page .table td:nth-child(3),.admin-content .members-page .table td:nth-child(5),.admin-content .members-page .table th:nth-child(2),.admin-content .members-page .table th:nth-child(3),.admin-content .members-page .table th:nth-child(5){display:none}.admin-content .members-page .table td,.admin-content .members-page .table th{padding:.75rem 1rem}.admin-content .members-page .btn-menu{height:44px;width:44px}.admin-content .admin-dashboard{gap:1.25rem}.admin-content .stat-icon{height:40px;width:40px}.admin-content .products-page .toolbar,.admin-content .products-page .view-toolbar,.admin-content .shell-header{align-items:stretch;flex-direction:column}.admin-content .shell-header{gap:.75rem}}@media(max-width:400px){.admin-content .kpi-grid,.admin-content .kpi-row,.admin-content .stats-grid,.admin-content .stats-row{grid-template-columns:1fr}.admin-content .kpi-primary{grid-column:span 1}.admin-content .category-grid{grid-template-columns:repeat(2,1fr)}}#app{display:flex;flex-direction:column;min-height:100vh}