@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--background:#000;--foreground:#fff;--primary:#c084fc;--primary-glow:#c084fc66;--card-bg:#161617b3;--card-border:#ffffff1a;--secondary-bg:#1d1d1f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.h1{fontWeight:800;letter-spacing:-.04em;font-size:4.5rem;line-height:1.05}.h2{fontWeight:700;letter-spacing:-.03em;font-size:3rem;line-height:1.1}.h3{fontWeight:600;letter-spacing:-.01em;font-size:1.5rem}.text-muted{color:#86868b}.text-gradient{background:linear-gradient(#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-primary-gradient{background:linear-gradient(135deg,#c084fc 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--card-border);border-radius:28px;transition:transform .3s cubic-bezier(.2,0,0,1),border-color .3s}.glass-panel:hover{border-color:#fff3}.btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:980px;padding:16px 32px;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.2,0,0,1)}.btn-primary:hover{background:#f5f5f7;transform:scale(1.02)}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:980px;padding:16px 32px;font-weight:500;transition:all .3s cubic-bezier(.2,0,0,1)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.reveal{animation:1s cubic-bezier(.2,0,0,1) forwards reveal-up}.float{animation:4s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}.input-base{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:16px 18px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.2,0,0,1)}.input-base:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 4px #c084fc26}.input-base::placeholder{color:#48484a}.flex-center{justify-content:center;align-items:center;display:flex}.nav-container{-webkit-backdrop-filter:blur(25px);z-index:1000;background:#000000b3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.2rem 2rem;display:flex;position:sticky;top:0}.nav-links{align-items:center;gap:1.2rem;display:flex}@media (max-width:768px){.nav-container{padding:.8rem 1rem}.nav-links{gap:.5rem}.mobile-hide{display:none}.h1{font-size:3rem}.h2{font-size:2.2rem}.dashboard-main{padding:5rem 1rem 2rem!important}.sidebar-closed{top:0;bottom:0;left:0;transform:translate(-100%);position:fixed!important}.sidebar-open{top:0;bottom:0;left:0;transform:translate(0);position:fixed!important}.mobile-only-visible{visibility:visible!important}.settings-grid{gap:2rem;flex-direction:column!important;display:flex!important}.preview-mobile-hide{display:none!important}.form-row-mobile{flex-direction:column!important;gap:1.5rem!important;display:flex!important}}@media (min-width:769px){.settings-grid{grid-template-columns:1fr 400px;align-items:start;gap:2rem;display:grid}.form-row-mobile{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}}#reader button{background:var(--primary)!important;color:#000!important;cursor:pointer!important;border:none!important;border-radius:12px!important;margin:10px 0!important;padding:12px 24px!important;font-family:Outfit,sans-serif!important;font-weight:700!important;transition:all .2s!important}#reader button:hover{filter:brightness(1.1)!important;transform:scale(1.05)!important}#reader img{filter:invert()!important;opacity:.5!important}#reader__status_span{color:var(--primary)!important;font-weight:700!important}#html5-qrcode-anchor-scan-type-change{color:var(--primary)!important;font-size:.9rem!important;font-weight:700!important;text-decoration:none!important}.reward-row-grid{grid-template-columns:1fr;align-items:end;gap:15px;display:grid}@media (min-width:1024px){.reward-row-grid{grid-template-columns:3fr 2.5fr auto}}.reward-inputs-group{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}.appointment-grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (min-width:1024px){.appointment-grid{grid-template-columns:100px 1fr 250px;gap:24px}}.time-column{text-align:left;border-right:none;justify-content:space-between;align-items:center;padding-right:0;display:flex}@media (min-width:1024px){.time-column{text-align:right;border-right:1px solid #ffffff0d;padding-right:20px;display:block}}.calendar-header{border:1px solid var(--card-border);background:#ffffff08;border-radius:20px;flex-direction:column;align-items:center;gap:15px;padding:1.5rem;display:flex}@media (min-width:768px){.calendar-header{flex-direction:row;justify-content:space-between}}.date-picker-group{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}@media (min-width:768px){.date-picker-group{justify-content:center;width:auto}}.services-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:2rem;display:flex}@media (min-width:768px){.services-header{flex-direction:row;align-items:center}}.services-actions{flex-wrap:wrap;gap:12px;width:100%;display:flex}@media (min-width:768px){.services-actions{flex-wrap:nowrap;width:auto}}.services-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.modal-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.modal-grid{grid-template-columns:1.5fr 1fr}}.modal-actions{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.modal-actions{flex-direction:row}.modal-actions button{flex:1}}.category-input-group{flex-direction:column;gap:10px;display:flex}@media (min-width:640px){.category-input-group{flex-direction:row}}.branches-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:2rem;display:flex}@media (min-width:768px){.branches-header{flex-direction:row;align-items:center}}.branches-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.branches-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.services-list{flex-direction:column;gap:12px;display:flex}.service-list-item{flex-direction:column;gap:1.2rem;padding:1.2rem;display:flex}@media (min-width:768px){.service-list-item{flex-direction:row;align-items:center;padding:1rem 1.5rem}}.service-list-meta{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}@media (min-width:768px){.service-list-meta{justify-content:flex-end;width:auto}}