:root{--color-cream:#f1efe8;--color-taupe:#888780;--color-charcoal:#2c2c2a;--color-white:#fff;--color-black:#1a1a19;--color-bg-primary:#1a1a19;--color-bg-secondary:#242422;--color-bg-elevated:#2c2c2a;--color-text-primary:#f1efe8;--color-text-secondary:#888780;--color-text-muted:#f1efe866;--color-accent:#f1efe8;--color-success:#7ec699;--color-warning:#e8c87a;--color-error:#d4766e;--glass-bg:#ffffff0f;--glass-bg-hover:#ffffff1a;--glass-border:#ffffff1f;--glass-border-hover:#fff3;--glass-blur:16px;--glass-shadow:0 8px 32px #0000004d;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-light:300;--font-medium:500;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.6s;--z-base:1;--z-elevated:10;--z-overlay:100;--z-modal:1000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-weight:var(--font-light);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:var(--font-family);font-weight:var(--font-light);color:var(--color-text-primary);background:0 0;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.text-center{text-align:center}.text-light{font-weight:var(--font-light)}.text-medium{font-weight:var(--font-medium)}.text-muted{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-taupe);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-cream)}::selection{color:var(--color-cream);background:#f1efe833}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 12px 40px #0006}.glass-card--elevated{background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 16px 48px #00000059,inset 0 1px #ffffff1a}.glass-card--subtle{background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 4px 16px #0003}.glass-input{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-out);background:#ffffff0d;border:1px solid #ffffff1a}.glass-input:focus{background:#ffffff14;border-color:#f1efe84d;box-shadow:0 0 0 3px #f1efe814}.glass-input--large{padding:var(--space-5) var(--space-6);font-size:var(--font-size-2xl);text-align:center;letter-spacing:.15em;font-weight:var(--font-medium)}.glass-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);letter-spacing:.02em;transition:all var(--duration-fast) var(--ease-out);background:#ffffff14;border:1px solid #ffffff26;display:inline-flex;position:relative;overflow:hidden}.glass-btn:before{content:"";opacity:0;transition:opacity var(--duration-fast) var(--ease-out);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.glass-btn:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}.glass-btn:hover:before{opacity:1}.glass-btn:active{background:#ffffff1f;transform:translateY(0)}.glass-btn--primary{background:#f1efe81f;border-color:#f1efe840}.glass-btn--primary:hover{background:#f1efe833;border-color:#f1efe859}.glass-btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.glass-btn--full{width:100%}.glass-btn--social{padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);gap:var(--space-3)}.glass-btn--success{color:var(--color-success);background:#7ec69926;border-color:#7ec6994d}.glass-btn--success:hover{background:#7ec69940}.glass-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.glass-btn:disabled:hover{box-shadow:none;background:#ffffff14;border-color:#ffffff26;transform:none}.glass-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff1f;align-items:center;display:inline-flex}.glass-badge--vip{color:var(--color-warning);background:#e8c87a26;border-color:#e8c87a4d}.glass-badge--regular{color:var(--color-success);background:#7ec69926;border-color:#7ec6994d}.glass-badge--new{color:var(--color-cream);background:#f1efe81a;border-color:#f1efe833}.glass-divider{width:100%;height:1px;margin:var(--space-6) 0;background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%)}.glass-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-overlay);background:#0009;position:fixed;inset:0}@keyframes floatIn{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-float-in{animation:floatIn var(--duration-slow) var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeUp var(--duration-normal) var(--ease-out) both}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.anim-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring) both}@keyframes cardFlip3D{0%{opacity:0;transform:perspective(800px)rotateX(25deg)translateY(40px)scale(.9)}40%{opacity:1}to{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)scale(1)}}.anim-card-flip{animation:cardFlip3D .8s var(--ease-out) both}.tilt-3d{transition:transform var(--duration-normal) var(--ease-out);transform-style:preserve-3d}.tilt-3d:hover{transform:perspective(600px)rotateX(2deg)rotateY(-2deg)translateZ(10px)}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #f1efe80d,0 0 40px #f1efe805}50%{box-shadow:0 0 30px #f1efe81a,0 0 60px #f1efe80d}}.anim-glow{animation:3s ease-in-out infinite glowPulse}@keyframes slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.anim-slide-left{animation:slideLeft var(--duration-normal) var(--ease-out) both}@keyframes slideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.anim-slide-right{animation:slideRight var(--duration-normal) var(--ease-out) both}@keyframes counterRoll{0%{opacity:0;transform:translateY(-20px)scale(.8)}60%{transform:translateY(3px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-counter{animation:counterRoll .5s var(--ease-spring) both}@keyframes coinBounce{0%{opacity:1;transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(180deg)}to{opacity:1;transform:translateY(0)rotate(360deg)}}.anim-coin{animation:coinBounce .6s var(--ease-spring)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0f 50%,#fff0 100%) 0 0/200% 100%;animation:2s ease-in-out infinite shimmer}@keyframes floatParticle{0%,to{opacity:.3;transform:translate(0)scale(1)}25%{opacity:.5;transform:translate(30px,-40px)scale(1.1)}50%{opacity:.2;transform:translate(-20px,-80px)scale(.9)}75%{opacity:.4;transform:translate(40px,-40px)scale(1.05)}}.particle-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{background:#f1efe826;border-radius:50%;width:4px;height:4px;animation:12s ease-in-out infinite floatParticle;position:absolute}.particle:first-child{animation-duration:14s;animation-delay:0s;top:80%;left:10%}.particle:nth-child(2){width:3px;height:3px;animation-duration:16s;animation-delay:2s;top:70%;left:25%}.particle:nth-child(3){width:5px;height:5px;animation-duration:12s;animation-delay:4s;top:90%;left:40%}.particle:nth-child(4){animation-duration:18s;animation-delay:1s;top:75%;left:55%}.particle:nth-child(5){width:3px;height:3px;animation-duration:15s;animation-delay:3s;top:85%;left:70%}.particle:nth-child(6){width:6px;height:6px;animation-duration:13s;animation-delay:5s;top:95%;left:85%}.particle:nth-child(7){animation-duration:17s;animation-delay:6s;top:60%;left:15%}.particle:nth-child(8){width:4px;height:4px;animation-duration:11s;animation-delay:7s;top:65%;left:60%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #f1efe826;border-top-color:var(--color-cream);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner--large{border-width:3px;width:40px;height:40px}.progress-bar{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:3px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out);background:linear-gradient(90deg,#f1efe866,#f1efe8b3)}.stagger-children>*{opacity:0;animation:fadeUp var(--duration-normal) var(--ease-out) both}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.delay-1{animation-delay:.1s!important}.delay-2{animation-delay:.2s!important}.delay-3{animation-delay:.3s!important}.delay-4{animation-delay:.4s!important}.delay-5{animation-delay:.5s!important}.scan-page{min-height:100vh;padding:var(--space-6);background:radial-gradient(at 50% 0,#2c2c2a 0%,#1a1a19 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.scan-page__logo{width:48px;height:48px;margin-bottom:var(--space-3);opacity:.7}.scan-page__title{font-size:var(--font-size-xl);font-weight:var(--font-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-cream);margin-bottom:var(--space-1)}.scan-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-10);letter-spacing:.04em}.scan-container{width:100%;max-width:420px;z-index:var(--z-base);position:relative}.phone-section{text-align:center}.phone-section__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);letter-spacing:.03em}.phone-input-wrapper{position:relative}.phone-prefix{left:var(--space-5);font-size:var(--font-size-2xl);font-weight:var(--font-medium);color:var(--color-text-secondary);letter-spacing:.05em;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.phone-input{padding-left:70px!important}.phone-submit{margin-top:var(--space-6)}.onboarding{padding:var(--space-8)}.onboarding__step-title{font-size:var(--font-size-lg);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.onboarding__step-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.onboarding__field{margin-bottom:var(--space-6)}.onboarding__field label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);display:block}.onboarding__actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.onboarding__actions .glass-btn{flex:1}.social-buttons{gap:var(--space-3);flex-direction:column;display:flex}.social-btn{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);display:flex}.social-btn__icon{width:24px;height:24px;font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.social-btn__text{font-size:var(--font-size-sm);font-weight:var(--font-medium);flex:1}.social-btn__status{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.social-btn--followed{background:#7ec6991a;border-color:#7ec69940}.social-btn--followed .social-btn__status{color:var(--color-success)}.welcome-back{padding:var(--space-10) var(--space-8);text-align:center;perspective:800px}.welcome-back__card{transform-style:preserve-3d}.welcome-back__emoji{margin-bottom:var(--space-4);font-size:3rem;display:block}.welcome-back__greeting{font-size:var(--font-size-2xl);font-weight:var(--font-medium);margin-bottom:var(--space-2);background:linear-gradient(135deg, var(--color-cream), var(--color-taupe));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-back__info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.welcome-back__visits{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-6);background:#ffffff0f;display:inline-flex}.bill-section{padding:var(--space-8);text-align:center}.bill-section__title{font-size:var(--font-size-lg);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.bill-section__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.bill-input-wrapper{margin-bottom:var(--space-4);position:relative}.bill-prefix{left:var(--space-6);font-size:var(--font-size-3xl);font-weight:var(--font-medium);color:var(--color-text-secondary);position:absolute;top:50%;transform:translateY(-50%)}.bill-input{font-size:var(--font-size-3xl)!important;padding-left:60px!important}.bill-cashback-preview{padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);background:#7ec69914;border:1px solid #7ec69933}.bill-cashback-preview__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.bill-cashback-preview__amount{font-size:var(--font-size-2xl);font-weight:var(--font-medium);color:var(--color-success)}.bill-min-notice{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.cashback-reward{padding:var(--space-10) var(--space-6);text-align:center}.cashback-reward__icon{margin-bottom:var(--space-4);font-size:4rem;display:block}.cashback-reward__amount{font-size:var(--font-size-5xl);font-weight:var(--font-medium);color:var(--color-success);margin-bottom:var(--space-2);line-height:1}.cashback-reward__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.cashback-reward__bill{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-8)}.cashback-reward__notice{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-warning);background:#e8c87a1a;border:1px solid #e8c87a33;display:inline-flex}.scan-progress{margin-bottom:var(--space-6)}.scan-progress__steps{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.scan-progress__dot{width:8px;height:8px;transition:all var(--duration-normal) var(--ease-out);background:#ffffff1f;border-radius:50%}.scan-progress__dot--active{background:var(--color-cream);box-shadow:0 0 8px #f1efe84d}.scan-progress__dot--completed{background:var(--color-success)}@media (width<=480px){.scan-page{padding:var(--space-4)}.scan-container{max-width:100%}.onboarding,.welcome-back,.bill-section,.cashback-reward{padding:var(--space-6) var(--space-4)}.cashback-reward__amount{font-size:var(--font-size-4xl)}}.scan-book-footer{margin-top:var(--space-8);text-align:center;z-index:1;position:relative}.scan-book-footer p{color:var(--color-text-secondary);margin:0;font-size:.82rem}.scan-book-link{color:#f5a623;font-weight:600;text-decoration:none;transition:opacity .15s}.scan-book-link:hover{opacity:.8;text-decoration:underline}.dashboard-layout{background:var(--color-bg-primary);min-height:100vh;display:flex}.dashboard-sidebar{background:var(--color-bg-secondary);width:240px;padding:var(--space-6) 0;z-index:var(--z-elevated);border-right:1px solid #ffffff0f;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__logo{padding:0 var(--space-6) var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid #ffffff1a;justify-content:center;display:flex}.sidebar__nav{gap:var(--space-1);padding:0 var(--space-3);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-light);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;display:flex}.sidebar__link:hover{color:var(--color-text-primary);background:#ffffff0a}.sidebar__link--active{color:var(--color-text-primary);font-weight:var(--font-medium);background:#ffffff14}.sidebar__link-icon{font-size:var(--font-size-lg);text-align:center;width:24px}.sidebar__footer{padding:var(--space-4) var(--space-6);border-top:1px solid #ffffff0f}.sidebar__version{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dashboard-main{padding:var(--space-8);flex:1;margin-left:240px}.dashboard-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.dashboard-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-medium)}.dashboard-header__actions{gap:var(--space-3);display:flex}.customer-filters{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-medium);letter-spacing:.04em;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#ffffff0a;border:1px solid #ffffff14}.filter-chip:hover{background:#ffffff14}.filter-chip--active{color:var(--color-cream);background:#f1efe81f;border-color:#f1efe840}.search-box{margin-bottom:var(--space-6);max-width:360px;position:relative}.search-box__icon{left:var(--space-4);color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.search-box input{padding-left:40px}.customer-table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.customer-table{border-collapse:collapse;width:100%}.customer-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14}.customer-table th:hover{color:var(--color-text-primary)}.customer-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid #ffffff0a}.customer-table tr:hover td{background:#ffffff05}.customer-table__name{font-weight:var(--font-medium)}.customer-table__phone{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.analytics-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.metric-card{padding:var(--space-6)}.metric-card__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.metric-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-medium);margin-bottom:var(--space-2);line-height:1}.metric-card__change{font-size:var(--font-size-xs);color:var(--color-success)}.campaign-option{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#ffffff0a;border:1px solid #ffffff1a}.campaign-option:hover{background:#ffffff14}.campaign-option--selected{color:var(--color-cream);background:#f1efe826;border-color:#f1efe84d}.message-edit-area{width:100%;min-height:80px;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);resize:vertical;color:var(--color-text-primary);background:#ffffff0a;border:1px solid #ffffff1a;line-height:1.7}.message-edit-area:focus{border-color:#f1efe84d;outline:none}.cc-layout{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.cc-card{padding:var(--space-6);flex-direction:column;gap:0;display:flex}.cc-card__header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.cc-card__icon{flex-shrink:0;font-size:2rem;line-height:1}.cc-card__title{font-size:var(--font-size-lg);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.cc-card__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cc-card__body{gap:var(--space-5);flex-direction:column;display:flex}.cc-field{gap:var(--space-2);flex-direction:column;display:flex}.cc-label{font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.cc-textarea{width:100%;min-height:80px;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);resize:vertical;color:var(--color-text-primary);background:#ffffff0a;border:1px solid #ffffff1a;line-height:1.7}.cc-textarea:focus{border-color:#f1efe84d;outline:none}.cc-lang-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.cc-error{font-size:var(--font-size-xs);color:var(--color-warning);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#e8c87a14;border:1px solid #e8c87a33}.cc-variants{gap:var(--space-4);margin-top:var(--space-2);flex-direction:column;display:flex}.cc-variants__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.cc-message-card{padding:var(--space-5)}.cc-message-card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.cc-message-card__style{font-size:var(--font-size-sm);font-weight:var(--font-medium)}.cc-message-card__text{font-size:var(--font-size-sm);white-space:pre-wrap;color:var(--color-text-secondary);line-height:1.75}.cc-filter-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.cc-export-count{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);display:flex}.cc-export-count__number{font-size:var(--font-size-3xl);font-weight:var(--font-medium);color:var(--color-cream);line-height:1}.cc-export-count__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cc-export-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cc-export-hint code{background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.7rem}.settings-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.settings-section{padding:var(--space-6)}.settings-section__title{font-size:var(--font-size-base);font-weight:var(--font-medium);margin-bottom:var(--space-5)}.settings-field{margin-bottom:var(--space-5)}.settings-field label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);display:block}.settings-field .glass-input{font-size:var(--font-size-sm)}.settings-slider{align-items:center;gap:var(--space-4);display:flex}.settings-slider input[type=range]{-webkit-appearance:none;border-radius:var(--radius-full);background:#ffffff1a;outline:none;flex:1;height:4px}.settings-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-cream);cursor:pointer;border-radius:50%;width:18px;height:18px}.settings-slider__value{font-size:var(--font-size-lg);font-weight:var(--font-medium);text-align:right;min-width:50px}.qr-display{align-items:center;gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.qr-display canvas,.qr-display svg{border-radius:var(--radius-md)}.qr-display__url{font-size:var(--font-size-xs);color:var(--color-text-secondary);word-break:break-all}.pin-gate{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.pin-gate__card{padding:var(--space-10) var(--space-8);text-align:center;width:100%;max-width:380px}.pin-gate__title{font-size:var(--font-size-xl);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.pin-gate__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.pin-dots{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.pin-dot{width:14px;height:14px;transition:all var(--duration-fast) var(--ease-out);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%}.pin-dot--filled{background:var(--color-cream);border-color:var(--color-cream);box-shadow:0 0 10px #f1efe833}.pin-keypad{gap:var(--space-3);grid-template-columns:repeat(3,1fr);max-width:260px;margin:0 auto;display:grid}.pin-key{border-radius:var(--radius-md);width:64px;height:64px;font-size:var(--font-size-xl);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;margin:0 auto;display:flex}.pin-key:hover{background:#ffffff1a}.pin-key:active{transform:scale(.95)}.pin-key--action{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pin-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-4)}@media (width<=768px){.dashboard-sidebar{display:none}.dashboard-main{padding:var(--space-4);margin-left:0}.mobile-nav{background:var(--color-bg-secondary);padding:var(--space-2);gap:var(--space-1);z-index:var(--z-elevated);border-top:1px solid #ffffff0f;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav__item{align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-direction:column;flex:1;display:flex}.mobile-nav__item--active{color:var(--color-cream);background:#ffffff0f}.dashboard-main{padding-bottom:80px}.analytics-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.cc-layout{grid-template-columns:1fr}}@media (width>=769px){.mobile-nav{display:none}}.book-page{min-height:100vh;padding:var(--space-8) var(--space-4);justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.book-wrap{align-items:center;gap:var(--space-6);z-index:1;flex-direction:column;width:100%;max-width:560px;display:flex;position:relative}.book-logo{justify-content:center;width:100%;display:flex}.book-form-card{width:100%;padding:var(--space-8)}.book-form-header{margin-bottom:var(--space-7);text-align:center}.book-form-header__title{color:var(--text-primary);margin:0 0 var(--space-2);font-size:1.6rem;font-weight:700}.book-form-header__sub{color:var(--text-tertiary);margin:0;font-size:.875rem}.book-form{gap:var(--space-5);flex-direction:column;display:flex}.book-field{gap:var(--space-2);flex-direction:column;display:flex}.book-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.8rem;font-weight:600}.book-req{color:#f5a623}.book-opt{color:var(--text-tertiary);text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}.book-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.book-select option{color:#f0ede8;background:#2c2c2a}.book-textarea{resize:vertical;min-height:80px}.book-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.book-error{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:#ff6b6b;background:#ff3b301f;border:1px solid #ff3b304d;margin:0;font-size:.875rem}.book-footer{color:var(--text-tertiary);text-align:center;margin:0;font-size:.8rem}.book-success{align-items:center;gap:var(--space-5);text-align:center;width:100%;padding:var(--space-4) 0;flex-direction:column;display:flex}.book-success__ring{background:linear-gradient(135deg,#f5a62340,#34c75933);border:2px solid #f5a62366;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:0 0 32px #f5a62333}.book-success__check{font-size:2.5rem;line-height:1}.book-success__title{color:var(--text-primary);margin:0;font-size:1.7rem;font-weight:700}.book-success__sub{color:var(--text-secondary);margin:0;font-size:.95rem}.book-success__card{width:100%;padding:var(--space-6);text-align:left;gap:var(--space-3);flex-direction:column;display:flex}.book-success__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.book-success__row:last-child{border-bottom:none;padding-bottom:0}.book-success__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.78rem}.book-success__value{color:var(--text-primary);text-align:right;font-size:.9rem;font-weight:600}.book-success__value--id{color:#f5a623;background:#f5a6231f;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.85rem}.book-success__value--accent{color:#f5a623}.book-success__email-note{color:var(--text-secondary);margin:0;font-size:.875rem}.book-success__btn{margin-top:var(--space-2);justify-content:center;align-items:center;min-width:200px;text-decoration:none;display:inline-flex}.appt-stats{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.appt-stat-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:flex}.appt-stat-pill__num{color:inherit;font-size:1.1rem;font-weight:700}.appt-stat-pill__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.appt-filters{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.appt-refresh-btn{padding:var(--space-2) var(--space-3);margin-left:auto;font-size:1rem}.appt-loading,.appt-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);color:var(--text-tertiary);flex-direction:column;font-size:.9rem;display:flex}.appt-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}.appt-table{border-collapse:collapse;width:100%;font-size:.875rem}.appt-table thead th{padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);background:var(--glass-bg);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-size:.72rem;font-weight:600}.appt-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s}.appt-table tbody tr:last-child{border-bottom:none}.appt-table tbody tr:hover{background:#ffffff08}.appt-table td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);vertical-align:middle}.appt-row--today{background:#007aff0f!important}.appt-id{font-family:monospace;font-size:.8rem;color:var(--text-tertiary)!important}.appt-name{font-weight:600;color:var(--text-primary)!important}.appt-service{max-width:160px;font-weight:500;color:#f5a623!important}.appt-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.appt-actions{gap:var(--space-1);display:flex}.appt-action-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:4px 8px;font-size:.85rem;line-height:1;transition:all .15s}.appt-action-btn:hover{background:var(--glass-bg);transform:scale(1.1)}.appt-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (width<=768px){.book-form-card{padding:var(--space-6)}.book-row{grid-template-columns:1fr}.appt-table-wrap{font-size:.8rem}.appt-table thead th,.appt-table td{padding:var(--space-2) var(--space-3)}}