.admin-dashboard *{box-sizing:border-box}.admin-dashboard{width:100%;min-height:100vh;padding:0;position:relative;z-index:10}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;margin-bottom:1rem}.header-logo{display:flex;align-items:center;gap:.6rem}.logo-image{width:45px;height:45px;object-fit:contain;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.15))}.logo-fallback{width:45px;height:45px;background:linear-gradient(180deg,#d4a855,#c49845,#8b7340);border-radius:50% 50% 45% 45%;display:flex;align-items:center;justify-content:center;border:2px solid #5c4a28;box-shadow:2px 2px #0003;position:relative}.logo-fallback:before{content:"";position:absolute;top:35%;left:25%;width:8px;height:8px;background:#3d2e1c;border-radius:50%}.logo-fallback:after{content:"";position:absolute;top:35%;right:25%;width:8px;height:8px;background:#3d2e1c;border-radius:50%}.logo-emoji{font-size:1.75rem;display:none}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-title{font-family:Bebas Neue Bold,Bebas Neue,sans-serif;font-size:1.35rem;color:#1a1a1a;font-weight:800;letter-spacing:.5px}.logo-subtitle{font-family:Bebas Neue,sans-serif;font-size:.7rem;color:#444;letter-spacing:3px;font-weight:400}.header-nav{display:flex;background:linear-gradient(180deg,#3d5a73,#2c4356);border-radius:25px;padding:4px;gap:2px;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a;border:1px solid #1f3242}.nav-item{background:transparent;border:none;color:#ffffffd9;padding:.5rem 1.25rem;font-family:Bebas Neue,sans-serif;font-size:.9rem;cursor:pointer;border-radius:20px;letter-spacing:1.5px;transition:all .25s ease;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.nav-item:hover{background:#ffffff1f;color:#fff;transform:none;box-shadow:none}.nav-item.active{background:linear-gradient(180deg,#5dade2,#3498db);color:#fff;box-shadow:0 2px 6px #3498db66}.dashboard-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:0 1.5rem}.dashboard-header-left h1{font-family:Bebas Neue Bold,Bebas Neue,sans-serif;font-size:2.25rem;color:#1a1a1a;margin:0;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.date-range-picker{background:#fff;border:2px solid #1a1a1a;border-radius:10px;padding:.6rem 1rem;box-shadow:-3px 3px #1a1a1a}.date-range-header{display:flex;gap:2rem;font-family:Bebas Neue,sans-serif;font-size:.65rem;color:#1a1a1a;margin-bottom:.2rem;letter-spacing:1.5px;font-weight:600}.date-separator{color:#999;margin:0 -.5rem}.date-range-values{display:flex;align-items:center;gap:.75rem}.date-input{display:flex;align-items:center;gap:.4rem}.date-value{font-family:Asap Condensed,sans-serif;font-size:.85rem;color:#333;font-weight:500}.date-icon{font-size:.75rem;cursor:pointer;opacity:.7;transition:opacity .2s}.date-icon:hover{opacity:1}.date-divider{color:#ccc;font-weight:300}.dashboard-tabs-section{display:flex;flex-direction:column;padding:0 1.5rem}.tab-switcher{display:flex;gap:0;margin-bottom:0;position:relative;z-index:5}.tab-button{background:#e0e0e0;border:2px solid #1a1a1a;border-bottom:2px solid #1a1a1a;color:#555;padding:.65rem 1.4rem;font-family:Bebas Neue,sans-serif;font-size:.85rem;cursor:pointer;border-radius:10px 10px 0 0;letter-spacing:1.5px;transition:all .2s ease;box-shadow:none;margin-right:-2px;position:relative}.tab-button:hover:not(.active){background:#d0d0d0;color:#333;transform:none}.tab-button.active{background:linear-gradient(180deg,#3d5a73,#2c4356);color:#fff;border-color:#1a1a1a;border-bottom-color:transparent;z-index:6;box-shadow:0 -2px 4px #0000001a}.section-container{background:linear-gradient(180deg,#d8edf7,#c4e3f3);border:2px solid #1a1a1a;border-radius:0 12px 12px;padding:1.25rem 1.5rem 1.5rem;box-shadow:-4px 4px #1a1a1a;position:relative;z-index:1;margin-top:-2px}.section-title{font-family:Bebas Neue Bold,Bebas Neue,sans-serif;font-size:1.35rem;color:#1a1a1a;margin-bottom:1rem;letter-spacing:2px}.metrics-row{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.general-metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:.75rem}.metric-card{background:#fff;border:2px solid #1a1a1a;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;box-shadow:-2px 2px #1a1a1a;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translate(1px,-1px);box-shadow:-3px 3px #1a1a1a}.metric-card.ccu{background:#fff;min-width:130px}.metric-card.general{flex-direction:row;align-items:flex-start;padding:1rem 1.25rem;background:linear-gradient(180deg,#fff,#fafafa)}.metric-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4fd,#d0e8f7);flex-shrink:0}.metric-card.general .metric-icon{width:1.75rem;height:1.75rem;margin-bottom:.25rem}.metric-emoji{font-size:1.1rem}.metric-content{display:flex;flex-direction:column;min-width:0}.metric-card.general .metric-content{width:100%}.metric-label{font-family:Bebas Neue,sans-serif;font-size:1.6rem;color:#000;text-transform:uppercase;letter-spacing:0px;margin-bottom:.15rem;white-space:nowrap}.metric-value{font-family:Bebas Neue Bold,Bebas Neue,sans-serif;font-size:2rem;color:#1a1a1a;line-height:1;letter-spacing:.5px}.metric-card.general .metric-value{font-size:2rem}.metric-subtitle{font-family:Asap Condensed,sans-serif;font-size:.5rem;color:#888;margin-top:.2rem}.charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.general-charts{grid-template-columns:repeat(4,1fr)}.photon-chart-card{background:#fff;border:2px solid #1a1a1a;border-radius:10px;padding:.75rem 1rem;box-shadow:-2px 2px #1a1a1a;transition:transform .2s ease,box-shadow .2s ease}.photon-chart-card:hover{transform:translate(1px,-1px);box-shadow:-3px 3px #1a1a1a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.chart-title{font-family:Bebas Neue,sans-serif;font-size:1rem;color:#1a1a1a;margin:0;letter-spacing:0px}.time-range-buttons{display:flex;gap:3px}.time-range-btn{background:#f0f0f0;border:1px solid #ccc;color:#666;padding:.2rem .45rem;font-family:Asap Condensed,sans-serif;font-size:.6rem;cursor:pointer;border-radius:4px;transition:all .2s ease;box-shadow:none;font-weight:500}.time-range-btn:hover:not(.active){background:#e0e0e0;transform:none}.time-range-btn.active{background:linear-gradient(180deg,#5dade2,#3498db);color:#fff;border-color:#2980b9;box-shadow:0 1px 3px #2980b94d}.chart-legend{display:flex;gap:.75rem;margin-bottom:.35rem;padding-left:.25rem}.legend-item{display:flex;align-items:center;gap:.3rem}.legend-line{width:16px;height:2px}.legend-line.dashed{background:repeating-linear-gradient(to right,#5dade2,#5dade2 3px,transparent 3px,transparent 6px)}.legend-line.solid{background:#e74c3c}.legend-text{font-family:Asap Condensed,sans-serif;font-size:.55rem;color:#666}.chart-container{margin-top:.25rem}.general-chart-card{background:#fff;border:2px solid #1a1a1a;border-radius:10px;padding:.75rem 1rem;box-shadow:-2px 2px #1a1a1a;transition:transform .2s ease,box-shadow .2s ease}.general-chart-card:hover{transform:translate(1px,-1px);box-shadow:-3px 3px #1a1a1a}.general-chart-card .chart-title{font-family:Bebas Neue,sans-serif;font-size:.75rem;color:#1a1a1a;margin:0 0 .4rem;letter-spacing:1px}.apexcharts-canvas{font-family:Asap Condensed,sans-serif!important}.apexcharts-text,.apexcharts-xaxis-label,.apexcharts-yaxis-label{font-family:Asap Condensed,sans-serif!important;fill:#666!important}.apexcharts-gridline{stroke:#e8e8e8!important}@media (max-width: 1400px){.general-charts,.general-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.charts-row{grid-template-columns:repeat(2,1fr)}.header-nav{display:none}.admin-header{justify-content:center}.dashboard-header-left h1{font-size:1.75rem}}@media (max-width: 768px){.charts-row,.general-charts{grid-template-columns:1fr}.general-metrics{grid-template-columns:1fr 1fr}.metrics-row{flex-direction:column}.dashboard-header-row{flex-direction:column;gap:.75rem;padding:0 1rem}.dashboard-tabs-section{padding:0 1rem}.date-range-picker{width:100%;justify-content:center}.section-title{font-size:1.15rem}.tab-button{padding:.5rem 1rem;font-size:.75rem}.section-container{padding:1rem;border-radius:0 10px 10px}}@media (max-width: 480px){.admin-header{padding:.5rem .75rem}.logo-title{font-size:1.15rem}.logo-subtitle{font-size:.6rem}.dashboard-header-left h1{font-size:1.5rem}.general-metrics{grid-template-columns:1fr}.section-container{padding:.75rem}.photon-chart-card,.general-chart-card,.metric-card{padding:.6rem .75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-card,.photon-chart-card,.general-chart-card{animation:fadeInUp .3s ease forwards}.charts-row>*:nth-child(1){animation-delay:.05s}.charts-row>*:nth-child(2){animation-delay:.1s}.charts-row>*:nth-child(3){animation-delay:.15s}.charts-row>*:nth-child(4){animation-delay:.2s}.metrics-row>*:nth-child(1){animation-delay:0s}.metrics-row>*:nth-child(2){animation-delay:.03s}.metrics-row>*:nth-child(3){animation-delay:.06s}.metrics-row>*:nth-child(4){animation-delay:.09s}.dashboard-page{width:100%;height:100%;background:transparent;padding:clamp(.75rem,1.5vw,1.5rem) clamp(.75rem,1.5vw,1rem);display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.dashboard-container{max-width:1200px;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.dashboard-content{background:var(--color-white);border-radius:var(--border-radius-lg);padding:clamp(1.25rem,2vw,2rem);box-shadow:var(--shadow-primary);border:2px solid var(--color-black);flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dashboard-title{font-family:Asap Condensed Regular,sans-serif;font-size:clamp(1.75rem,3vw,4.5rem);font-weight:700;color:var(--color-black);margin-bottom:clamp(.25rem,.5vw,.5rem);text-transform:uppercase;flex:0 0 auto}.dashboard-subtitle{font-size:clamp(.95rem,1.5vw,2.25rem);color:var(--text-secondary);margin-bottom:clamp(1rem,2vw,2rem);flex:0 0 auto}.dashboard-main{flex:1 1 auto;min-height:0;margin-bottom:clamp(1rem,2vw,2rem);overflow-x:hidden}.dashboard-placeholder{padding:clamp(1.5rem,3vw,3rem);text-align:center;color:var(--text-secondary);font-size:clamp(.95rem,1.5vw,1.1rem)}.dashboard-actions{display:flex;justify-content:center;gap:clamp(.75rem,1.5vw,1rem);padding-top:clamp(1rem,2vw,2rem);border-top:2px solid var(--color-black-05);flex:0 0 auto}.logout-btn{min-width:clamp(150px,15vw,340px);padding:clamp(.875rem,1.5vw,1.5rem) clamp(1.5rem,2.5vw,3rem);font-size:clamp(.95rem,1.2vw,1.65rem);font-weight:700;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.dashboard-actions{flex-direction:column}.logout-btn{width:100%}}@media (min-width: 1280px){.dashboard-container{max-width:clamp(1200px,85vw,2400px)}}.bt-top-strip{padding:clamp(8px,1vw,12px) 0 clamp(10px,1.2vw,14px);background:transparent;position:sticky;top:0;z-index:100;flex:0 0 auto}.bt-top-nav{width:100%;margin:0;max-width:none;padding:0 24px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-end;position:relative}.bt-brand{justify-self:start;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.bt-brand-logo{height:auto;max-height:85px;width:auto;display:block}.bt-nav-wrap{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;align-self:end;width:100%;background:transparent;padding:10px;box-shadow:none;z-index:1;pointer-events:none}.bt-nav-bar{display:flex;justify-content:center;align-items:center;gap:4.5rem;background:#4bb3f5;border-radius:1rem;min-height:20px;padding:0 20px;width:100%;max-width:max-content;margin:0 auto;height:60px;box-shadow:var(--shadow-primary);transition:max-width .3s ease;pointer-events:auto}.bt-nav-link{text-decoration:none;text-transform:uppercase;font-size:clamp(15px,1.8vw,1.6rem);font-family:Bebas Neue Bold,sans-serif;letter-spacing:.3px;color:var(--color-white);padding:clamp(2px,.3vw,3px) clamp(9px,1.3vw,12px);border-radius:999px;transition:text-shadow .15s ease;text-shadow:none}.bt-nav-link:hover{text-shadow:-2px 4px 0 var(--color-black)}.bt-nav-link:focus{text-shadow:none}.bt-nav-link:active{text-shadow:0 1px 0 var(--color-black)}.bt-nav-link--active{text-shadow:none;color:#ffffffb3}.bt-nav-link--active:hover{text-shadow:-2px 4px 0 var(--color-black)}.bt-icons{display:flex;gap:42px;justify-self:end;padding:16px 0}.bt-icons a,.bt-icons>div{display:inline-block;text-decoration:none;line-height:0;background:none;border:none;padding:0;margin:0;cursor:pointer}.bt-icons img{display:block;width:auto;height:30px;object-fit:contain}@media (max-width: 1280px){.bt-nav-bar{max-width:max-content}}@media (max-width: 1024px){.bt-top-nav{grid-template-columns:1fr;gap:10px;text-align:center;padding:0 16px}.bt-brand{justify-self:center}.bt-icons{justify-content:center}.bt-nav-bar{gap:28px;min-height:20px;padding:0 18px;max-width:50%}.bt-nav-link{font-size:18px;padding:2px 12px}.bt-brand-logo{max-height:77px}}@media (max-width: 900px){.bt-nav-bar{gap:22px;min-height:18px;padding:0 12px;max-width:50%}.bt-nav-link{font-size:17px;padding:1px 10px}.bt-brand-logo{max-height:72px}}@media (max-width: 768px){.bt-top-strip{padding:10px 0 12px}.bt-top-nav{padding:0 12px}.bt-nav-bar{gap:18px;min-height:16px;padding:0 10px}.bt-nav-link{font-size:16px;padding:0 9px}.bt-icons img{height:34px}.bt-icons{gap:24px}.bt-brand-logo{max-height:80px}}@media (max-width: 640px){.bt-top-strip{padding:8px 0 10px}.bt-nav-link{font-size:15px;padding:0 8px}.bt-icons img{height:32px}.bt-brand-logo{max-height:75px}}@media (max-width: 768px) and (min-width: 481px){.bt-nav-wrap{width:auto;max-width:calc(100% - 240px)}.bt-nav-bar{max-width:max-content}}@media (max-width: 480px){.bt-top-strip{padding:6px 0 8px}.bt-nav-bar{gap:16px;min-height:14px;padding:0 8px;display:none}.bt-nav-link{font-size:14px;padding:0 7px}.bt-icons{display:none}.bt-icons img{height:30px}.bt-brand-logo{max-height:70px}}@media (min-width: 1440px){.bt-top-nav{padding:0 32px}.bt-nav-bar{max-width:max-content;padding:0 20px}.bt-nav-link{font-size:1.7rem;padding:3px 20px}.bt-icons img{height:38px}.bt-brand-logo{max-height:98px}}@media (min-width: 1600px){.bt-top-nav{padding:0 50px}.bt-nav-bar{max-width:max-content;padding:0 50px}.bt-nav-link{font-size:2.7rem;padding:4px 12px}.bt-icons img{height:54px}.bt-brand-logo{max-height:106px}}@media (min-width: 1921px){.bt-top-strip{padding:14px 0 16px}.bt-top-nav{padding:0 48px}.bt-nav-bar{max-width:max-content;padding:0 24px;min-height:20px}.bt-nav-link{font-size:1.9em;padding:5px 13px}.bt-icons img{height:45px}.bt-brand-logo{max-height:115px}}@media (min-width: 2560px){.bt-top-strip{padding:18px 0 20px}.bt-top-nav{padding:0 64px}.bt-nav-bar{max-width:max-content;padding:0 28px;min-height:22px}.bt-nav-link{font-size:2rem;padding:6px 15px}.bt-icons img{height:52px}.bt-brand-logo{max-height:132px}}.bt-footer{flex:0 0 auto;padding:20px 24px;background:transparent;text-align:center}.bt-footer-content{max-width:1200px;margin:0 auto}.bt-footer-text{margin:0;font-size:14px;color:var(--text-secondary);font-family:Asap Condensed,sans-serif}@media (max-width: 768px){.bt-footer{padding:16px}.bt-footer-text{font-size:12px}}@media (max-width: 480px){.bt-footer{padding:12px}.bt-footer-text{font-size:11px}}.app-layout{display:flex;flex-direction:column;width:100%;min-height:100vh}.app-main{flex:1 1 auto;width:100%;min-height:0;display:flex;flex-direction:column}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-wrapper>main.app-main{flex:1;display:flex;align-items:center;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;font-family:Bebas Neue Bold,sans-serif;text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 5px 0 var(--color-black);position:relative;color:var(--color-white)}.btn-sm{padding:.25rem 1.2rem;font-size:1.25rem}.btn-md{padding:.45rem 1.75rem;font-size:2rem}.btn-lg{padding:.35rem 2.25rem;font-size:2rem}.btn:hover:not(.btn-disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--color-black)}.btn:active:not(.btn-disabled){transform:translateY(1px);box-shadow:0 2px 0 var(--color-black)}.btn-primary{background:var(--btn-color);color:var(--text-white)}.btn-primary:hover:not(.btn-disabled){background:var(--btn-color-hover)}.btn-secondary{background:var(--btn-color);color:var(--text-white)}.btn-secondary:hover:not(.btn-disabled){background:var(--btn-color-hover)}.btn-outline{background:var(--btn-color);color:var(--text-white);border:none}.btn-outline:hover:not(.btn-disabled){background:var(--btn-color-hover)}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-full{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-left{order:-1}.btn-icon-right{order:1}.btn-content{display:inline-flex;align-items:center}.btn-spinner{display:flex;align-items:center;gap:.5rem}.spinner-circle{width:18px;height:18px;border:3px solid var(--color-black-20);border-top-color:var(--border-black);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 480px){.btn-sm{padding:.2rem 1rem;font-size:1.1rem}.btn-md{padding:.4rem 1.5rem;font-size:1.65rem}.btn-lg{padding:.3rem 2rem;font-size:1.65rem}.spinner-circle{width:16px;height:16px;border-width:2px}}@media (max-width: 640px){.btn-sm{padding:.25rem 1.1rem;font-size:1.15rem}.btn-md{padding:.45rem 1.6rem;font-size:1.8rem!important}.btn-lg{padding:.35rem 2.1rem;font-size:1.8rem}}@media (min-width: 1280px){.btn-sm{padding:.35rem 1.4rem;font-size:1.45rem}.btn-md{padding:.6rem 2rem;font-size:2.3rem}.btn-lg{padding:.55rem 2.75rem;font-size:2.3rem}.spinner-circle{width:20px;height:20px}}@media (min-width: 1440px){.btn-sm{padding:.4rem 1.5rem;font-size:1.55rem}.btn-md{padding:.65rem 2.25rem;font-size:2.55rem}.btn-lg{padding:.6rem 3rem;font-size:2.55rem}}@media (min-width: 1600px){.btn-sm{padding:.45rem 1.6rem;font-size:1.7rem}.btn-md{padding:.75rem 2.5rem;font-size:2.8rem}.btn-lg{padding:.7rem 3.25rem;font-size:2.8rem}.spinner-circle{width:22px;height:22px}}@media (min-width: 1920px){.btn-sm{padding:.5rem 1.8rem;font-size:1.9rem}.btn-md{padding:.85rem 2.75rem;font-size:3rem}.btn-lg{padding:.85rem 3.75rem;font-size:3rem}.spinner-circle{width:24px;height:24px;border-width:4px}}@media (min-width: 2560px){.btn-sm{padding:.6rem 2.25rem;font-size:2.4rem}.btn-md{padding:1.1rem 3.5rem;font-size:4rem}.btn-lg{padding:1.1rem 4.75rem;font-size:4rem}.spinner-circle{width:28px;height:28px;border-width:4px}}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:3px solid var(--border-black);box-shadow:var(--shadow-md);transition:all .3s ease;overflow:visible}.card-default{background:var(--bg-primary)}.card-padding-sm{padding:1rem}.card-padding-md{padding:1.5rem}.card-padding-lg{padding:2rem}.card-padding-none{padding:0}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg-02)}.card-hoverable:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-label{font-weight:700;font-size:.875rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.input-required{color:var(--color-red);margin-left:.25rem}.input{padding:.875rem 1.25rem;border-radius:var(--border-radius-md);border:3px solid var(--border-black);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-family:inherit;font-weight:500;transition:all .2s ease;outline:none;box-shadow:none}.input:focus{border-color:var(--color-purple);background:var(--text-white);box-shadow:none}.input::placeholder{color:var(--text-secondary);font-weight:400}.input-error{border-color:var(--color-red)}.input-error:focus{border-color:var(--color-red);box-shadow:none}.input-full{width:100%}.input-error-text{font-size:.875rem;color:var(--color-red);font-weight:600}.input-helper-text{font-size:.875rem;color:var(--text-secondary)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.spinner-container{display:inline-flex;align-items:center;justify-content:center}.spinner{border-radius:50%;border:3px solid var(--spinner-border);border-top-color:var(--spinner-color);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:40px;height:40px;border-width:3px}.spinner-lg{width:60px;height:60px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.text{margin:0;line-height:1.5}.text-variant-body{font-weight:400}.text-variant-heading{font-weight:700}.text-variant-caption{font-weight:400;opacity:.8}.text-variant-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.text-size-xs{font-size:.75rem}.text-size-sm{font-size:.875rem}.text-size-md{font-size:1rem}.text-size-lg{font-size:1.125rem}.text-size-xl{font-size:1.25rem}.text-size-2xl{font-size:1.5rem}.text-size-3xl{font-size:1.875rem}.text-size-4xl{font-size:2.25rem}.text-weight-light{font-weight:300}.text-weight-normal{font-weight:400}.text-weight-medium{font-weight:500}.text-weight-semibold{font-weight:600}.text-weight-bold{font-weight:700}.text-color-primary{color:var(--text-primary)}.text-color-secondary{color:var(--text-secondary)}.text-color-white{color:var(--text-white)}.text-color-error{color:var(--color-red)}.text-color-success{color:var(--color-green)}.text-color-warning{color:var(--color-primary)}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.text-align-justify{text-align:justify}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.icon-size-xs{width:.75rem;height:.75rem;font-size:.75rem}.icon-size-sm{width:1rem;height:1rem;font-size:1rem}.icon-size-md{width:1.25rem;height:1.25rem;font-size:1.25rem}.icon-size-lg{width:1.5rem;height:1.5rem;font-size:1.5rem}.icon-size-xl{width:2rem;height:2rem;font-size:2rem}.icon svg{width:100%;height:100%;fill:currentColor}.icon-color-inherit{color:inherit}.icon-color-primary{color:var(--text-primary)}.icon-color-secondary{color:var(--text-secondary)}.icon-color-white{color:var(--text-white)}.icon-color-error{color:var(--color-red)}.icon-color-success{color:var(--color-green)}.icon-color-warning{color:var(--color-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:3px solid var(--border-black);box-shadow:var(--shadow-lg-02);max-height:90vh;max-width:100%;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-size-sm{width:100%;max-width:400px}.modal-size-md{width:100%;max-width:600px}.modal-size-lg{width:100%;max-width:800px}.modal-size-xl{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:3px solid var(--border-black)}.modal-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-primary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);transform:scale(1.1)}.modal-close-absolute{position:absolute;top:1rem;right:1rem;z-index:10}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:3px solid var(--border-black);background:var(--bg-secondary)}@media (max-width: 480px){.modal-overlay{padding:.5rem}.modal{max-height:95vh;margin:.5rem;border-radius:var(--border-radius-md)}.modal-header,.modal-content,.modal-footer{padding:.875rem}.modal-title{font-size:1.25rem}.modal-close{width:1.75rem;height:1.75rem;font-size:1.75rem}.modal-size-sm,.modal-size-md,.modal-size-lg,.modal-size-xl{max-width:100%}}@media (max-width: 640px){.modal{max-height:95vh;margin:.5rem}.modal-header,.modal-content,.modal-footer{padding:1rem}}@media (max-width: 768px){.modal-size-sm,.modal-size-md,.modal-size-lg{max-width:100%}}@media (max-width: 1024px){.modal-size-xl{max-width:95%}}@media (min-width: 1280px){.modal-overlay{padding:1.5rem}.modal-header,.modal-content,.modal-footer{padding:2rem}.modal-title{font-size:1.75rem}.modal-size-sm{max-width:480px}.modal-size-md{max-width:720px}.modal-size-lg{max-width:960px}.modal-size-xl{max-width:1400px}}@media (min-width: 1440px){.modal-overlay{padding:2rem}.modal-header,.modal-content,.modal-footer{padding:2.5rem}.modal-title{font-size:2rem}.modal-close{width:2.5rem;height:2.5rem;font-size:2.5rem}.modal-size-sm{max-width:520px}.modal-size-md{max-width:780px}.modal-size-lg{max-width:1040px}.modal-size-xl{max-width:1600px}}@media (min-width: 1600px){.modal-header,.modal-content,.modal-footer{padding:3rem}.modal-title{font-size:2.25rem}.modal-size-sm{max-width:560px}.modal-size-md{max-width:840px}.modal-size-lg{max-width:1120px}.modal-size-xl{max-width:1800px}}@media (min-width: 1920px){.modal-overlay{padding:2.5rem}.modal-header,.modal-content,.modal-footer{padding:3.5rem}.modal-title{font-size:2.75rem}.modal-close{width:3rem;height:3rem;font-size:3rem}.modal-size-sm{max-width:640px}.modal-size-md{max-width:960px}.modal-size-lg{max-width:1280px}.modal-size-xl{max-width:2000px}}@media (min-width: 2560px){.modal-overlay{padding:3rem}.modal-header,.modal-content,.modal-footer{padding:4.5rem}.modal-title{font-size:3.5rem}.modal-close{width:3.5rem;height:3.5rem;font-size:3.5rem}.modal-size-sm{max-width:800px}.modal-size-md{max-width:1200px}.modal-size-lg{max-width:1600px}.modal-size-xl{max-width:2400px}}.confirm-modal .modal{max-width:400px}.confirm-modal__content{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.confirm-modal__title{margin:0;font-family:Asap Condensed Regular,sans-serif;font-weight:400;font-size:3rem;color:var(--color-black);text-transform:uppercase;letter-spacing:.5px;text-align:center}.confirm-modal__message{margin:0;font-family:Asap Condensed Regular,sans-serif;font-weight:600;font-size:2rem;color:var(--text-primary);text-align:center;line-height:1.5}.confirm-modal__actions{display:flex;gap:1rem;justify-content:center;align-items:center}.confirm-modal__confirm-btn{min-width:120px}@media (max-width: 640px){.confirm-modal .modal{max-width:100%;margin:.5rem}.confirm-modal__title{font-size:2.5rem}.confirm-modal__message{font-size:1.8rem}.confirm-modal__actions{flex-direction:column;width:100%}.confirm-modal__cancel-btn,.confirm-modal__confirm-btn{width:100%}}:root{--color-primary: #FFD700;--color-secondary: #FF1493;--color-yellow: #FFD84D;--color-yellow-hover: #FFC700;--color-blue: #2D9CDB;--color-blue-accent: #1B82BD;--color-blue-light: #BEE3F8;--color-blue-lighter: #E0F2FE;--color-blue-bright: #3B82F6;--color-blue-input: #93C5FD;--color-pink: #FF1493;--color-pink-dark: #E0127D;--color-pink-darker: #C0106A;--color-pink-light: #FFB6D9;--color-pink-hover: #ff2d9b;--btn-color: #ff2c6d;--btn-color-hover: #FF4D8D;--color-purple: #8B5CF6;--color-green: #10B981;--color-green-sale: #10B981;--color-red: #EF4444;--color-red-hover: #DC2626;--color-red-new: #EF4444;--color-shadow-highlight: #E3D451;--color-black: #000000;--color-black-06: rgba(0, 0, 0, .6);--color-black-05: rgba(0, 0, 0, .05);--color-black-15: rgba(0, 0, 0, .15);--color-black-18: rgba(0, 0, 0, .18);--color-black-20: rgba(0, 0, 0, .2);--color-black-30: rgba(0, 0, 0, .3);--color-black-40: rgba(0, 0, 0, .4);--color-white: #FFFFFF;--color-white-01: rgba(255, 255, 255, .1);--color-text: #000000;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--text-primary: #1F2937;--text-secondary: #6B7280;--text-white: #FFFFFF;--border-black: #000000;--border-black-06: rgba(0, 0, 0, .6);--shadow-primary: -6px 6px 0 var(--color-black);--shadow-sm: -2px 2px 4px var(--color-black);--shadow-md: -4px 4px 8px var(--color-black);--shadow-md-02: -4px 4px 0 var(--color-black);--shadow-lg: -6px 6px 16px var(--color-black);--shadow-lg-02: -6px 6px 16px var(--color-black);--shadow-inset: inset -2px 2px 4px var(--color-black-05);--shadow-focus-purple: 4px 4px 0 4px rgba(139, 92, 246, .2);--shadow-focus-red: 4px 4px 0 4px rgba(239, 68, 68, .2);--error-bg: rgba(239, 68, 68, .1);--spinner-color: #667eea;--spinner-border: rgba(255, 255, 255, .1);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 32px;--gradient-body: linear-gradient(180deg, #FFFFFF 0%, #F0F9FF 100%);--gradient-text: linear-gradient(135deg, var(--color-purple) 0%, var(--color-secondary) 100%);--pattern-blue: rgba(147, 197, 253, .1)}@font-face{font-family:Asap Condensed;src:url(/assets/AsapCondensed-Regular-DyrAzndf.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Asap Condensed Regular;src:url(/assets/AsapCondensed-Regular-DyrAzndf.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Asap Condensed;src:url(/assets/AsapCondensed-Medium-BkBcitLc.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Asap Condensed;src:url(/assets/AsapCondensed-Bold-CXOXXDl8.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Asap Condensed Medium;src:url(/assets/AsapCondensed-SemiBold-7X_Oxv7u.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Asap Condensed Medium;src:url(/assets/AsapCondensed-SemiBold-7X_Oxv7u.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue Bold;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Bowlby One SC;src:url(/assets/BowlbyOneSC-Regular-CYwYZNXH.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Asap Condensed Regular,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/assets/BSG_Web_Pattern_Yellow_Tile-CFni91z5.png) repeat;background-size:200px 200px;transform:translateZ(0)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/assets/BSG_Web_Pattern_Blue_Tile-DnOu5uPp.png) repeat;background-size:200px 200px;clip-path:polygon(0% 55%,100% 75%,100% 100%,0% 100%);transform:translateZ(0)}@supports (-webkit-touch-callout: none){body:before,body:after{position:absolute;width:100%;height:100%}}#root{width:100%;margin:0 auto;position:relative;z-index:1;min-height:100vh}@media (min-width: 1920px) and (min-height: 1080px){body{font-size:clamp(13px,1.2vw + .4rem,20px)}h1{font-size:clamp(1.6rem,3.5vw + .4rem,4.5rem)}h2{font-size:clamp(1.4rem,3vw + .4rem,4rem)}h3{font-size:clamp(1.15rem,2.5vw + .4rem,3.5rem)}}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue Bold,sans-serif;color:var(--text-primary)}a{font-weight:500;color:var(--color-purple);text-decoration:none;transition:color .3s ease}button{border-radius:var(--border-radius-md);border:3px solid var(--border-black);padding:.8em 1.6em;font-size:1em;font-family:Bebas Neue Bold,sans-serif;background-color:var(--color-primary);color:var(--border-black);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus,button:focus-visible{outline:4px solid var(--color-secondary);outline-offset:2px}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.yellow-outline-text{color:var(--color-primary);text-shadow:-3px -3px 0 var(--color-blue-bright),3px -3px 0 var(--color-blue-bright),-3px 3px 0 var(--color-blue-bright),3px 3px 0 var(--color-blue-bright)}@media (prefers-color-scheme: dark){:root{color:var(--text-primary);background-color:var(--bg-primary)}}body{font-size:clamp(14px,1.5vw + .5rem,24px)}h1{font-size:clamp(1.75rem,4vw + .5rem,5.5rem)}h2{font-size:clamp(1.5rem,3.5vw + .5rem,5rem)}h3{font-size:clamp(1.25rem,3vw + .5rem,4.5rem)}button{font-size:clamp(.9em,1.2vw + .5em,1.5em);padding:clamp(.7em,1vw + .5em,1.4em) clamp(1.4em,2vw + .5em,2.8em)}