@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f1729;--navy-light: #1a2340;--navy-mid: #141d33;--surface: #ffffff;--surface-alt: #f7f8fc;--surface-dark: #eef0f6;--text: #1a1f36;--text-secondary: #5a6178;--text-muted: #8b90a0;--border: #e2e5ef;--border-light: #eef0f6;--primary: #4f6ef7;--primary-dark: #3b57d9;--green: #25d366;--green-dark: #1da851;--orange: #f59e0b;--teal: #14b8a6;--purple: #8b5cf6;--pink: #ec4899;--blue: #3b82f6;--red: #ef4444;--gradient: linear-gradient(135deg, #4f6ef7 0%, #25d366 100%);--gradient-text: linear-gradient(135deg, #4f6ef7 0%, #25d366 50%, #14b8a6 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);color:var(--text);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:600;font-size:15px;padding:12px 24px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn--sm{padding:8px 18px;font-size:14px}.btn--lg{padding:16px 32px;font-size:16px}.btn--full{width:100%;justify-content:center}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f6ef74d}.btn--outline{background:transparent;color:var(--text);border-color:var(--border)}.btn--outline:hover{border-color:var(--primary);color:var(--primary)}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:hover{color:var(--primary)}.btn--white{background:#fff;color:var(--navy)}.btn--white:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffffff4d}.btn--ghost-white{background:transparent;color:#fff;border-color:#ffffff4d}.btn--ghost-white:hover{border-color:#fff}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);transition:all .3s ease}.header--scrolled{box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:10px}.logo__icon{width:36px;height:36px;border-radius:10px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.logo__text{font-size:20px;font-weight:400;color:var(--text)}.logo__text strong{font-weight:800}.nav{display:flex;gap:32px}.nav a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav a:hover{color:var(--primary)}.header__actions{display:flex;gap:12px}.burger{display:none;background:none;border:none;cursor:pointer;padding:4px}.burger span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;transition:all .3s}.hero{position:relative;overflow:hidden;padding:140px 0 80px;background:var(--surface)}.hero__bg{position:absolute;inset:0;pointer-events:none}.hero__glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.hero__glow--1{width:600px;height:600px;background:var(--primary);top:-200px;right:-100px}.hero__glow--2{width:400px;height:400px;background:var(--green);bottom:-100px;left:-100px}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}.hero__badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500}.badge--green{background:#25d3661a;color:var(--green-dark)}.badge--blue{background:#3b82f61a;color:var(--blue)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.hero__title{font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}.hero__subtitle{font-size:18px;line-height:1.7;color:var(--text-secondary);max-width:520px;margin-bottom:32px}.hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.hero__trust{font-size:13px;color:var(--text-muted)}.hero__visual{position:relative}.mockup{position:relative;perspective:1000px}.mockup__screen{background:var(--navy);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.mockup__screen:hover{transform:rotateY(0) rotateX(0)}.mockup__topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--navy-mid)}.mockup__dots{display:flex;gap:6px}.mockup__dots span{width:10px;height:10px;border-radius:50%;background:#ffffff26}.mockup__dots span:first-child{background:#ff5f57}.mockup__dots span:nth-child(2){background:#febc2e}.mockup__dots span:last-child{background:#28c840}.mockup__url{flex:1;text-align:center;font-size:12px;color:#fff6;background:#ffffff0d;padding:4px 12px;border-radius:6px}.mockup__body{display:flex;min-height:280px}.mockup__sidebar{width:48px;background:#ffffff08;padding:12px 8px;display:flex;flex-direction:column;gap:8px}.mockup__sidebar-item{height:32px;border-radius:6px;background:#ffffff0f}.mockup__sidebar-item.active{background:var(--primary);opacity:.6}.mockup__main{flex:1;padding:16px}.mockup__header-bar{height:12px;width:40%;background:#ffffff1f;border-radius:4px;margin-bottom:16px}.mockup__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.mockup__stat-card{background:#ffffff0f;border-radius:8px;padding:12px}.mockup__stat-card--green{background:#25d36626}.mockup__stat-label{height:8px;width:60%;background:#ffffff1a;border-radius:3px;margin-bottom:8px}.mockup__stat-value{font-size:20px;font-weight:700;color:#fffc}.mockup__calendar{display:flex;flex-direction:column;gap:6px}.mockup__cal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mockup__cal-slot{height:24px;background:#ffffff08;border-radius:4px}.mockup__cal-event{height:24px;background:#4f6ef74d;border-radius:4px;border-left:3px solid var(--primary)}.mockup__cal-event--green{background:#25d36633;border-left-color:var(--green)}.mockup__cal-event--blue{background:#3b82f633;border-left-color:var(--blue)}.mockup__toast{position:absolute;top:20px;right:-20px;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite}.mockup__toast-icon{flex-shrink:0}.mockup__toast-title{font-size:13px;font-weight:600;color:var(--text)}.mockup__toast-text{font-size:12px;color:var(--text-secondary)}.mockup__chat{position:absolute;bottom:20px;left:-30px;width:220px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:float 3s ease-in-out infinite .5s}.mockup__chat-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--navy);color:#fff;font-size:12px;font-weight:600}.mockup__chat-msg{padding:8px 12px;font-size:12px;margin:6px 8px;border-radius:10px}.mockup__chat-msg--in{background:var(--surface-alt);color:var(--text);margin-right:30px}.mockup__chat-msg--out{background:var(--primary);color:#fff;margin-left:30px;margin-bottom:10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.stats{background:var(--navy);padding:48px 0}.stats__inner{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.stat{text-align:center}.stat__number{font-size:42px;font-weight:800;color:#fff;line-height:1}.stat__label{font-size:14px;color:#ffffff80;margin-top:6px}.stat__divider{width:1px;height:48px;background:#ffffff1a}.section-header{text-align:center;max-width:640px;margin:0 auto 48px}.section-tag{display:inline-block;padding:6px 16px;border-radius:100px;background:#4f6ef714;color:var(--primary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.section-header h2{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}.section-header p{font-size:17px;color:var(--text-secondary);line-height:1.6}.features{padding:100px 0;background:var(--surface-alt)}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{position:relative;background:#fff;border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border-light);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border)}.feature-card--large{grid-column:span 1}.feature-card--coming{opacity:.85}.feature-card__badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:100px;background:#f59e0b1a;color:var(--orange);font-size:12px;font-weight:600}.feature-card__icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card__icon--blue{background:#3b82f61a;color:var(--blue)}.feature-card__icon--purple{background:#8b5cf61a;color:var(--purple)}.feature-card__icon--green{background:#25d3661a;color:var(--green)}.feature-card__icon--orange{background:#f59e0b1a;color:var(--orange)}.feature-card__icon--teal{background:#14b8a61a;color:var(--teal)}.feature-card__icon--pink{background:#ec48991a;color:var(--pink)}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:10px}.feature-card>p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.feature-card__list{display:flex;flex-direction:column;gap:8px}.feature-card__list li{font-size:14px;color:var(--text-secondary);padding-left:22px;position:relative}.feature-card__list li:before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:50%;background:#25d36626;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2325d366' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.industries{padding:100px 0}.industries__tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:40px}.industries__tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;font-family:var(--font);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.industries__tab:hover{border-color:var(--primary);color:var(--primary)}.industries__tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.industries__tab.active svg{stroke:#fff}.industries__panel{display:none;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.industries__panel.active{display:grid}.industries__panel-content h3{font-size:28px;font-weight:700;margin-bottom:16px}.industries__panel-content>p{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.check-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text)}.check-list li:before{content:"✓";flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#25d3661a;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px}.industry-mockup{background:var(--navy);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xl)}.industry-mockup__header{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px;text-align:center}.industry-mockup__staff{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.industry-mockup__avatar{width:40px;height:40px;border-radius:50%;background:#4f6ef74d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.industry-mockup__avatar--pink{background:#ec48994d}.industry-mockup__slots{display:flex;flex-direction:column;gap:8px}.industry-mockup__slot{padding:10px 14px;border-radius:8px;background:#ffffff0d;color:#ffffff80;font-size:13px}.industry-mockup__slot--booked{background:#4f6ef726;color:#fffc;border-left:3px solid var(--primary)}.industry-mockup__slot--gym{background:#25d3661a;color:#ffffffb3;border-left:3px solid var(--green)}.industry-mockup__progress{height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:16px;overflow:hidden}.industry-mockup__progress-bar{height:100%;background:var(--gradient);border-radius:4px;transition:width 1s ease}.how{padding:100px 0;background:var(--surface-alt)}.how__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.how__step{position:relative;text-align:center;padding:32px 24px}.how__step-num{width:56px;height:56px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;margin:0 auto 20px;position:relative;z-index:1}.how__step-line{position:absolute;top:60px;left:calc(50% + 40px);width:calc(100% - 80px);height:2px;background:var(--border);z-index:0}.how__step:last-child .how__step-line{display:none}.how__step h3{font-size:20px;font-weight:700;margin-bottom:10px}.how__step p{font-size:15px;color:var(--text-secondary);line-height:1.6}.showcase{padding:100px 0}.showcase__tabs{display:flex;justify-content:center;gap:4px;background:var(--surface-alt);border-radius:var(--radius-sm);padding:4px;margin-bottom:40px;width:fit-content;margin-left:auto;margin-right:auto}.showcase__tab{padding:10px 20px;border-radius:6px;border:none;background:transparent;font-family:var(--font);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.showcase__tab:hover{color:var(--text)}.showcase__tab.active{background:#fff;color:var(--text);box-shadow:var(--shadow-sm)}.showcase__panel{display:none}.showcase__panel.active{display:block}.showcase__browser{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.showcase__browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-alt);border-bottom:1px solid var(--border)}.showcase__browser-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.showcase__browser-dot:first-child{background:#ff5f57}.showcase__browser-dot:nth-child(2){background:#febc2e}.showcase__browser-dot:nth-child(3){background:#28c840}.showcase__browser-url{flex:1;text-align:center;font-size:12px;color:var(--text-muted);background:#fff;padding:4px 12px;border-radius:6px;margin-left:8px}.showcase__browser-body{background:#fff;min-height:400px}.showcase__placeholder{display:flex;min-height:400px}.showcase__placeholder--dark{background:var(--navy);position:relative}.showcase__ph-sidebar{width:180px;background:var(--navy);padding:16px;display:flex;flex-direction:column;gap:4px}.showcase__ph-logo{width:32px;height:32px;border-radius:8px;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin-bottom:16px}.showcase__ph-menu-item{padding:8px 12px;border-radius:6px;font-size:13px;color:#ffffff80;display:flex;align-items:center;justify-content:space-between}.showcase__ph-menu-item.active{background:#ffffff14;color:#fff}.showcase__ph-badge{background:var(--red);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.showcase__ph-main{flex:1;padding:24px;background:var(--surface-alt)}.showcase__ph-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text)}.showcase__ph-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.showcase__ph-stat{background:#fff;padding:16px;border-radius:var(--radius-sm);text-align:center;font-size:12px;color:var(--text-secondary);border:1px solid var(--border-light)}.showcase__ph-stat span{display:block;font-size:28px;font-weight:700;color:var(--text);margin-bottom:4px}.showcase__ph-stat--green span{color:var(--green)}.showcase__ph-chart{display:flex;align-items:flex-end;gap:12px;height:120px;padding:16px;background:#fff;border-radius:var(--radius-sm)}.showcase__ph-bar{flex:1;background:#4f6ef726;border-radius:4px 4px 0 0;transition:height .5s ease}.showcase__ph-bar--active{background:var(--primary)}.showcase__ph-calendar{background:#fff;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light)}.showcase__ph-cal-header{display:grid;grid-template-columns:60px repeat(3,1fr);padding:10px;background:var(--surface-alt);font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.showcase__ph-cal-row{display:grid;grid-template-columns:60px repeat(3,1fr);padding:8px 10px;border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-muted);align-items:center}.showcase__ph-cal-event{padding:6px 10px;border-radius:6px;background:#4f6ef71a;color:var(--primary);font-size:12px;font-weight:500;border-left:3px solid var(--primary)}.showcase__ph-cal-event--green{background:#25d3661a;color:var(--green-dark);border-left-color:var(--green)}.showcase__ph-cal-event--blue{background:#3b82f61a;color:var(--blue);border-left-color:var(--blue)}.showcase__ph-main--inbox{display:grid;grid-template-columns:280px 1fr;padding:0}.showcase__ph-inbox-list{border-right:1px solid var(--border-light);padding:12px;display:flex;flex-direction:column;gap:4px}.showcase__ph-inbox-thread{display:flex;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s}.showcase__ph-inbox-thread.active{background:#4f6ef70f}.showcase__ph-inbox-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.showcase__ph-inbox-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.showcase__ph-channel{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.showcase__ph-channel--wa{background:#25d3661a;color:var(--green-dark)}.showcase__ph-channel--chat{background:#4f6ef71a;color:var(--primary)}.showcase__ph-channel--ig{background:#ec48991a;color:var(--pink)}.showcase__ph-inbox-preview{font-size:12px;color:var(--text-muted)}.showcase__ph-inbox-chat{padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.showcase__ph-inbox-msg{padding:10px 14px;border-radius:12px;font-size:13px;max-width:70%}.showcase__ph-inbox-msg--in{background:var(--surface-alt);color:var(--text);align-self:flex-start}.showcase__ph-inbox-msg--out{background:var(--primary);color:#fff;align-self:flex-end}.showcase__ph-public{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.showcase__ph-public-hero{text-align:center;margin-bottom:24px}.showcase__ph-public-name{font-size:28px;font-weight:800;color:#fff;margin-bottom:8px}.showcase__ph-public-desc{font-size:14px;color:#ffffff80;margin-bottom:20px}.showcase__ph-public-btns{display:flex;gap:12px;justify-content:center}.showcase__ph-public-btn{padding:10px 20px;border-radius:8px;background:var(--primary);color:#fff;font-size:13px;font-weight:600}.showcase__ph-public-btn--outline{background:transparent;border:1px solid rgba(255,255,255,.2)}.showcase__ph-public-staff{display:flex;gap:16px}.showcase__ph-public-staff-card{width:60px;height:70px;border-radius:10px;background:#ffffff14;color:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:600}.showcase__ph-public-staff-card small{font-size:10px;font-weight:400}.showcase__ph-chat-widget{position:absolute;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f6ef766}.showcase__ph-client-list{display:flex;flex-direction:column;gap:8px}.showcase__ph-client-row{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.showcase__ph-client-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.showcase__ph-client-info strong{font-size:14px}.showcase__ph-client-info small{font-size:12px;color:var(--text-muted)}.pricing{padding:100px 0;background:var(--surface-alt)}.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pricing__card{position:relative;background:#fff;border-radius:var(--radius-lg);padding:36px;border:1px solid var(--border-light);transition:all .3s}.pricing__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pricing__card--popular{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-lg);transform:scale(1.03)}.pricing__card--popular:hover{transform:scale(1.03) translateY(-4px)}.pricing__popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;border-radius:100px;background:var(--primary);color:#fff;font-size:12px;font-weight:600}.pricing__card-header h3{font-size:22px;font-weight:700;margin-bottom:4px}.pricing__card-header p{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.pricing__price{margin-bottom:28px}.pricing__amount{font-size:48px;font-weight:800;line-height:1}.pricing__period{font-size:16px;color:var(--text-secondary)}.pricing__features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.pricing__feature{font-size:14px;color:var(--text);padding-left:28px;position:relative}.pricing__feature:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700;font-size:14px}.pricing__feature--disabled{color:var(--text-muted)}.pricing__feature--disabled:before{content:"—";color:var(--text-muted)}.faq{padding:100px 0}.faq__list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq__item{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.faq__item[open]{border-color:var(--border);box-shadow:var(--shadow-sm)}.faq__question{padding:20px 24px;font-size:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"+";font-size:22px;font-weight:300;color:var(--text-muted);transition:transform .2s}.faq__item[open] .faq__question:after{content:"−"}.faq__answer{padding:0 24px 20px}.faq__answer p{font-size:15px;color:var(--text-secondary);line-height:1.7}.cta-section{padding:100px 0;background:var(--navy);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(79,110,247,.2) 0%,transparent 60%),radial-gradient(circle at 70% 50%,rgba(37,211,102,.15) 0%,transparent 60%)}.cta-section__inner{position:relative;text-align:center;max-width:600px;margin:0 auto}.cta-section__inner h2{font-size:40px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.15}.cta-section__inner p{font-size:17px;color:#fff9;margin-bottom:32px;line-height:1.6}.cta-section__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.cta-section__contact{display:flex;gap:12px;justify-content:center}.cta-section__contact a{color:#fff6;font-size:14px;transition:color .2s}.cta-section__contact a:hover{color:#fff}.cta-section__contact span{color:#fff3}.footer{padding:60px 0 32px;background:var(--navy-light);border-top:1px solid rgba(255,255,255,.05)}.footer__inner{display:flex;flex-direction:column;gap:40px}.footer__brand .logo{margin-bottom:12px}.footer__brand .logo__icon{background:#ffffff1a}.footer__brand .logo__text{color:#fff}.footer__brand>p{font-size:14px;color:#fff6;max-width:300px;margin-bottom:12px}.footer__company{font-size:12px;color:#ffffff4d}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer__col h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:16px}.footer__col a{display:block;font-size:13px;color:#fff6;margin-bottom:10px;transition:color .2s}.footer__col a:hover{color:#fff}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.footer__bottom p{font-size:13px;color:#ffffff4d}.footer__apps{display:flex;gap:12px}.footer__app-badge{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffff4d}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__subtitle{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.hero__visual{display:none}.hero__title{font-size:40px}.features__grid{grid-template-columns:repeat(2,1fr)}.industries__panel{grid-template-columns:1fr}.industries__panel-visual{order:-1}.how__steps{grid-template-columns:1fr;gap:24px}.how__step-line{display:none}.pricing__grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing__card--popular{transform:none}.pricing__card--popular:hover{transform:translateY(-4px)}.showcase__ph-main--inbox{grid-template-columns:1fr}.showcase__ph-inbox-chat{display:none}.footer__links{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav,.header__actions .btn--ghost{display:none}.burger{display:block}.nav.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:#fff;padding:24px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.hero{padding:120px 0 60px}.hero__title{font-size:32px}.hero__subtitle{font-size:16px}.section-header h2{font-size:30px}.features__grid{grid-template-columns:1fr}.stats__inner{flex-direction:column;gap:24px}.stat__divider{width:48px;height:1px}.industries__tabs{gap:4px}.industries__tab{padding:8px 14px;font-size:12px}.industries__tab svg{display:none}.showcase__tabs{flex-wrap:wrap}.showcase__ph-sidebar{width:120px}.showcase__ph-stats{grid-template-columns:repeat(2,1fr)}.cta-section__inner h2{font-size:30px}.footer__links{grid-template-columns:1fr}.footer__bottom{flex-direction:column;gap:16px;text-align:center}}@media(max-width:480px){.container{padding:0 16px}.hero__title{font-size:28px}.hero__badges{justify-content:center}.hero__actions{flex-direction:column;align-items:center}.btn--lg{width:100%;justify-content:center}.showcase__ph-sidebar{display:none}.showcase__ph-cal-header,.showcase__ph-cal-row{grid-template-columns:50px repeat(3,1fr);font-size:10px}}.ownerShell{display:flex;min-height:100vh;background:#f4f5f7}.ownerSidebar{width:260px;background:#101828;color:#fff;display:flex;flex-direction:column;transition:width .2s ease;position:fixed;top:0;left:0;bottom:0;z-index:100}.ownerShell--collapsed .ownerSidebar{width:64px}.ownerSidebar__header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.ownerSidebar__brand{display:flex;align-items:center;gap:12px}.ownerSidebar__logo{width:36px;height:36px;background:#fff;color:#101828;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0}.ownerSidebar__title{font-size:16px;font-weight:700;line-height:1.2}.ownerSidebar__subtitle{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em}.ownerSidebar__toggle{background:#ffffff0f;border:none;color:#fff9;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.ownerSidebar__toggle:hover{background:#ffffff1f;color:#fff}.ownerSidebar__nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.ownerSidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;position:relative;white-space:nowrap;border:none;background:none;cursor:pointer;width:100%;text-align:left}.ownerSidebar__link:hover{background:#ffffff14;color:#fff}.ownerSidebar__link--active{background:#ffffff1f;color:#fff;font-weight:600}.ownerSidebar__badge{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center}.ownerSidebar__badgeDot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%}.ownerSidebar__footer{padding:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px}.ownerSidebar__logoutBtn{font-family:inherit}.ownerMain{flex:1;margin-left:260px;padding:32px;min-width:0;transition:margin-left .2s ease}.ownerShell--collapsed .ownerMain{margin-left:64px}.ownerShell--collapsed .ownerSidebar__header{justify-content:center;padding:20px 8px 16px}.ownerShell--collapsed .ownerSidebar__nav{padding:12px 6px}.ownerShell--collapsed .ownerSidebar__link{justify-content:center;padding:10px}.ownerShell--collapsed .ownerSidebar__footer{padding:8px 6px}.ownerPage{max-width:1200px}.ownerPage__header{margin-bottom:28px}.ownerPage__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:6px}.ownerPage__title{margin:0;font-size:28px;font-weight:800;color:#101828}.ownerPage__subtitle{margin:6px 0 0;font-size:15px;color:#475467}.ownerStats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}.ownerStatCard{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.ownerStatCard__label{font-size:13px;color:#6b7280;font-weight:500;margin-bottom:8px}.ownerStatCard__value{font-size:28px;font-weight:800;color:#101828;line-height:1}.ownerStatCard__sub{font-size:12px;color:#9ca3af;margin-top:6px}.ownerStatCard--alert .ownerStatCard__value{color:#ef4444}.ownerStatCard--success .ownerStatCard__value{color:#22c55e}.ownerCard{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;margin-bottom:20px}.ownerCard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ownerCard__title{font-size:16px;font-weight:700;color:#101828;margin:0}.ownerCard__subtitle{font-size:13px;color:#6b7280;margin:4px 0 0}.ownerTable{width:100%;border-collapse:collapse;font-size:14px}.ownerTable th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb}.ownerTable td{padding:12px;border-bottom:1px solid #f3f4f6;color:#374151}.ownerTable tr:hover td{background:#f9fafb}.ownerTable tr:last-child td{border-bottom:none}.ownerBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.ownerBadge--green{background:#dcfce7;color:#166534}.ownerBadge--yellow{background:#fef9c3;color:#854d0e}.ownerBadge--red{background:#fee2e2;color:#991b1b}.ownerBadge--gray{background:#f3f4f6;color:#4b5563}.ownerBadge--blue{background:#dbeafe;color:#1e40af}.ownerBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s}.ownerBtn--primary{background:#101828;color:#fff}.ownerBtn--primary:hover{background:#1f2937}.ownerBtn--success{background:#22c55e;color:#fff}.ownerBtn--success:hover{background:#16a34a}.ownerBtn--danger{background:#ef4444;color:#fff}.ownerBtn--danger:hover{background:#dc2626}.ownerBtn--ghost{background:transparent;color:#374151;border:1px solid #d1d5db}.ownerBtn--ghost:hover{background:#f9fafb}.ownerBtn--sm{padding:5px 10px;font-size:12px}.ownerGrid{display:grid;gap:20px}.ownerGrid--2{grid-template-columns:1fr 1fr}@media(max-width:768px){.ownerSidebar{width:64px}.ownerMain{margin-left:64px;padding:16px}.ownerStats{grid-template-columns:repeat(2,1fr)}.ownerGrid--2{grid-template-columns:1fr}}.ownerTabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.ownerTabs__tab{padding:10px 20px;font-size:14px;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s;text-decoration:none}.ownerTabs__tab:hover{color:#101828}.ownerTabs__tab--active,.ownerTabs__tab.active{color:#101828;font-weight:600;border-bottom-color:#101828}.ownerModal__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ownerModal{background:#fff;border-radius:16px;padding:28px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.ownerModal__title{font-size:18px;font-weight:700;margin:0 0 16px}.ownerModal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.ownerField{margin-bottom:16px}.ownerField__label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.ownerField__input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}.ownerField__input:focus{outline:none;border-color:#101828;box-shadow:0 0 0 3px #10182814}.ownerField__textarea{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;min-height:80px;resize:vertical;box-sizing:border-box}.ownerEmpty{text-align:center;padding:40px 20px;color:#9ca3af}.ownerEmpty__icon{margin-bottom:12px;opacity:.4}.ownerEmpty__text{font-size:14px}.homePage{display:flex;flex-direction:column;gap:22px}.homePage__loading{padding:40px 0;text-align:center;color:var(--ds-muted)}.homePage__header{display:flex;align-items:flex-start;justify-content:space-between}.homePage__titleBlock{display:flex;flex-direction:column;gap:6px}.homePage__eyebrow{font-size:12px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-muted);font-weight:700}.homePage__title{margin:0;font-size:42px;line-height:1.05;font-weight:800;color:var(--ds-text)}.homePage__subtitle{margin:0;font-size:16px;color:var(--ds-muted)}.homeKpiRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.homeKpiCard{border:1px solid var(--ds-border, #e7e7eb);background:#fff;border-radius:24px;padding:18px 20px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.homeKpiCard:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1018280f;border-color:#dfe4ea}.homeKpiCard__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex-shrink:0}.homeKpiCard__icon--blue{background:#eef3ff;color:#4f7cff}.homeKpiCard__icon--purple{background:#f2ebff;color:#8b5cf6}.homeKpiCard__icon--green{background:#e9f8ee;color:#22c55e}.homeKpiCard__info{display:flex;flex-direction:column;gap:3px}.homeKpiCard__value{font-size:24px;line-height:1;font-weight:800;color:var(--ds-text)}.homeKpiCard__label{font-size:12px;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-muted);font-weight:700}.homeSection{display:flex;flex-direction:column;gap:14px}.homeSectionsStack{display:flex;flex-direction:column;gap:22px}.homeSection__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.homeSection__title{margin:0;font-size:18px;font-weight:700;color:var(--ds-text)}.homeSection__titleWithIcon{margin:0;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--ds-text)}.homeSection__titleWithIcon--orange{color:#d97706}.homeQuickActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.homeQuickCard{border:1px solid var(--ds-border, #e7e7eb);background:#fff;border-radius:24px;min-height:92px;padding:18px 20px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.homeQuickCard:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1018280f;border-color:#dfe4ea}.homeQuickCard__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f3f4f6;color:var(--ds-text);flex-shrink:0}.homeQuickCard__content{flex:1;min-width:0}.homeQuickCard__title{font-size:16px;font-weight:700;color:var(--ds-text)}.homeQuickCard__desc{margin-top:3px;font-size:13px;color:var(--ds-muted)}.homeQuickCard__arrow{color:var(--ds-muted);flex-shrink:0}.homeMiniKpiRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.homeMiniKpi{background:#fff;border:1px solid var(--ds-border, #e7e7eb);border-radius:20px;padding:16px 18px}.homeMiniKpi__value{font-size:24px;line-height:1;font-weight:800;color:var(--ds-text)}.homeMiniKpi__value--green{color:#16a34a}.homeMiniKpi__value--orange{color:#d97706}.homeMiniKpi__label{margin-top:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-muted);font-weight:700}.homeList{display:flex;flex-direction:column;gap:10px}.homeListCard,.homeAppointmentCard{border:1px solid var(--ds-border, #e7e7eb);background:#fff;border-radius:20px;padding:14px 16px}.homeListCard{display:flex;align-items:center;gap:12px}.homeListCard__iconWrap{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.homeListCard__iconWrap--orange{background:#fff4db;color:#d97706}.homeListCard__iconWrap--blue{background:#e8f0ff;color:#3b82f6}.homeListCard__body{flex:1;min-width:0}.homeListCard__title{font-size:14px;font-weight:700;color:var(--ds-text)}.homeListCard__meta{margin-top:4px;font-size:13px;color:var(--ds-muted)}.homeListCard__meta a{color:#3b82f6;text-decoration:none}.homeTaskActions{display:flex;align-items:center;gap:8px}.homeIconBtn{width:34px;height:34px;border:none;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.homeIconBtn:hover{transform:translateY(-1px)}.homeIconBtn--green{background:#dcfce7;color:#16a34a}.homeIconBtn--gray{background:#f3f4f6;color:#6b7280}.homeAppointmentCard{display:flex;align-items:center;gap:14px;text-align:left}button.homeAppointmentCard{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}button.homeAppointmentCard:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1018280f;border-color:#dfe4ea}.homeAppointmentCard--warning{border-left:4px solid #f59e0b}.homeAppointmentCard__time{min-width:54px;font-size:14px;font-weight:800;color:var(--ds-text);flex-shrink:0}.homeAppointmentCard__time--wide{min-width:110px}.homeAppointmentCard__body{flex:1;min-width:0}.homeAppointmentCard__client{font-size:14px;font-weight:700;color:var(--ds-text)}.homeAppointmentCard__meta{margin-top:4px;font-size:13px;color:var(--ds-muted)}.homeBadge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.homeBadge--orange{color:#d97706;background:#fff4db}.homeBadge--blue{color:#2563eb;background:#e8f0ff}.homeBadge--green{color:#16a34a;background:#e9f8ee}.homeBadge--red{color:#dc2626;background:#fee2e2}.homeBadge--gray{color:#6b7280;background:#f3f4f6}.homeCount{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800}.homeCount--red{color:#dc2626;background:#fee2e2}.homeCount--orange{color:#d97706;background:#fff4db}@media(max-width:1100px){.homeKpiRow,.homeQuickActions,.homeMiniKpiRow{grid-template-columns:1fr}}@media(max-width:720px){.homePage__title{font-size:30px}.homeAppointmentCard,.homeListCard{align-items:flex-start}.homeAppointmentCard{flex-direction:column}.homeAppointmentCard__time,.homeAppointmentCard__time--wide{min-width:0}}.stPage{display:flex;flex-direction:column;gap:16px;padding:16px;max-width:1280px;margin:0 auto;width:100%}.stHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.stHeaderLeft{display:flex;flex-direction:column;gap:4px;min-width:0}.stHeaderTitle{margin:0;font-size:24px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:10px;line-height:1.2}.stHeaderSub{margin:0;font-size:14px;color:#64748b;line-height:1.4}.stAddBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #2563eb40}.stAddBtn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.stStats{display:flex;gap:10px;flex-wrap:wrap}.stStatPill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;border:1px solid transparent;transition:all .15s ease}.stStatPill--total{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.stStatPill--active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.stStatPill--bookable{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.stStatVal{font-weight:700;font-size:15px}.stStatLabel{opacity:.8}.stSearchWrap{max-width:420px}.stSearchBox{display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.stSearchBox:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.stSearchBox input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:14px;color:#0f172a}.stSearchBox input::placeholder{color:#94a3b8}.stSearchClear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#f1f5f9;color:#64748b;cursor:pointer;transition:background .15s ease}.stSearchClear:hover{background:#e2e8f0}.stError{padding:10px 16px;border-radius:10px;background:#fef2f2;color:#991b1b;font-size:13px;border:1px solid #fecaca}.stLoading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#64748b;font-size:14px}.stSpinner{width:22px;height:22px;border:2.5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:stSpin .7s linear infinite}@keyframes stSpin{to{transform:rotate(360deg)}}.stEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:#94a3b8;font-size:14px;grid-column:1 / -1}.stEmpty--sm{padding:24px 16px}.stGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:0;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0f172a0a}.stCard:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a14;transform:translateY(-2px)}.stCard--inactive{opacity:.7}.stCard--inactive:hover{opacity:.85}.stCardTop{display:flex;flex-direction:column;align-items:center;padding:24px 16px 12px;text-align:center;gap:6px}.stAvatarWrap{position:relative;margin-bottom:4px}.stAvatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#3b82f6;letter-spacing:1px;border:3px solid #fff;box-shadow:0 2px 8px #0f172a1a}.stAvatar img{width:100%;height:100%;object-fit:cover;display:block}.stStatusDot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 3px #00000026}.stCardName{margin:0;font-size:16px;font-weight:700;color:#0f172a;line-height:1.2;word-break:break-word}.stCardTitle{margin:0;font-size:13px;color:#64748b;line-height:1.3}.stBadges{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}.stBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em}.stCardMeta{padding:0 16px;display:flex;flex-direction:column;gap:4px;flex:1}.stMetaRow{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;min-width:0}.stMetaRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stMetaRow--muted{opacity:.6}.stPriority{display:flex;align-items:center;gap:4px;padding:0 16px;font-size:12px;color:#f59e0b;font-weight:600;margin-top:4px}.stCardActions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;margin-top:auto;border-top:1px solid #f1f5f9}.stActBtn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:11px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stActBtn:hover{background:#f8fafc;border-color:#cbd5e1}.stActBtn--edit:hover{color:#2563eb;border-color:#93c5fd;background:#eff6ff}.stActBtn--svc:hover{color:#7c3aed;border-color:#c4b5fd;background:#f5f3ff}.stActBtn--sched:hover{color:#0891b2;border-color:#67e8f9;background:#ecfeff}.stActBtn--disable:hover{color:#dc2626;border-color:#fca5a5;background:#fef2f2}.stActBtn--enable:hover{color:#16a34a;border-color:#86efac;background:#f0fdf4}.stOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;animation:stFadeIn .2s ease}@keyframes stFadeIn{0%{opacity:0}to{opacity:1}}.stModal{background:#fff;border-radius:20px;width:min(520px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0f172a33;animation:stSlideUp .25s ease;overflow:hidden}.stModal--sm{width:min(420px,100%)}.stModal--lg{width:min(640px,100%)}@keyframes stSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stModalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 0}.stModalHead h3{margin:0;font-size:18px;font-weight:700;color:#0f172a}.stModalSub{margin:2px 0 0;font-size:13px;color:#64748b}.stModalClose{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:10px;background:#f1f5f9;color:#64748b;cursor:pointer;flex-shrink:0;transition:all .15s ease}.stModalClose:hover{background:#e2e8f0;color:#0f172a}.stModalBody{padding:16px 24px;overflow-y:auto;flex:1;min-height:0}.stModalFoot{display:flex;gap:10px;padding:16px 24px 20px;border-top:1px solid #f1f5f9}.stFormGroup{display:flex;flex-direction:column;gap:5px}.stFormGroup label{font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:5px}.stFormGroup input,.stFormGroup textarea{border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font:inherit;font-size:14px;color:#0f172a;outline:none;background:#f8fafc;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.stFormGroup input:focus,.stFormGroup textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614;background:#fff}.stFormGroup textarea{resize:vertical;min-height:60px;line-height:1.4}.stFormGroup--full{grid-column:1 / -1}.stFormGroup--narrow{max-width:140px}.stBtnPrimary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.stBtnPrimary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stBtnPrimary:disabled{opacity:.6;cursor:not-allowed}.stBtnGhost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.stBtnGhost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.stBtnGhost:disabled{opacity:.6;cursor:not-allowed}.stEditBody{display:flex;flex-direction:column;gap:20px}.stEditPhoto{display:flex;flex-direction:column;align-items:center;gap:8px}.stEditAvatarWrap{position:relative}.stEditAvatar,.stEditAvatarFallback{width:100px;height:100px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.stEditAvatar{border:3px solid #e2e8f0}.stEditAvatarFallback{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6;font-weight:700;font-size:32px;border:3px solid #e2e8f0}.stEditPhotoBtn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #00000026;transition:background .15s ease}.stEditPhotoBtn:hover{background:#2563eb}.stEditPhotoHint{font-size:12px;color:#94a3b8}.stEditGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stEditToggles{display:flex;flex-direction:column;gap:14px;padding-top:4px;border-top:1px solid #f1f5f9}.stToggleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;color:#334155;cursor:pointer}.stToggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:#cbd5e1;cursor:pointer;transition:background .2s ease;padding:0}.stToggle.is-on{background:#3b82f6}.stToggleKnob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.stToggle.is-on .stToggleKnob{transform:translate(20px)}.stEditInline{display:flex;gap:14px}.stSvcList{display:flex;flex-direction:column;gap:6px}.stSvcItem{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s ease}.stSvcItem:hover{background:#f8fafc}.stSvcItem.is-selected{background:#eff6ff;border-color:#93c5fd}.stSvcItem.is-disabled{opacity:.5;cursor:not-allowed}.stSvcItem input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;flex-shrink:0}.stSvcInfo{display:flex;flex-direction:column;gap:2px;min-width:0}.stSvcName{font-size:14px;font-weight:500;color:#0f172a}.stSvcMeta{font-size:12px;color:#64748b}.staffScheduleList{display:flex;flex-direction:column;gap:10px}@media(max-width:1200px){.stGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.stGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.stPage{padding:12px;gap:12px}.stHeader{flex-direction:column}.stAddBtn{width:100%;justify-content:center}.stStats{flex-direction:column}.stStatPill{flex:1}.stSearchWrap{max-width:100%}.stGrid{grid-template-columns:1fr}.stCard:hover{transform:none}.stCardActions{grid-template-columns:1fr 1fr}.stModal{width:100%;max-height:90vh;border-radius:18px}.stModal--lg{width:100%}.stModalHead{padding:16px 16px 0}.stModalBody{padding:12px 16px}.stModalFoot{padding:12px 16px 16px;flex-direction:column}.stModalFoot .stBtnPrimary,.stModalFoot .stBtnGhost{width:100%}.stEditGrid{grid-template-columns:1fr}.stEditInline{flex-direction:column}.stFormGroup--narrow{max-width:100%}}@media(max-width:400px){.stCardActions{grid-template-columns:1fr}.stActBtn span{display:none}.stActBtn{justify-content:center;padding:10px}.stCardActions{grid-template-columns:repeat(4,1fr)}}.staffScheduleCard{border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;padding:16px;display:grid;gap:12px;transition:all .2s ease;box-shadow:0 1px 3px #0f172a0a}.staffScheduleCard:hover{border-color:#0f172a1f;box-shadow:0 2px 6px #0f172a14}.staffScheduleCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.staffScheduleCardDay{font-weight:600;color:#0f172af2;font-size:15px}.staffScheduleCardStatus{font-size:12px;color:#0f172a99;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.staffScheduleCardIntervals{display:grid;gap:10px;padding-left:24px}.staffScheduleCardEmpty{font-size:13px;color:#0f172a80;font-style:italic;padding:8px 0}.staffScheduleInterval{display:grid;gap:8px;padding:10px;background:#0f172a05;border-radius:10px;border:1px solid rgba(15,23,42,.06)}.staffScheduleIntervalTime{display:flex;align-items:center;gap:8px;color:#0f172ab3}.staffScheduleIntervalTime svg{flex-shrink:0;opacity:.6}.staffScheduleIntervalLabel{font-size:14px;font-weight:500;color:#0f172acc}.staffScheduleIntervalInputs{display:flex;align-items:center;gap:8px}.staffScheduleIntervalInput{flex:1;min-width:0;padding:8px 10px;font-size:13px;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#fff;transition:all .2s ease}.staffScheduleIntervalInput:focus{outline:none;border-color:#0f172a33;box-shadow:0 0 0 3px #3b82f61a}.staffScheduleIntervalDash{color:#0f172a66;font-weight:500;flex-shrink:0}.staffScheduleIntervalDelete{flex-shrink:0;width:32px;height:32px;border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0f172a99;transition:all .2s ease}.staffScheduleIntervalDelete:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#dc2626}.staffScheduleIntervalDelete:disabled{opacity:.5;cursor:not-allowed}.staffScheduleAddInterval{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:2px dashed rgba(59,130,246,.3);background:#3b82f60d;border-radius:10px;cursor:pointer;color:#3b82f6cc;font-size:13px;font-weight:500;transition:all .2s ease}.staffScheduleAddInterval:hover:not(:disabled){border-color:#3b82f680;background:#3b82f61a;color:#3b82f6}.staffScheduleAddInterval:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.staffScheduleCard{padding:12px}.staffScheduleCardIntervals{padding-left:20px}.staffScheduleInterval{padding:8px}.staffScheduleIntervalInputs{flex-wrap:wrap}.staffScheduleIntervalInput{flex:1;min-width:70px}}.svcPage{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.svcHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.svcHeaderLeft{display:flex;align-items:center;gap:14px}.svcHeaderIcon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.svcTitle{margin:0;font-size:22px;font-weight:800;color:#0f172a;line-height:1.2}.svcSubtitle{margin:2px 0 0;font-size:13px;color:#64748b;line-height:1.4}.svcAddBtn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap}.svcAddBtn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f659}.svcKpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.svcKpiCard{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:14px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0f172a0a}.svcKpiIcon{flex-shrink:0;padding:8px;border-radius:10px}.svcKpiIcon--total{background:#eff6ff;color:#3b82f6}.svcKpiIcon--active{background:#f0fdf4;color:#22c55e}.svcKpiIcon--off{background:#fef2f2;color:#ef4444}.svcKpiBody{display:flex;flex-direction:column}.svcKpiValue{font-size:22px;font-weight:800;color:#0f172a;line-height:1}.svcKpiLabel{font-size:12px;color:#94a3b8;margin-top:2px}.svcToolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.svcSearchWrap{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;padding:9px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .15s}.svcSearchWrap:focus-within{border-color:#3b82f6}.svcSearchWrap svg{color:#94a3b8;flex-shrink:0}.svcSearchInput{border:none;outline:none;background:transparent;font-size:13px;color:#0f172a;width:100%}.svcSearchInput::placeholder{color:#94a3b8}.svcFilterChk{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer;white-space:nowrap}.svcFilterChk input{accent-color:#3b82f6}.svcError{padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px}.svcLoading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#64748b;font-size:14px}.svcSpinner{width:22px;height:22px;border:2.5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:svcSpin .7s linear infinite}@keyframes svcSpin{to{transform:rotate(360deg)}}.svcEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:#94a3b8;font-size:14px}.svcGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.svcCard{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 1px 4px #0f172a0d;overflow:hidden;transition:transform .15s,box-shadow .15s}.svcCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a14}.svcCard--off{opacity:.6}.svcCardTop{display:flex;flex-direction:column;align-items:center;padding:24px 16px 12px;text-align:center;gap:6px}.svcCardAvatar{width:72px;height:72px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;border:3px solid #fff;box-shadow:0 2px 8px #0f172a1a;margin-bottom:4px}.svcCardAvatar img{width:100%;height:100%;object-fit:cover;display:block}.svcCardName{margin:0;font-size:15px;font-weight:700;color:#0f172a;line-height:1.2;word-break:break-word}.svcCardDesc{margin:0;font-size:12px;color:#64748b;line-height:1.3;max-height:2.6em;overflow:hidden}.svcCardMeta{display:flex;justify-content:center;gap:16px;padding:8px 16px}.svcMetaItem{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.svcMetaItem svg{color:#94a3b8}.svcMetaItem--price{font-weight:700;color:#0f172a}.svcMetaItem--price svg{color:#22c55e}.svcCardStatus{display:flex;justify-content:center;padding:4px 16px 8px}.svcBadge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600}.svcBadge--active{background:#f0fdf4;color:#16a34a}.svcBadge--off{background:#fef2f2;color:#dc2626}.svcCardActions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;margin-top:auto;border-top:1px solid #f1f5f9}.svcActBtn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:11px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svcActBtn:hover{background:#f8fafc;border-color:#cbd5e1}.svcActBtn svg{flex-shrink:0}.svcOverlay{position:fixed;inset:0;z-index:1000;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:svcFadeIn .2s ease}@keyframes svcFadeIn{0%{opacity:0}to{opacity:1}}.svcModal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0f172a2e;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:svcSlideUp .25s ease}.svcModal--wide{max-width:680px}@keyframes svcSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.svcModalHead{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid #f1f5f9}.svcModalHead strong{font-size:17px;font-weight:700;color:#0f172a}.svcModalHint{font-size:12px;color:#94a3b8;margin-top:2px}.svcModalClose{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;transition:background .15s}.svcModalClose:hover{background:#f1f5f9;color:#475569}.svcModalBody{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.svcModalFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 24px 20px;border-top:1px solid #f1f5f9}.svcModalFootRight{display:flex;gap:8px}.svcEditLayout{display:flex;gap:20px;padding:20px 24px}.svcEditPhoto{flex:0 0 180px;display:flex;flex-direction:column;gap:10px}.svcPhotoPreview{width:180px;height:180px;border-radius:16px;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.svcPhotoPreview img{width:100%;height:100%;object-fit:cover}.svcPhotoEmpty{display:flex;flex-direction:column;align-items:center;gap:6px;color:#94a3b8;font-size:12px}.svcPhotoActions{display:flex;flex-direction:column;gap:6px}.svcUploadBtn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.svcUploadBtn:hover{border-color:#3b82f6;color:#3b82f6}.svcUploadBtn input[type=file]{display:none}.svcRemovePhotoBtn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:1px solid #fecaca;border-radius:10px;background:#fff;font-size:12px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .15s}.svcRemovePhotoBtn:hover{background:#fef2f2}.svcEditForm{flex:1;display:flex;flex-direction:column;gap:14px}.svcField{display:flex;flex-direction:column;gap:4px}.svcFieldLabel{font-size:12px;font-weight:600;color:#475569}.svcInput{padding:9px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.svcInput:focus{border-color:#3b82f6}.svcInput::placeholder{color:#94a3b8}.svcInput--icon{padding-left:34px}.svcInputIcon{position:relative}.svcInputIcon svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.svcTextarea{resize:vertical;min-height:60px}.svcFormRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.svcSwitch{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.svcSwitch input{display:none}.svcSwitchTrack{width:40px;height:22px;border-radius:11px;background:#cbd5e1;position:relative;transition:background .2s;flex-shrink:0}.svcSwitch input:checked+.svcSwitchTrack{background:#3b82f6}.svcSwitchThumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.svcSwitch input:checked+.svcSwitchTrack .svcSwitchThumb{transform:translate(18px)}.svcSwitchText{font-size:13px;font-weight:500;color:#475569}.svcBtnPrimary{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.svcBtnPrimary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.svcBtnPrimary:disabled{opacity:.5;pointer-events:none}.svcBtnGhost{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.svcBtnGhost:hover{background:#f8fafc;border-color:#cbd5e1}.svcBtnGhost:disabled{opacity:.5;pointer-events:none}.svcBtnDanger{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #fecaca;border-radius:10px;background:#fff;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.svcBtnDanger:hover{background:#fef2f2}.svcBtnDanger:disabled{opacity:.5;pointer-events:none}@media(max-width:1100px){.svcGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.svcGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.svcKpi{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.svcPage{padding:16px;gap:12px}.svcGrid,.svcKpi{grid-template-columns:1fr}.svcHeader{flex-direction:column;align-items:flex-start}.svcAddBtn{width:100%;justify-content:center}.svcEditLayout{flex-direction:column}.svcEditPhoto{flex:none;align-items:center}.svcPhotoPreview{width:140px;height:140px}.svcModal{max-width:100%;border-radius:16px}.svcModal--wide{max-width:100%}.svcFormRow{grid-template-columns:1fr}.svcModalFoot{flex-direction:column}.svcModalFootRight{width:100%}.svcModalFootRight .svcBtnPrimary,.svcModalFootRight .svcBtnGhost{flex:1;justify-content:center}.svcBtnDanger{width:100%;justify-content:center}}.calendarDrawerOverlay{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end;background:#0f172a5c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.calendarDrawer.calendarDrawer--appointment{width:min(560px,100%);height:100%;background:#fff;box-shadow:-24px 0 64px #0f172a29;display:flex;flex-direction:column;border-left:1px solid rgba(148,163,184,.2);animation:calendarDrawerSlideIn .22s ease-out}@keyframes calendarDrawerSlideIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.calendarDrawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid rgba(226,232,240,.9);background:linear-gradient(180deg,#f8fafcf2,#fffffffa);position:sticky;top:0;z-index:2}.calendarDrawer__title{margin:0;font-size:22px;line-height:1.15;font-weight:800;color:#0f172a;letter-spacing:-.02em}.calendarDrawer__subtitle{margin-top:8px;font-size:13px;line-height:1.45;color:#64748b}.calendarDrawer__body{flex:1;overflow-y:auto;padding:20px 24px 28px;display:flex;flex-direction:column;gap:16px}.calendarDrawer__section{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.calendarDrawer__section--nested{background:linear-gradient(180deg,#f8fafc,#fff);border-color:#cbd5e1e6}.calendarDrawer__label{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#475569}.calendarDrawer__label--sub{margin-top:6px}.calendarDrawer__fieldLabel{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#334155}.calendarDrawer__value{min-height:44px;display:flex;align-items:center;padding:11px 14px;border-radius:14px;background:#f8fafc;border:1px solid rgba(226,232,240,.95);color:#475569;font-size:14px;line-height:1.45}.calendarDrawer__hint{margin-top:2px;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:13px;line-height:1.45;border:1px dashed rgba(203,213,225,.9)}.calendarDrawer__error{padding:10px 12px;border-radius:12px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:13px;line-height:1.45}.calendarDrawer__grid{display:grid;grid-template-columns:1fr;gap:12px}.calendarDrawer__grid--two{grid-template-columns:1fr 1fr;gap:12px}.calendarDrawer__field{min-width:0}.calendarDrawer .input,.calendarDrawer input,.calendarDrawer select,.calendarDrawer textarea{width:100%;border-radius:14px;border:1px solid rgba(203,213,225,.95);background:#fff;color:#0f172a;padding:12px 14px;font-size:14px;line-height:1.4;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;box-sizing:border-box}.calendarDrawer textarea{min-height:104px;resize:vertical}.calendarDrawer .input::placeholder,.calendarDrawer input::placeholder,.calendarDrawer textarea::placeholder{color:#94a3b8}.calendarDrawer .input:focus,.calendarDrawer input:focus,.calendarDrawer select:focus,.calendarDrawer textarea:focus{border-color:#10b981b3;box-shadow:0 0 0 4px #10b9811f}.calendarDrawer .input:disabled,.calendarDrawer input:disabled,.calendarDrawer select:disabled,.calendarDrawer textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.calendarPills{display:flex;flex-wrap:wrap;gap:8px}.calendarPills .btn,.calendarQuickTimes .btn{min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid rgba(203,213,225,.95);background:#fff;color:#334155;font-size:13px;font-weight:700;line-height:1;transition:transform .15s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.calendarPills .btn:hover,.calendarQuickTimes .btn:hover{transform:translateY(-1px);border-color:#10b98159;box-shadow:0 8px 18px #0f172a0f}.calendarPills .btn.is-active,.calendarQuickTimes .btn.is-active{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 12px 24px #10b98138}.calendarClientSearch{display:grid;grid-template-columns:1fr auto;gap:10px}.calendarClientResults{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:2px}.calendarClientResult{width:100%;border:1px solid rgba(226,232,240,.95);background:#fff;border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.calendarClientResult:hover{transform:translateY(-1px);border-color:#10b98159;box-shadow:0 10px 22px #0f172a0f;background:#fcfffe}.calendarClientResult__main{min-width:0;display:flex;flex-direction:column;gap:4px}.calendarClientResult__name{font-size:14px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendarClientResult__meta{font-size:12px;color:#64748b;line-height:1.4;word-break:break-word}.calendarClientResult__action{flex-shrink:0;font-size:12px;font-weight:800;color:#059669}.calendarSelectedClientInline{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#ecfdf5,#f0fdf4);border:1px solid rgba(16,185,129,.22)}.calendarSelectedClientInline__name{font-size:14px;font-weight:800;color:#065f46}.calendarSelectedClientInline__meta{font-size:12px;color:#047857}.calendarDrawer__repeatGrid{display:grid;grid-template-columns:110px 1fr;gap:10px}.calendarDrawer__status{min-height:46px;display:flex;align-items:center;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:700;line-height:1.4;border:1px solid transparent}.calendarDrawer__status.is-ok{background:linear-gradient(180deg,#ecfdf5,#f0fdf4);border-color:#10b98138;color:#065f46}.calendarDrawer__status.is-warning{background:linear-gradient(180deg,#fff7ed,#fffbeb);border-color:#f59e0b47;color:#9a3412}.calendarQuickTimes{display:flex;flex-wrap:wrap;gap:8px}.calendarDrawer__actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding-top:8px;margin-top:4px;background:linear-gradient(180deg,#fff0,#fff 28px)}.calendarDrawer__actions .btn{min-height:44px;padding:11px 18px;border-radius:14px;font-weight:800}.calendarDrawer__actions .btn.btn--ghost{background:#fff;border:1px solid rgba(203,213,225,.95);color:#334155}.calendarDrawer__actions .btn.btn--ghost:hover{border-color:#94a3b8f2;background:#f8fafc}.calendarDrawer__actions .btn:not(.btn--ghost){border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 14px 28px #10b98138}.calendarDrawer__actions .btn:not(.btn--ghost):hover{transform:translateY(-1px);box-shadow:0 18px 34px #10b98142}.calendarDrawer__actions .btn:disabled,.calendarPills .btn:disabled,.calendarQuickTimes .btn:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:900px){.calendarDrawer.calendarDrawer--appointment{width:min(100%,100%)}.calendarDrawer__head{padding:18px 18px 16px}.calendarDrawer__body{padding:16px 18px 22px}.calendarDrawer__grid--two,.calendarDrawer__repeatGrid{grid-template-columns:1fr}}@media(max-width:640px){.calendarDrawerOverlay{align-items:flex-end;justify-content:stretch;background:#0f172a6b}.calendarDrawer.calendarDrawer--appointment{width:100%;height:min(92vh,100%);border-left:none;border-top-left-radius:22px;border-top-right-radius:22px;animation:calendarDrawerUpMobile .22s ease-out}@keyframes calendarDrawerUpMobile{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.calendarDrawer__title{font-size:20px}.calendarDrawer__subtitle{font-size:12px}.calendarDrawer__section{padding:14px;border-radius:16px}.calendarClientSearch{grid-template-columns:1fr}.calendarClientResult{align-items:flex-start;flex-direction:column}.calendarClientResult__action{align-self:flex-start}.calendarDrawer__actions{flex-direction:column-reverse}.calendarDrawer__actions .btn{width:100%}}.calendarDrawer .btn{position:relative;border-radius:14px;font-weight:700;font-size:14px;padding:11px 18px;min-height:42px;transition:transform .15s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.calendarDrawer .btn:not(.btn--ghost){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 14px 28px #10b98138}.calendarDrawer .btn:not(.btn--ghost):hover{transform:translateY(-1px);box-shadow:0 18px 34px #10b98147}.calendarDrawer .btn:not(.btn--ghost):active{transform:translateY(0);box-shadow:0 8px 18px #10b98133}.calendarDrawer .btn.btn--ghost{background:#fff;border:1px solid rgba(203,213,225,.9);color:#334155}.calendarDrawer .btn.btn--ghost:hover{background:#f8fafc;border-color:#94a3b8e6;transform:translateY(-1px)}.calendarDrawer .btn.is-active{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 10px 22px #10b98140}.calendarDrawer .btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.calendarQuickTimes .btn{padding:7px 12px;font-size:13px;min-height:34px;border-radius:999px}.calendarClientSearch .btn{min-width:80px}.calendarDrawer input,.calendarDrawer select,.calendarDrawer textarea{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .12s ease}.calendarDrawer input:focus,.calendarDrawer select:focus,.calendarDrawer textarea:focus{transform:translateY(-1px)}.calendarDrawer{width:min(560px,100vw);background:#fff;border-left:1px solid rgba(15,23,42,.08);box-shadow:-12px 0 40px #0f172a1f;display:flex;flex-direction:column}.calendarDrawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 16px;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f8fafc)}.calendarDrawer__title{margin:0;font-size:1.125rem;line-height:1.2;font-weight:700;color:#0f172a}.calendarDrawer__subtitle{margin-top:6px;font-size:.92rem;color:#64748b}.calendarDrawer__body{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:16px}.calendarDrawer__section{padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.calendarDrawer__label{margin-bottom:10px;font-size:.82rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.calendarDrawer__value{font-size:.95rem;line-height:1.5;color:#0f172a}.calendarDrawer__actions{display:flex;flex-wrap:wrap;gap:10px}.calendarClientCard{display:flex;flex-direction:column;gap:16px}.calendarClientCard__head{display:flex;align-items:center;gap:14px}.calendarClientCard__avatar{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:1rem;color:#0f172a;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid rgba(34,197,94,.18);flex-shrink:0}.calendarClientCard__identity{min-width:0}.calendarClientCard__name{font-size:1rem;font-weight:700;color:#0f172a}.calendarClientCard__profileLink{color:inherit;text-decoration:none}.calendarClientCard__profileLink:hover{text-decoration:underline}.calendarClientCard__meta{margin-top:4px;font-size:.88rem;color:#64748b}.calendarClientCard__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calendarClientCard__item,.calendarClientCard__note{padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}.calendarClientCard__itemLabel{margin-bottom:6px;font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.calendarClientCard__itemValue{font-size:.94rem;line-height:1.45;color:#0f172a;word-break:break-word}.calendarClientCard__profileAction{display:flex;justify-content:flex-start}.calendarClientLinker{padding-top:4px;border-top:1px dashed rgba(148,163,184,.4);display:flex;flex-direction:column;gap:12px}.calendarClientLinker__label{font-size:.88rem;font-weight:700;color:#334155}.calendarClientLinker__row{display:flex;gap:10px}.calendarClientLinker__row .input{flex:1}.calendarClientLinker__success{padding:10px 12px;border-radius:12px;background:#ecfdf5;color:#166534;border:1px solid rgba(34,197,94,.2);font-size:.9rem}.calendarClientLinker__error{padding:10px 12px;border-radius:12px;background:#fef2f2;color:#b91c1c;border:1px solid rgba(239,68,68,.18);font-size:.9rem}.calendarClientLinker__empty{font-size:.9rem;color:#64748b}.calendarClientSearchResults{display:flex;flex-direction:column;gap:10px}.calendarClientSearchResults__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#f8fafc}.calendarClientSearchResults__main{min-width:0}.calendarClientSearchResults__name{font-size:.95rem;font-weight:700;color:#0f172a}.calendarClientSearchResults__meta{margin-top:4px;font-size:.85rem;color:#64748b;word-break:break-word}.calendarDrawer .input,.calendarDrawer select.input,.calendarDrawer input.input{min-height:44px;border-radius:14px}.calendarDrawer .btn{border-radius:14px}.calendarDrawer .btn.is-active{background:#ecfdf5;border-color:#22c55e47;color:#166534}@media(max-width:640px){.calendarDrawer{width:100vw}.calendarDrawer__head,.calendarDrawer__body{padding-left:16px;padding-right:16px}.calendarDrawer__section{padding:14px;border-radius:16px}.calendarClientCard__grid{grid-template-columns:1fr}.calendarClientLinker__row,.calendarClientSearchResults__item,.calendarDrawer__actions{flex-direction:column;align-items:stretch}}.calendarDrawer__section--recurring{background:linear-gradient(180deg,#f0fdf4,#f8fafc);border-color:#22c55e33;border-left:4px solid #10b981}.calendarDrawer__repeatGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.calendarDrawer__repeatItem{display:flex;flex-direction:column;gap:6px}.calendarDrawer__fieldLabel{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:4px}.calendarDrawer__recurringPreview{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(34,197,94,.2)}.calendarDrawer__previewDates{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:8px}.calendarDrawer__previewDate{padding:8px 10px;border-radius:10px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid rgba(34,197,94,.25);font-size:12px;font-weight:600;color:#065f46;text-align:center;transition:all .15s ease}.calendarDrawer__previewDate:hover{background:linear-gradient(135deg,#dcfce7,#ecfdf5);border-color:#22c55e66;transform:translateY(-1px);box-shadow:0 4px 12px #10b9811a}.calendarDrawer__previewMore{padding:8px 10px;border-radius:10px;background:#22c55e14;border:1px dashed rgba(34,197,94,.3);font-size:12px;font-weight:600;color:#059669;text-align:center;display:flex;align-items:center;justify-content:center}.calendarDrawer__section--nested{background:linear-gradient(180deg,#f8fafc,#fff);border-color:#cbd5e1e6;border-left:3px solid rgba(148,163,184,.4);position:relative}.calendarDrawer__section--nested:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(148,163,184,.2) 0%,transparent 100%)}@media(max-width:900px){.calendarDrawer__repeatGrid{grid-template-columns:1fr}.calendarDrawer__previewDates{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}}@media(max-width:640px){.calendarDrawer__section--recurring{border-left-width:3px}.calendarDrawer__previewDates{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.calendarDrawer__previewDate{font-size:11px;padding:6px 8px}.calendarDrawer__fieldLabel{font-size:11px}}@keyframes previewDateFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calendarDrawer__previewDate{animation:previewDateFadeIn .3s ease-out}.calendarDrawer__previewDate:nth-child(1){animation-delay:.05s}.calendarDrawer__previewDate:nth-child(2){animation-delay:.1s}.calendarDrawer__previewDate:nth-child(3){animation-delay:.15s}.calendarDrawer__previewDate:nth-child(4){animation-delay:.2s}.calendarDrawer__previewDate:nth-child(5){animation-delay:.25s}.calendarClientCard__quickActions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.quickActionBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(148,163,184,.3);border-radius:10px;background:#f8fafc;color:#334155;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;line-height:1;white-space:nowrap}.quickActionBtn:hover{background:#f1f5f9;border-color:#94a3b880;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.quickActionBtn:active{transform:translateY(0);box-shadow:none}.quickActionBtn svg{flex-shrink:0}.quickActionBtn--chat{color:#2563eb;border-color:#2563eb33;background:#2563eb0d}.quickActionBtn--chat:hover{background:#2563eb1a;border-color:#2563eb59}.quickActionBtn--whatsapp{color:#16a34a;border-color:#16a34a33;background:#16a34a0d}.quickActionBtn--whatsapp:hover{background:#16a34a1a;border-color:#16a34a59}.quickActionBtn--call{color:#0d9488;border-color:#0d948833;background:#0d94880d}.quickActionBtn--call:hover{background:#0d94881a;border-color:#0d948859}.quickActionBtn--email{color:#7c3aed;border-color:#7c3aed33;background:#7c3aed0d}.quickActionBtn--email:hover{background:#7c3aed1a;border-color:#7c3aed59}.quickActionBtn--profile{color:#475569;border-color:#47556933;background:#4755690d}.quickActionBtn--profile:hover{background:#4755691a;border-color:#47556959}.calendarDrawer.calendarDrawer--smart{width:min(580px,100%);height:100%;background:#fff;box-shadow:-24px 0 64px #0f172a29;display:flex;flex-direction:column;border-left:1px solid rgba(148,163,184,.2);animation:calendarDrawerSlideIn .22s ease-out}.smartBooking__steps{display:flex;align-items:center;gap:0;padding:14px 24px;border-bottom:1px solid rgba(226,232,240,.9);background:#f8fafc99}.smartBooking__step{display:flex;align-items:center;gap:8px;opacity:.4;transition:opacity .2s}.smartBooking__step.is-active{opacity:1}.smartBooking__step.is-done{opacity:.7}.smartBooking__stepNum{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:13px;font-weight:700;transition:all .2s}.smartBooking__step.is-active .smartBooking__stepNum{background:#0f172a;color:#fff}.smartBooking__step.is-done .smartBooking__stepNum{background:#22c55e;color:#fff}.smartBooking__stepLabel{font-size:13px;font-weight:600;color:#475569;white-space:nowrap}.smartBooking__step.is-active .smartBooking__stepLabel{color:#0f172a}.smartBooking__stepLine{flex:1;height:2px;background:#e2e8f0;margin:0 12px;min-width:20px}.smartBooking__serviceList{display:flex;flex-direction:column;gap:8px}.smartBooking__serviceCard{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#fff;cursor:pointer;transition:all .15s;text-align:left;width:100%}.smartBooking__serviceCard:hover{border-color:#0f172a;box-shadow:0 2px 8px #0f172a14;transform:translateY(-1px)}.smartBooking__serviceName{font-size:15px;font-weight:700;color:#0f172a;line-height:1.3}.smartBooking__serviceMeta{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748b;margin-top:4px}.smartBooking__servicePrice{font-weight:600;color:#0f172a}.smartBooking__backBtn{display:inline-flex;align-items:center;gap:4px;padding:6px 0;background:none;border:none;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s;margin-bottom:8px}.smartBooking__backBtn:hover{color:#0f172a}.smartBooking__selectedService{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#f1f5f9cc;margin-bottom:12px}.smartBooking__selectedLabel{font-size:13px;color:#64748b;font-weight:500}.smartBooking__selectedValue{font-size:14px;font-weight:700;color:#0f172a}.smartBooking__dateSection{margin-bottom:16px}.smartBooking__dateSection .input{margin-top:6px}.smartBooking__slotsSection{display:flex;flex-direction:column;gap:8px}.smartBooking__slotCount{font-weight:400;color:#94a3b8}.smartBooking__slotGrid{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:4px}.smartBooking__hourGroup{display:flex;flex-direction:column;gap:6px}.smartBooking__hourLabel{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.smartBooking__hourSlots{display:flex;flex-wrap:wrap;gap:6px}.smartBooking__slotBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:8px 14px;border:1px solid rgba(226,232,240,.95);border-radius:10px;background:#fff;color:#0f172a;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.smartBooking__slotBtn:hover{border-color:#0f172a;background:#0f172a08}.smartBooking__slotBtn.is-selected{border-color:#0f172a;background:#0f172a;color:#fff}.smartBooking__slotAvail{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#22c55e;color:#fff;font-size:10px;font-weight:700}.smartBooking__summary{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:#f1f5f9cc;border:1px solid rgba(226,232,240,.6);margin-bottom:12px}.smartBooking__summaryItem{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4}.smartBooking__summaryLabel{font-weight:500;color:#64748b;white-space:nowrap}.smartBooking__loading{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:#94a3b8;font-size:14px}.smartBooking__empty{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:#94a3b8;font-size:14px;text-align:center}.smartBooking__clientStep{display:flex;flex-direction:column;gap:12px}@media(max-width:640px){.calendarDrawer.calendarDrawer--smart{width:100%}.smartBooking__steps{padding:10px 16px}.smartBooking__stepLabel{display:none}.smartBooking__hourSlots{gap:4px}.smartBooking__slotBtn{min-width:56px;padding:6px 10px;font-size:13px}}.calPage{padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:#1a1a1a;max-width:100%}.calPage__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.calPage__titleBlock{display:flex;flex-direction:column;gap:2px}.calPage__title{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.3px}.calPage__title svg{color:#1a1a1a;opacity:.7}.calPage__subtitle{font-size:13px;color:#999;margin:0;font-weight:400}.calPage__kpi{display:flex;gap:10px;margin-bottom:20px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.calPage__kpi::-webkit-scrollbar{display:none}.calKpi{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:12px 16px;min-width:120px;flex:1 0 auto;box-shadow:0 1px 4px #00000008;transition:box-shadow .2s ease}.calKpi:hover{box-shadow:0 2px 8px #0000000f}.calKpi__icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calKpi__icon--blue{background:#f0f4ff;color:#4a7dff}.calKpi__icon--purple{background:#f5f0ff;color:#7c5cfc}.calKpi__icon--green{background:#edfcf2;color:#22c55e}.calKpi__icon--orange{background:#fff8ed;color:#f59e0b}.calKpi__info{display:flex;flex-direction:column;gap:0}.calKpi__value{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2}.calKpi__label{font-size:11px;color:#aaa;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.calToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:10px 16px;box-shadow:0 1px 4px #00000008}.calToolbar__nav{display:flex;align-items:center;gap:4px}.calToolbar__btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#1a1a1a;cursor:pointer;padding:8px;border-radius:12px;transition:background .15s ease,color .15s ease;font-size:13px;font-weight:500}.calToolbar__btn:hover{background:#f5f5f5}.calToolbar__btn:active{background:#ebebeb}.calToolbar__btn--today{padding:6px 14px;font-weight:600;border-radius:20px;background:#f5f5f5}.calToolbar__btn--today.is-active{background:#1a1a1a;color:#fff}.calToolbar__btn--today.is-active:hover{background:#333}.calToolbar__btn--icon{width:36px;height:36px;padding:0}.calToolbar__btn--icon.is-spinning svg{animation:calSpin .6s ease}@keyframes calSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calToolbar__date{display:flex;align-items:center;gap:8px;position:relative}.calToolbar__dateDisplay{display:flex;flex-direction:column;align-items:center;gap:0}.calToolbar__weekday{font-size:11px;color:#aaa;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.calToolbar__dateText{font-size:15px;font-weight:600;color:#1a1a1a}.calToolbar__datePicker{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.calToolbar__actions{display:flex;align-items:center;gap:4px}.calendarCard{background:#fff;border:1px solid #f0f0f0;border-radius:20px;overflow:auto;box-shadow:0 1px 4px #00000008;position:relative}.calendarCard.is-busy{opacity:.7;pointer-events:none}.calendarState{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 24px;text-align:center}.calendarState__title{font-size:16px;font-weight:600;color:#1a1a1a}.calendarState__text{font-size:13px;color:#999;max-width:300px}.calendarState .btn--ghost{margin-top:8px;padding:8px 20px;border:1px solid #e0e0e0;border-radius:12px;background:transparent;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.calendarState .btn--ghost:hover{background:#f5f5f5}.dayCalendar{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto 1fr;min-width:calc(56px + max(100%,var(--staff-count, 1) * 160px))}.dayCalendar__corner{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:center;padding:12px 4px;font-size:10px;font-weight:600;color:#bbb;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;background:#fafafa;position:sticky;left:0;z-index:12}.dayCalendar__staffHeader{grid-row:1;grid-column:2;display:grid;grid-template-columns:repeat(var(--staff-count, 1),minmax(140px,1fr));border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:2;background:#fff}.dayCalendar__staffCell{padding:12px 10px;display:flex;flex-direction:column;gap:6px;border-right:1px solid #f5f5f5}.dayCalendar__staffCell:last-child{border-right:none}.dayCalendar__staffHead{display:flex;align-items:center;gap:8px}.dayCalendar__staffAvatar{width:32px;height:32px;border-radius:50%;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.5px}.dayCalendar__staffInfo{display:flex;flex-direction:column;gap:0;min-width:0}.dayCalendar__staffName{font-size:13px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dayCalendar__staffMeta{font-size:11px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dayCalendar__staffStats{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.calendarMiniBadge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.calendarMiniBadge--available{background:#edfcf2;color:#16a34a}.calendarMiniBadge--busy{background:#fef2f2;color:#ef4444}.calendarMiniBadge--timeoff{background:#fff8ed;color:#f59e0b}.calendarMiniBadge--offline{background:#f5f5f5;color:#999}.calendarMiniCounter{font-size:11px;color:#bbb;font-weight:500}.dayCalendar__timeCol{grid-row:2;grid-column:1;position:sticky;left:0;z-index:11;background:#fafafa;border-right:1px solid #f0f0f0}.dayCalendar__timeCell{height:30px;display:flex;align-items:flex-start;justify-content:center;font-size:11px;font-weight:500;color:#bbb;padding-top:0;position:relative}.dayCalendar__timeCell.is-last{visibility:hidden}.dayCalendar__grid{grid-row:2;grid-column:2;display:grid;grid-template-columns:repeat(var(--staff-count, 1),minmax(140px,1fr))}.dayCalendar__staffColumn{position:relative;border-right:1px solid #f8f8f8}.dayCalendar__staffColumn:last-child{border-right:none}.dayCalendar__staffColumn.is-drop-target{background:#f8faff}.dayCalendar__staffColumnBody{position:relative}.dayCalendar__slotLine{position:absolute;left:0;right:0;height:1px;background:#f5f5f5;pointer-events:none;z-index:0}.dayCalendar__slotLayer{position:absolute;inset:0;pointer-events:none;z-index:0}.dayCalendar__slotHit{position:absolute;left:0;right:0;background:transparent;border:none;cursor:pointer;z-index:1;transition:background .15s;padding:0}.dayCalendar__slotHit:hover{background:#1a1a1a05}.calendarAvailability{position:absolute;left:0;right:0;background:#22c55e0a;border-left:2px solid rgba(34,197,94,.15);z-index:0;pointer-events:none}.calendarNowLine{position:absolute;left:0;right:0;height:2px;background:#ef4444;z-index:5;pointer-events:none}.calendarNowLine:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444}.calendarEvent{position:absolute;left:4px;right:4px;border-radius:12px;padding:6px 10px;overflow:hidden;z-index:2;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease;display:flex;flex-direction:column;gap:2px;min-height:22px}.calendarEvent:hover{box-shadow:0 2px 12px #00000014;transform:translateY(-1px)}.calendarEvent--appointment{background:#fff;border:1px solid #f0f0f0;border-left:4px solid #ddd}.calendarEvent--appointment.is-pending{border-left-color:#f59e0b;background:#fffcf5}.calendarEvent--appointment.is-confirmed{border-left-color:#22c55e;background:#f8fdf9}.calendarEvent--appointment.is-done{border-left-color:#4a7dff;background:#f8faff}.calendarEvent--appointment.is-canceled{border-left-color:#d4d4d4;background:#fafafa;opacity:.6}.calendarEvent--appointment.is-no-show{border-left-color:#ef4444;background:#fef5f5}.calendarEvent--appointment.is-dragging{box-shadow:0 8px 24px #0000001f;transform:scale(1.02);z-index:10;opacity:.9}.calendarEvent--appointment.is-invalid{border-color:#ef4444!important;background:#fef2f2!important}.calendarEvent--timeOff{background:repeating-linear-gradient(-45deg,#fafafa,#fafafa 4px,#f0f0f0 4px 8px);border:1px dashed #ddd;border-left:4px dashed #ddd;opacity:.7}.calendarEvent__titleRow{display:flex;align-items:center;gap:4px;min-width:0}.calendarEvent__title{font-size:12px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.calendarEvent__meta{font-size:11px;color:#999;font-weight:500;line-height:1.3}.calendarEvent__sub{font-size:11px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.calendarEvent__footer{margin-top:auto;display:flex;align-items:center;gap:4px}.calendarEvent__seriesBadge{font-size:9px;font-weight:700;background:#f0f0f0;color:#666;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.calendarEvent__resizeHandle{position:absolute;left:0;right:0;height:6px;cursor:ns-resize;z-index:3}.calendarEvent__resizeHandle--top{top:0}.calendarEvent__resizeHandle--bottom{bottom:0}.calendarStatusChip{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.calendarStatusChip--pending{background:#fff8ed;color:#d97706}.calendarStatusChip--confirmed{background:#edfcf2;color:#16a34a}.calendarStatusChip--done{background:#eff6ff;color:#2563eb}.calendarStatusChip--canceled{background:#f5f5f5;color:#999}.calendarStatusChip--noShow{background:#fef2f2;color:#dc2626}.calDrawerOverlay{position:fixed;inset:0;background:#00000040;z-index:1000;animation:calFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes calFadeIn{0%{opacity:0}to{opacity:1}}.calDrawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#fff;z-index:1001;box-shadow:-4px 0 24px #0000000f;display:flex;flex-direction:column;animation:calSlideIn .25s ease}@keyframes calSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.calState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:20px}.calState__icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.calState__icon--loading{background:#f0f4ff;color:#4a7dff}.calState__icon--error{background:#fef2f2;color:#ef4444}.calState__icon--empty{background:#f5f5f5;color:#999}.calState__title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.calState__text{font-size:13px;color:#999;margin:0 0 16px}.calState__btn{padding:8px 20px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.calState__btn:hover{background:#f5f5f5}.calState__spinner{width:28px;height:28px;border:3px solid #f0f0f0;border-top-color:#1a1a1a;border-radius:50%;animation:calSpin .8s linear infinite;margin-bottom:12px}@media(max-width:768px){.calPage__header{margin-bottom:12px}.calPage__title{font-size:18px}.calPage__subtitle{display:none}.calPage__kpi{gap:8px;margin-bottom:12px}.calKpi{padding:8px 12px;min-width:100px;border-radius:12px}.calKpi__icon{width:30px;height:30px;border-radius:10px}.calKpi__icon svg{width:14px;height:14px}.calKpi__value{font-size:16px}.calKpi__label{font-size:10px}.calToolbar{padding:8px 12px;border-radius:12px;gap:8px;flex-wrap:wrap;justify-content:center}.calToolbar__nav{order:1;gap:2px}.calToolbar__date{order:0;width:100%;justify-content:center}.calToolbar__actions{order:2}.calToolbar__btn{padding:6px;border-radius:10px}.calToolbar__btn--today{padding:5px 12px;font-size:12px}.calToolbar__weekday{font-size:10px}.calToolbar__dateText{font-size:14px}.calendarCard{border-radius:16px}.dayCalendar{grid-template-columns:44px 1fr;min-width:calc(44px + var(--staff-count, 1) * 130px)}.dayCalendar__corner{padding:8px 2px;font-size:9px}.dayCalendar__staffCell{padding:8px 6px;gap:4px}.dayCalendar__staffAvatar{width:28px;height:28px;font-size:10px}.dayCalendar__staffName{font-size:12px}.dayCalendar__staffMeta{font-size:10px}.dayCalendar__staffHeader,.dayCalendar__grid{grid-template-columns:repeat(var(--staff-count, 1),minmax(120px,1fr))}.dayCalendar__timeCell{font-size:10px}.calendarEvent{left:2px;right:2px;border-radius:10px;padding:4px 8px}.calendarEvent__title{font-size:11px}.calendarEvent__meta,.calendarEvent__sub{font-size:10px}.calendarStatusChip{font-size:9px;padding:1px 6px}.calDrawer{width:100vw}}@media(max-width:480px){.calPage__header{margin-bottom:8px}.calPage__title{font-size:16px;gap:6px}.calPage__title svg{width:18px;height:18px}.calPage__kpi{gap:6px;margin-bottom:10px}.calKpi{padding:6px 10px;min-width:80px;border-radius:10px;gap:6px}.calKpi__icon{width:26px;height:26px;border-radius:8px}.calKpi__icon svg{width:12px;height:12px}.calKpi__value{font-size:14px}.calKpi__label{font-size:9px}.calToolbar{padding:6px 10px;border-radius:10px;margin-bottom:10px}.calToolbar__btn{padding:5px}.calToolbar__btn--today{padding:4px 10px;font-size:11px}.calToolbar__dateText{font-size:13px}.calendarCard{border-radius:12px;border:none;box-shadow:0 1px 3px #0000000a}.dayCalendar{grid-template-columns:38px 1fr;min-width:calc(38px + var(--staff-count, 1) * 110px)}.dayCalendar__corner{padding:6px 2px;font-size:8px}.dayCalendar__staffCell{padding:6px 4px;gap:3px}.dayCalendar__staffAvatar{width:24px;height:24px;font-size:9px}.dayCalendar__staffName{font-size:11px}.dayCalendar__staffMeta{display:none}.dayCalendar__staffStats{gap:4px}.calendarMiniBadge{font-size:8px;padding:1px 5px}.calendarMiniCounter{font-size:9px}.dayCalendar__staffHeader,.dayCalendar__grid{grid-template-columns:repeat(var(--staff-count, 1),minmax(100px,1fr))}.dayCalendar__timeCell{font-size:9px;height:30px}.calendarEvent{left:1px;right:1px;border-radius:8px;padding:3px 6px;gap:1px}.calendarEvent__title{font-size:10px}.calendarEvent__meta{font-size:9px}.calendarEvent__sub,.calendarEvent__footer{display:none}.calendarEvent__seriesBadge{font-size:8px;padding:0 4px}.calendarStatusChip{font-size:8px;padding:1px 5px}.calDrawer{width:100vw}}@media(min-width:1400px){.dayCalendar__staffHeader,.dayCalendar__grid{grid-template-columns:repeat(var(--staff-count, 1),minmax(180px,1fr))}.calendarEvent{left:6px;right:6px;padding:8px 12px}.calendarEvent__title{font-size:13px}.calendarEvent__meta{font-size:12px}}.dayCalendar__staffAvatarImg{width:100%;height:100%;border-radius:50%;object-fit:cover}.calendarEvent{position:absolute}.calendarEvent__popup{display:none;position:absolute;left:calc(100% + 8px);top:0;z-index:100;min-width:220px;max-width:280px;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:14px;box-shadow:0 8px 32px #0f172a1f,0 2px 8px #0f172a0f;padding:14px 16px;pointer-events:none}.calendarEvent:hover .calendarEvent__popup{display:flex;flex-direction:column;gap:8px}.calendarEvent__popupRow{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4}.calendarEvent__popupLabel{font-weight:500;color:#94a3b8;white-space:nowrap;min-width:60px}.calendarEvent__popupValue{font-weight:600;color:#0f172a;word-break:break-word}.calendarEvent__popupDivider{height:1px;background:#e2e8f0cc;margin:2px 0}.dayCalendar__staffHead:hover{opacity:.8}.clientCommCard{border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 16px #1018280a;overflow:hidden;margin-top:16px}.clientCommHead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f5;background:linear-gradient(180deg,#f8fafc,#fff)}.clientCommTitle{font-size:16px;font-weight:700;color:#111827;margin:0}.clientCommSub{font-size:13px;color:#6b7280;margin:4px 0 0}.clientCommLayout{display:grid;grid-template-columns:280px 1fr;min-height:500px}.clientThreadsPane{border-right:1px solid #f0f0f5;background:#fcfcfd;overflow-y:auto;max-height:620px}.clientThreadsList{display:flex;flex-direction:column}.clientThreadItem{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:none;border-bottom:1px solid #f0f0f5;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease;width:100%;font-family:inherit}.clientThreadItem:hover{background:#f3f4f6}.clientThreadItem.is-active{background:#eff6ff;border-left:3px solid #6366f1}.clientThreadTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.clientThreadTop strong{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clientThreadBadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#6366f1;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.clientThreadPreview{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.clientThreadMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#9ca3af;margin-top:2px}.clientMessagesPane{display:flex;flex-direction:column;background:#fff;min-height:0}.clientMessagesHead{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0f0f5;background:#f8fafc}.clientMessagesHead strong{font-size:14px;font-weight:600;color:#111827}.clientMessagesList{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative}.clientMessageBubble{max-width:78%;border-radius:18px;padding:12px 14px;border:1px solid #e5e7eb;position:relative;word-wrap:break-word}.clientMessageBubble.is-out{align-self:flex-end;background:#e8f2ff;border-color:#bfdbfe}.clientMessageBubble.is-in{align-self:flex-start;background:#fff;border-color:#e5e7eb}.clientMessageBody{font-size:13px;color:#111827;line-height:1.5;white-space:pre-wrap}.clientMessageMeta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#6b7280;opacity:.75}.clientComposer{padding:12px 16px;border-top:1px solid #f0f0f5;background:#fcfcfd}.clientComposerInput{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:10px 14px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;color:#111827}.clientComposerInput:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.clientComposerInput:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.clientComposerActions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.clientComposerActions .btn{padding:8px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #6366f133}.clientComposerActions .btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 4px 12px #6366f14d}.clientComposerActions .btn:disabled{opacity:.5;cursor:not-allowed}.clientCommEmpty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;font-size:13px;text-align:center}.clientCommError{display:flex;align-items:center;justify-content:center;padding:20px;color:#ef4444;font-size:13px;text-align:center;background:#fef2f2;border-radius:8px;margin:12px}@media(max-width:768px){.clientCommLayout{grid-template-columns:1fr}.clientThreadsPane{border-right:none;border-bottom:1px solid #f0f0f5;max-height:250px}.clientMessagesList{max-height:350px!important;min-height:250px!important}}.cpPage{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:960px;margin:0 auto;width:100%;box-sizing:border-box}.cpBreadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.cpBackLink{display:inline-flex;align-items:center;gap:4px;color:#64748b;text-decoration:none;font-weight:500;transition:color .15s}.cpBackLink:hover{color:#334155}.cpBreadSep{color:#cbd5e1}.cpBreadCurrent{color:#475569;font-weight:500}.cpHero{background:#fff;border-radius:14px;border:1px solid #e8eaed;padding:24px;display:flex;flex-direction:column;gap:16px}.cpHeroTop{display:flex;gap:18px;align-items:center}.cpHeroAvatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:#fff;font-weight:700;font-size:22px}.cpHeroAvatar img{width:100%;height:100%;object-fit:cover}.cpHeroInfo{flex:1;min-width:0}.cpHeroNameRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cpHeroName{margin:0;font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.3}.cpHeroContacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cpPill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:100px;background:#f4f5f7;color:#555;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s}.cpPill:hover{background:#e8eaed;color:#333}.cpPill svg{color:#888;width:13px;height:13px}.cpPill--wa{background:#f0f9f4;color:#2d8a56}.cpPill--wa:hover{background:#e0f2e9}.cpPill--wa svg{color:#3ba164}.cpPill--ig{background:#f8f0f8;color:#9b4dca}.cpPill--ig:hover{background:#f0e4f0}.cpPill--ig svg{color:#b06dd8}.cpHeroStats,.cpMiniStat{display:none}.cpHeroNote{padding:10px 14px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:3px}.cpHeroNoteLabel{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.3px}.cpHeroNoteText{font-size:13px;color:#555;line-height:1.5}.cpQuickActions{display:flex;gap:8px;flex-wrap:wrap}.cpSuccess{padding:10px 16px;background:#f0faf4;border:1px solid #c6e9d4;border-radius:8px;color:#2d7a4f;font-size:13px;font-weight:500}.cpError{padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#c53030;font-size:13px}.cpGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cpCard{background:#fff;border-radius:12px;border:1px solid #e8eaed;overflow:hidden}.cpCardHead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #f0f0f0}.cpCardHead h3{margin:0;font-size:14px;font-weight:600;color:#333}.cpBadgeCount{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;border-radius:100px;background:#f0f0f0;color:#666;font-size:11px;font-weight:700}.cpCardEmpty{padding:28px 18px;text-align:center;color:#aaa;font-size:13px}.cpInfoTiles{display:grid;grid-template-columns:1fr 1fr;gap:0}.cpInfoTile{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5}.cpInfoTile:nth-child(2n){border-right:none}.cpInfoTile:nth-last-child(-n+2){border-bottom:none}.cpInfoTile span{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.3px}.cpInfoTile strong{font-size:13px;color:#333;font-weight:600}.cpLastVisit{padding:14px 18px;display:flex;flex-direction:column;gap:6px}.cpLastVisitRow{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.cpLastVisitRow svg{color:#aaa;width:14px;height:14px}.cpLastVisitService{font-size:14px;font-weight:600;color:#333;margin-top:2px}.cpBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap}.cpBadge--pending{background:#fef9c3;color:#92400e}.cpBadge--confirmed{background:#e0f2fe;color:#0369a1}.cpBadge--canceled{background:#fee2e2;color:#b91c1c}.cpBadge--noshow{background:#fef2f2;color:#dc2626}.cpBadge--done{background:#dcfce7;color:#15803d}.cpBadge--confirmedByClient{background:#e0f2fe;color:#0369a1}.cpBadge--completed{background:#dcfce7;color:#15803d}.cpAccordion{display:flex;flex-direction:column}.cpAccItem{border-bottom:1px solid #f0f0f0}.cpAccItem:last-child{border-bottom:none}.cpAccSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 18px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.cpAccSummary:hover{background:#fafafa}.cpAccLeft{display:flex;flex-direction:column;gap:2px;min-width:0}.cpAccService{font-size:13px;font-weight:600;color:#333}.cpAccMeta{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;flex-wrap:wrap}.cpAccDot{color:#ddd}.cpAccRight{display:flex;align-items:center;gap:8px;flex-shrink:0}.cpAccRight svg{color:#bbb}.cpAccBody{padding:0 18px 14px;animation:cpSlideDown .2s ease}@keyframes cpSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cpAccGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;background:#fafafa;border-radius:8px}.cpAccDetail{display:flex;flex-direction:column;gap:2px}.cpAccDetail span{font-size:11px;color:#999}.cpAccDetail strong{font-size:13px;color:#333;font-weight:600}.cpEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:#aaa;font-size:14px}.cpSpinner{width:20px;height:20px;border:2.5px solid #e8eaed;border-top-color:#666;border-radius:50%;animation:cpSpin .7s linear infinite}@keyframes cpSpin{to{transform:rotate(360deg)}}.cpOverlay{position:fixed;inset:0;z-index:1000;background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:cpFadeIn .2s ease}@keyframes cpFadeIn{0%{opacity:0}to{opacity:1}}.cpModal{background:#fff;border-radius:14px;box-shadow:0 16px 48px #00000026;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:cpSlideUp .25s ease}@keyframes cpSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cpModalHead{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 12px;border-bottom:1px solid #f0f0f0}.cpModalHead strong{font-size:16px;font-weight:700;color:#1a1a1a}.cpModalHint{font-size:12px;color:#999;margin-top:2px}.cpModalClose{background:none;border:none;color:#aaa;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s}.cpModalClose:hover{background:#f0f0f0;color:#555}.cpModalBody{padding:18px 22px;display:flex;flex-direction:column;gap:14px}.cpModalError{margin:0 22px;padding:8px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#c53030;font-size:13px}.cpModalFoot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px 18px;border-top:1px solid #f0f0f0}.cpField{display:flex;flex-direction:column;gap:4px}.cpFieldLabel{font-size:12px;font-weight:600;color:#555}.cpFormRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cpInput{padding:9px 12px;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#333;background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.cpInput:focus{border-color:#888}.cpInput::placeholder{color:#bbb}.cpInput--icon{padding-left:32px}.cpInputIcon{position:relative}.cpInputIcon>svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#b06dd8;pointer-events:none;z-index:1}.cpTextarea{resize:vertical;min-height:60px}.cpBtnPrimary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:8px;background:#333;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.cpBtnPrimary:hover{background:#1a1a1a}.cpBtnPrimary:disabled{opacity:.5;pointer-events:none}.cpBtnGhost{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.cpBtnGhost:hover{background:#f5f5f5;border-color:#ccc}.cpBtnGhost:disabled{opacity:.5;pointer-events:none}@media(max-width:768px){.cpPage{padding:16px;gap:12px}.cpHeroTop{flex-direction:column;align-items:center;text-align:center}.cpHeroNameRow,.cpHeroContacts,.cpQuickActions{justify-content:center}.cpGrid,.cpInfoTiles{grid-template-columns:1fr}.cpInfoTile{border-right:none!important}.cpAccGrid{grid-template-columns:1fr 1fr}.cpFormRow{grid-template-columns:1fr}.cpModal{max-width:100%;border-radius:12px}.cpModalFoot{flex-direction:column}.cpModalFoot .cpBtnPrimary,.cpModalFoot .cpBtnGhost{width:100%;justify-content:center}}@media(max-width:480px){.cpHeroAvatar{width:52px;height:52px;font-size:18px}.cpAccGrid{grid-template-columns:1fr}}.cpBalanceCard{border:1px solid #e8eaed;border-radius:12px}.cpBalanceHeadLeft{display:flex;align-items:center;gap:8px;color:#555}.cpBalanceHeadLeft h3{margin:0}.cpBalanceAmount{font-size:1.4rem;font-weight:700;color:#333}.cpBalanceAmount--positive{color:#2d7a4f}.cpBalanceAmount--negative{color:#c53030}.cpBalanceActions{display:flex;gap:8px;padding:0 18px 14px}.cpBtnBalance{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.cpBtnBalance--deposit{background:#e8f5ee;color:#2d7a4f}.cpBtnBalance--deposit:hover{background:#d4eddd}.cpBtnBalance--deduct{background:#fce8e8;color:#c53030}.cpBtnBalance--deduct:hover{background:#f8d4d4}.cpBalanceHistoryToggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 18px;border:none;border-top:1px solid #f0f0f0;background:#fafafa;cursor:pointer;font-size:13px;font-weight:500;color:#777;transition:background .15s}.cpBalanceHistoryToggle:hover{background:#f0f0f0}.cpBalanceHistory{border-top:1px solid #f0f0f0}.cpBalanceList{max-height:400px;overflow-y:auto}.cpBalanceTx{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 18px;border-bottom:1px solid #f5f5f5;gap:12px}.cpBalanceTx:last-child{border-bottom:none}.cpBalanceTxLeft{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.cpBalanceTxIcon{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.cpBalanceTxIcon--plus{background:#e8f5ee;color:#2d7a4f}.cpBalanceTxIcon--minus{background:#fce8e8;color:#c53030}.cpBalanceTxInfo{display:flex;flex-direction:column;gap:2px;min-width:0}.cpBalanceTxType{font-size:13px;font-weight:600;color:#333}.cpBalanceTxDesc{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpBalanceTxDate{font-size:11px;color:#aaa}.cpBalanceTxRight{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.cpBalanceTxAmount{font-size:14px;font-weight:700}.cpBalanceTxAmount--plus{color:#2d7a4f}.cpBalanceTxAmount--minus{color:#c53030}.cpBalanceTxAfter{font-size:11px;color:#aaa}.cpBtnPrimary--danger{background:#c53030!important}.cpBtnPrimary--danger:hover{background:#a82828!important}@media(max-width:768px){.cpBalanceAmount{font-size:1.2rem}.cpBalanceActions{padding:0 14px 10px}.cpBtnBalance{padding:6px 12px;font-size:12px}.cpBalanceTx{padding:8px 14px;flex-wrap:wrap}.cpBalanceTxRight{width:100%;flex-direction:row;justify-content:space-between;padding-left:36px;margin-top:4px}}.settingsPage{display:grid;gap:18px}.settingsHeroCard,.settingsSectionCard,.settingsActionsCard,.settingsFeedbackCard{min-width:0}.settingsHeroCard{position:relative;overflow:hidden;border:1px solid #e7ecf3;background:radial-gradient(circle at top right,rgba(16,185,129,.1),transparent 28%),linear-gradient(180deg,#fff,#f9fbff)}.settingsHeroHead{align-items:flex-start}.settingsStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.settingsStatCard{border:1px solid #e6ebf2;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:16px;box-shadow:0 12px 32px #1018280d;display:flex;align-items:center;gap:14px}.settingsStatIcon{width:48px;height:48px;border-radius:16px;border:1px solid #e4e7ec;background:#f2f4f7;display:inline-flex;align-items:center;justify-content:center;color:#101828;flex-shrink:0}.settingsStatText{min-width:0;display:grid;gap:4px}.settingsStatText strong{color:#101828;font-size:24px;line-height:1;font-weight:800}.settingsStatText span{color:#6b7280;font-size:14px;line-height:1.4}.settingsFormLayout{display:grid;gap:18px}.settingsBlockHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.settingsSectionTitle{margin:0;font-size:20px;line-height:1.2;font-weight:800;color:#101828}.settingsHint{color:#6b7280;font-size:13px}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field--full{grid-column:1 / -1}.settingsTextGrid{display:grid;gap:14px}.settingsMediaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settingsMediaCard{border:1px solid #eaecf0;border-radius:24px;background:linear-gradient(180deg,#fcfcfd,#f8fafc);padding:14px;display:grid;gap:14px}.settingsMediaPreview{width:100%;overflow:hidden;border-radius:20px;border:1px solid #e5e7eb;background:#eef2f6}.settingsMediaPreview--logo{aspect-ratio:1 / 1;max-width:220px}.settingsMediaPreview--cover{aspect-ratio:16 / 7}.settingsMediaPreview img{width:100%;height:100%;object-fit:cover}.settingsMediaPreview--logo img{object-fit:contain;background:#fff;padding:14px}.settingsMediaPlaceholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;gap:8px;color:#6b7280;font-size:14px;padding:20px}.settingsMediaBody{display:grid;gap:10px}.settingsMediaTitle{color:#101828;font-size:15px;font-weight:700}.settingsUploadBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;width:fit-content;border-radius:999px;border:1px dashed #98a2b3;background:#fff;color:#3a3f47;cursor:pointer;font-weight:600;padding:0 14px}.settingsUploadBtn:hover{background:#f8fafc}.settingsUploadBtn input{display:none}.settingsTextareaWrap svg{top:18px;transform:none}.settingsTextarea{resize:vertical;min-height:132px;padding-top:14px}.settingsSwitch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;width:fit-content}.settingsSwitch input{display:none}.settingsSwitchTrack{width:48px;height:28px;border-radius:999px;background:#d0d5dd;position:relative;transition:background .2s ease;flex-shrink:0}.settingsSwitchThumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 2px 8px #10182829}.settingsSwitch input:checked+.settingsSwitchTrack{background:#12b76a}.settingsSwitch input:checked+.settingsSwitchTrack .settingsSwitchThumb{transform:translate(20px)}.settingsSwitchText{color:#3a3f47;font-size:14px;font-weight:600}.settingsFeedbackCard,.settingsActionsCard{padding-top:18px;padding-bottom:18px}.settingsActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.adminHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-width:0;flex-wrap:wrap}.adminHead__content{min-width:0;flex:1 1 420px}.adminEyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:8px}.adminTitle{margin:0;font-size:32px;line-height:1.08;font-weight:800;color:#101828;word-break:break-word}.adminSub{margin:10px 0 0;font-size:15px;line-height:1.55;color:#475467;max-width:720px}@media(max-width:900px){.settingsStats,.settingsGrid,.settingsMediaGrid{grid-template-columns:1fr}.settingsMediaPreview--logo{max-width:none}}@media(max-width:768px){.adminTitle{font-size:26px}.adminSub{font-size:14px}.settingsActions .btn,.settingsUploadBtn{width:100%;justify-content:center}}@media(max-width:640px){.adminHead{flex-direction:column;align-items:stretch;gap:16px}.adminTitle{font-size:22px}.adminSub{font-size:14px;line-height:1.45}.settingsSectionTitle{font-size:18px}}.settingsTextarea{width:100%;resize:none;min-height:160px;overflow:hidden;line-height:1.5;transition:height .15s ease}.waTabs{display:flex;gap:4px;background:#f3f4f6;border-radius:16px;padding:4px;margin-bottom:0}.waTab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;background:transparent;border-radius:12px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.waTab:hover{color:#374151;background:#ffffff80}.waTab--active{background:#fff;color:#101828;box-shadow:0 1px 4px #10182814}.waTable{border:1px solid #eaecf0;border-radius:16px;overflow:hidden}.waTable__header{display:flex;align-items:center;padding:10px 16px;background:#f9fafb;border-bottom:1px solid #eaecf0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;gap:8px}.waTable__row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151;gap:8px;cursor:pointer;transition:background .15s ease}.waTable__row:last-child{border-bottom:none}.waTable__row:hover{background:#f9fafb}.waTable__row--expanded{background:#f0f4ff}.waTable__col{display:flex;align-items:center;gap:6px;min-width:0}.waTable__col--name{flex:2;font-weight:600}.waTable__col--lang{flex:.7}.waTable__col--cat,.waTable__col--status{flex:1}.waTable__col--actions{flex:1;justify-content:flex-end;gap:4px}.waTable__col--trigger{flex:1.5;font-weight:600}.waTable__col--tpl{flex:1.5}.waTable__col--time,.waTable__col--filter{flex:1.2}.waTable__col--active{flex:.6;justify-content:center}.waTable__detail{padding:12px 16px 16px 36px;background:#f8fafc;border-bottom:1px solid #eaecf0;display:grid;gap:8px}.waDetail__field{font-size:13px;color:#475467;line-height:1.5}.waDetail__field strong{color:#101828;margin-right:6px}.waDetail__field code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:12px}.waDetail__field p{margin:4px 0 0;white-space:pre-wrap}.waStatusBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.waIconBtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s ease}.waIconBtn:hover{background:#f3f4f6;color:#374151}.waIconBtn--danger:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.waIconBtn--send{color:#12b76a;border-color:#bbf7d0}.waIconBtn--send:hover{background:#f0fdf4}.waToggle{background:none;border:none;cursor:pointer;color:#d0d5dd;transition:color .2s ease;padding:0;display:flex}.waToggle--on{color:#12b76a}.waModal__overlay{position:fixed;inset:0;background:#10182866;display:grid;place-items:center;z-index:1000;padding:20px}.waModal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #1018282e}.waModal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eaecf0}.waModal__header h3{margin:0;font-size:18px;font-weight:700;color:#101828}.waModal__close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px}.waModal__close:hover{background:#f3f4f6}.waModal__body{padding:20px;display:grid;gap:14px}.waModal__actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}@media(max-width:900px){.waTable__header{display:none}.waTable__row{flex-wrap:wrap;gap:6px}.waTable__col{flex:none!important;width:auto}.waTable__col--name{width:100%}.waTable__col--actions{width:100%;justify-content:flex-start;padding-top:4px}}.cab-main:has(.inboxPage){padding:0!important;max-width:none!important;height:100vh;overflow:hidden}.inboxPage{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.inboxLayout{display:grid;grid-template-columns:380px 1fr;height:100%;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 4px 24px #0000000a;margin:12px}.inboxSidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:1px solid #e2e8f0;background:#fff;border-radius:16px 0 0 16px}.inboxSidebarHead{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;flex-shrink:0}.inboxSidebarTitle{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#0f172a;margin:0}.inboxSidebarTitle svg{color:#3b82f6}.inboxIconBtn{width:34px;height:34px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.inboxIconBtn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.inboxChannelFilters{display:flex;gap:4px;padding:0 12px 8px;flex-shrink:0;flex-wrap:wrap}.inboxChChip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0;line-height:1.3}.inboxChChip:hover{background:#f8fafc;border-color:#cbd5e1}.inboxChChip.is-active{background:var(--chip-bg, #3b82f615);color:var(--chip-color, #3b82f6);border-color:var(--chip-color, #3b82f6);font-weight:600}.inboxChChipLabel{pointer-events:none}.inboxChChipBadge{background:currentColor;color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.inboxChChip.is-active .inboxChChipBadge{background:var(--chip-color, #3b82f6)}.inboxStatusFilters{display:flex;gap:4px;padding:0 12px 8px;flex-shrink:0;flex-wrap:wrap}.inboxStChip{padding:4px 10px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.inboxStChip:hover{background:#e2e8f0;color:#334155}.inboxStChip.is-active{background:#0f172a;color:#fff;font-weight:600}.inboxSearchBox{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:7px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;flex-shrink:0;transition:border-color .15s ease,box-shadow .15s ease}.inboxSearchBox:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614;background:#fff}.inboxSearchBox svg{color:#94a3b8;flex-shrink:0}.inboxSearchBox input{flex:1;border:none;background:transparent;font:inherit;font-size:13px;color:#0f172a;outline:none;min-width:0}.inboxSearchBox input::placeholder{color:#94a3b8}.inboxSearchClear{width:20px;height:20px;border-radius:50%;border:none;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.inboxSearchClear:hover{background:#cbd5e1}.inboxEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:#94a3b8;font-size:13px;text-align:center;flex:1}.inboxEmpty--err{color:#ef4444}.inboxSpinner{width:24px;height:24px;border:2.5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:inboxSpin .7s linear infinite}.inboxSpinner--sm{width:18px;height:18px;border-width:2px}@keyframes inboxSpin{to{transform:rotate(360deg)}}.inboxThreadList{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 6px 6px;-webkit-overflow-scrolling:touch}.inboxThreadList::-webkit-scrollbar{width:4px}.inboxThreadList::-webkit-scrollbar-track{background:transparent}.inboxThreadList::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.inboxTCard{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:12px;cursor:pointer;position:relative;transition:background .12s ease;border:1px solid transparent;min-height:0}.inboxTCard:hover{background:#f8fafc}.inboxTCard.is-active{background:#eff6ff;border-color:#bfdbfe}.inboxTCard.has-unread .inboxTName{font-weight:700}.inboxTCard.has-unread .inboxTPreview{color:#334155;font-weight:500}.inboxTAvatar{width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--av-color, #64748b) 12%,white);color:var(--av-color, #64748b);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;position:relative}.inboxTAvBadge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;color:#fff}.inboxTContent{flex:1;min-width:0}.inboxTTop{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px}.inboxTName{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inboxTTime{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.inboxTBot{display:flex;justify-content:space-between;align-items:center;gap:8px}.inboxTPreview{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;flex:1;min-width:0}.inboxTBadges{display:flex;align-items:center;gap:4px;flex-shrink:0}.inboxUnread{font-size:9px;font-weight:700;color:#fff;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.inboxPinnedIco{color:#94a3b8}.inboxAwTag{display:inline-block;margin-top:3px;font-size:10px;font-weight:500;color:#f59e0b;background:#fef3c7;padding:1px 7px;border-radius:6px}.inboxPinBtn{position:absolute;top:8px;right:6px;width:22px;height:22px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .15s ease}.inboxTCard:hover .inboxPinBtn,.inboxPinBtn.is-active{opacity:1}.inboxPinBtn.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.inboxConv{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#f8fafc;border-radius:0 16px 16px 0}.inboxConvHead{padding:10px 16px;border-bottom:1px solid #e2e8f0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:56px}.inboxBackBtn{display:none;width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#0f172a;cursor:pointer;align-items:center;justify-content:center}.inboxConvInfo{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.inboxConvAv{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--av-color, #64748b) 12%,white);color:var(--av-color, #64748b);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.inboxConvTitle{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inboxConvMeta{display:flex;align-items:center;gap:8px;margin-top:1px}.inboxChTag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:6px;font-size:11px;font-weight:600}.inboxConvIdent{font-size:11px;color:#94a3b8}.inboxConvActions{display:flex;gap:6px;flex-shrink:0}.inboxMessages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px;display:flex;flex-direction:column;gap:3px;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.inboxMessages::-webkit-scrollbar{width:5px}.inboxMessages::-webkit-scrollbar-track{background:transparent}.inboxMessages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.inboxMsgEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;color:#94a3b8;font-size:14px}.inboxMsgEmpty--err{color:#ef4444}.inboxMsgEmptyIco{color:#cbd5e1}.inboxMsgRow{display:flex;margin-bottom:2px;animation:msgIn .2s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.inboxMsgRow.is-out{justify-content:flex-end}.inboxMsgRow.is-in{justify-content:flex-start}.inboxMsgBubble{max-width:min(70%,520px);padding:9px 14px;border-radius:18px;word-wrap:break-word;overflow-wrap:break-word}.inboxMsgRow.is-out .inboxMsgBubble{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:6px}.inboxMsgRow.is-in .inboxMsgBubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:6px;color:#0f172a}.inboxMsgBody{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.45}.inboxMsgMeta{margin-top:3px;font-size:10px;display:flex;justify-content:flex-end;align-items:center;gap:5px}.inboxMsgRow.is-out .inboxMsgMeta{color:#ffffffa6}.inboxMsgRow.is-in .inboxMsgMeta{color:#94a3b8}.msgSt{flex-shrink:0}.msgSt--sent{color:#fff9}.msgSt--delivered{color:#ffffffb3}.msgSt--read{color:#86efac}.msgSt--failed{color:#fca5a5}.msgSt--pending{color:#ffffff80}.inboxMsgRow.is-in .msgSt--sent{color:#94a3b8}.inboxMsgRow.is-in .msgSt--delivered{color:#64748b}.inboxMsgRow.is-in .msgSt--read{color:#3b82f6}.inboxMsgRow.is-in .msgSt--failed{color:#ef4444}.inboxMsgRow.is-in .msgSt--pending{color:#94a3b8}.inboxTPreview .msgSt{flex-shrink:0}.inboxTPreview .msgSt--sent{color:#94a3b8}.inboxTPreview .msgSt--delivered{color:#64748b}.inboxTPreview .msgSt--read{color:#3b82f6}.inboxTPreview .msgSt--failed{color:#ef4444}.inboxTPreview .msgSt--pending{color:#94a3b8}.inboxComposer{padding:8px 16px 12px;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0}.inboxCompHint{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:6px;border-radius:8px;background:#fef3c7;color:#92400e;font-size:12px}.inboxCompRow{display:flex;align-items:flex-end;gap:8px}.inboxCompRow textarea{flex:1;min-height:40px;max-height:120px;resize:none;border:1px solid #e2e8f0;border-radius:20px;padding:10px 16px;font:inherit;font-size:14px;outline:none;background:#f8fafc;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}.inboxCompRow textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614;background:#fff}.inboxCompRow textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.inboxSendBtn{width:42px;height:42px;border-radius:50%;border:none;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .1s ease}.inboxSendBtn:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.inboxSendBtn:disabled{background:#cbd5e1;cursor:not-allowed}@media(max-width:1024px){.inboxLayout{grid-template-columns:320px 1fr;margin:8px}}@media(max-width:768px){.inboxPage{height:100dvh}.inboxLayout{grid-template-columns:1fr;margin:0;border-radius:0;box-shadow:none;position:relative}.inboxSidebar{border-right:0;border-radius:0}.inboxConv{position:absolute;inset:0;z-index:10;border-radius:0;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.inboxLayout--conv .inboxConv{transform:translate(0)}.inboxBackBtn{display:flex}.inboxMsgBubble{max-width:85%!important}.inboxConvHead{padding:10px 12px}.inboxMessages{padding:12px}.inboxComposer{padding:8px 12px 10px}.inboxChannelFilters,.inboxStatusFilters{padding:0 10px 6px}.inboxSearchBox{margin:0 10px 6px}.inboxSidebarHead{padding:12px 10px 8px}.inboxThreadList{padding:0 4px 4px}.inboxTCard{padding:8px;gap:8px}}@media(max-width:480px){.inboxTAvatar{width:38px;height:38px;font-size:12px}.inboxTAvBadge{width:14px;height:14px}.inboxChChip{padding:3px 6px;font-size:10px;gap:3px}.inboxStChip{padding:3px 7px;font-size:10px}.inboxSidebarTitle{font-size:16px}}@media(min-width:769px){.inboxBackBtn{display:none}}.clPage{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.clHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.clHeaderLeft{display:flex;align-items:center;gap:14px}.clHeaderIcon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.clTitle{margin:0;font-size:22px;font-weight:800;color:#0f172a;line-height:1.2}.clSubtitle{margin:2px 0 0;font-size:13px;color:#64748b}.clAddBtn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap}.clAddBtn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f659}.clKpi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.clKpiCard{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:14px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0f172a0a}.clKpiIcon{flex-shrink:0;padding:8px;border-radius:10px}.clKpiIcon--blue{background:#eff6ff;color:#3b82f6}.clKpiIcon--green{background:#f0fdf4;color:#22c55e}.clKpiIcon--purple{background:#f5f3ff;color:#8b5cf6}.clKpiIcon--teal{background:#f0fdfa;color:#14b8a6}.clKpiIcon--pink{background:#fdf2f8;color:#ec4899}.clKpiBody{display:flex;flex-direction:column}.clKpiValue{font-size:22px;font-weight:800;color:#0f172a;line-height:1}.clKpiLabel{font-size:12px;color:#94a3b8;margin-top:2px}.clToolbar{display:flex;align-items:center;gap:12px}.clSearchWrap{display:flex;align-items:center;gap:8px;flex:1;padding:9px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .15s}.clSearchWrap:focus-within{border-color:#3b82f6}.clSearchWrap svg{color:#94a3b8;flex-shrink:0}.clSearchInput{border:none;outline:none;background:transparent;font-size:13px;color:#0f172a;width:100%}.clSearchInput::placeholder{color:#94a3b8}.clSearchClear{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;border-radius:6px;display:flex;align-items:center}.clSearchClear:hover{color:#475569;background:#f1f5f9}.clError{padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px}.clListWrap{background:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 1px 4px #0f172a0d;overflow:hidden}.clListHead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.clListTitle{margin:0;font-size:15px;font-weight:700;color:#0f172a}.clListCount{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:100px;background:#eff6ff;color:#3b82f6;font-size:12px;font-weight:700}.clEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:#94a3b8;font-size:14px}.clSpinner{width:22px;height:22px;border:2.5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:clSpin .7s linear infinite}.clList{display:flex;flex-direction:column}.clRow{display:flex;align-items:center;gap:14px;padding:14px 20px;border:none;border-bottom:1px solid #f8fafc;background:#fff;cursor:pointer;transition:background .12s;text-align:left;width:100%;font-family:inherit}.clRow:last-child{border-bottom:none}.clRow:hover{background:#f8fafc}.clRowAvatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:#fff;font-weight:700;font-size:15px}.clRowAvatar img{width:100%;height:100%;object-fit:cover}.clRowInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.clRowName{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clRowContacts{display:flex;flex-wrap:wrap;gap:6px}.clTag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:500;white-space:nowrap}.clTag svg{color:#94a3b8}.clTag--wa{background:#f0fdf4;color:#16a34a}.clTag--wa svg{color:#22c55e}.clTag--ig{background:#fdf2f8;color:#c026d3}.clTag--ig svg{color:#d946ef}.clTagEmpty{font-size:11px;color:#cbd5e1;font-style:italic}.clRowRight{display:flex;align-items:center;gap:10px;flex-shrink:0}.clRowDate{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8}.clRowArrow{color:#cbd5e1}.clOverlay{position:fixed;inset:0;z-index:1000;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:clFadeIn .2s ease}@keyframes clFadeIn{0%{opacity:0}to{opacity:1}}.clModal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0f172a2e;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:clSlideUp .25s ease}@keyframes clSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clModalHead{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid #f1f5f9}.clModalHead strong{font-size:17px;font-weight:700;color:#0f172a}.clModalHint{font-size:12px;color:#94a3b8;margin-top:2px}.clModalClose{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;transition:background .15s}.clModalClose:hover{background:#f1f5f9;color:#475569}.clModalBody{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.clModalError{margin:0 24px;padding:8px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.clModalFoot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px 20px;border-top:1px solid #f1f5f9}.clField{display:flex;flex-direction:column;gap:4px}.clFieldLabel{font-size:12px;font-weight:600;color:#475569}.clFieldHint{font-size:11px}.clFieldHint--error{color:#dc2626}.clFormRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clInput{padding:9px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.clInput:focus{border-color:#3b82f6}.clInput::placeholder{color:#94a3b8}.clInput--error{border-color:#fca5a5}.clInput--icon{padding-left:32px}.clInputIcon{position:relative}.clInputIcon>svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#c026d3;pointer-events:none;z-index:1}.clTextarea{resize:vertical;min-height:60px}.clBtnPrimary{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.clBtnPrimary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.clBtnPrimary:disabled{opacity:.5;pointer-events:none}.clBtnGhost{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.clBtnGhost:hover{background:#f8fafc;border-color:#cbd5e1}.clBtnGhost:disabled{opacity:.5;pointer-events:none}@media(max-width:1100px){.clKpi{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.clPage{padding:16px;gap:12px}.clKpi{grid-template-columns:repeat(2,1fr)}.clHeader{flex-direction:column;align-items:flex-start}.clAddBtn{width:100%;justify-content:center}.clFormRow{grid-template-columns:1fr}.clRow{padding:12px 16px;gap:10px}.clRowDate{display:none}.clModal{max-width:100%;border-radius:16px}.clModalFoot{flex-direction:column}.clModalFoot .clBtnPrimary,.clModalFoot .clBtnGhost{width:100%;justify-content:center}}@media(max-width:480px){.clKpi{grid-template-columns:1fr}.clRowAvatar{width:38px;height:38px;font-size:13px;border-radius:10px}}:root{--font-heading: "Bebas Neue", sans-serif;--font-body: "Barlow", sans-serif;--font-condensed: "Barlow Condensed", sans-serif;--gold: #c9a84c;--gold-light: #e8d5a3;--gold-soft: rgba(201, 168, 76, .18);--dark-bg: #111111;--darker-bg: #0e0e0e;--darkest-bg: #0a0a0a;--card-bg: #1a1a1a;--card-bg-soft: rgba(26, 26, 26, .96);--border-dark: #222222;--border-darker: #333333;--border-gold: rgba(201, 168, 76, .42);--text-white: #ffffff;--text-light: #f0ede8;--text-muted: #999999;--text-dim: #888888;--text-dimmer: #777777;--text-faint: #666666;--text-faintest: #555555;--text-ghost: #444444;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .25);--shadow-gold: 0 0 40px rgba(201, 168, 76, .14);--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 28px;--transition: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth}body{margin:0;background:var(--dark-bg)}.bubu-page{min-height:100vh;background:var(--dark-bg);color:var(--text-light);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bubu-page *,.bubu-page *:before,.bubu-page *:after{box-sizing:border-box}.bubu-page a{color:inherit;text-decoration:none}.bubu-page button,.bubu-page input,.bubu-page select,.bubu-page textarea{font:inherit}.bubu-page button{border:none;background:none;cursor:pointer}.bubu-page img{display:block;max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--border-darker);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.bubu-container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:640px){.bubu-container{padding:0 24px}}@media(min-width:1024px){.bubu-container{padding:0 32px}}.bubu-gold-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:96px;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent)}.bubu-kicker{display:block;margin-bottom:16px;color:var(--gold);font-family:var(--font-condensed);font-size:14px;font-weight:500;letter-spacing:.3em;text-transform:uppercase}.bubu-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.bubu-reveal--visible{opacity:1;transform:translateY(0)}.bubu-reveal--left{transform:translate(-40px)}.bubu-reveal--left.bubu-reveal--visible{transform:translate(0)}.bubu-reveal--right{transform:translate(40px)}.bubu-reveal--right.bubu-reveal--visible{transform:translate(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.bubu-nav{position:fixed;inset:0 0 auto;z-index:50;transition:background var(--transition-slow),box-shadow var(--transition-slow)}.bubu-nav--transparent{background:transparent}.bubu-nav--scrolled{background:#0a0a0af0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #00000047}.bubu-nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}@media(min-width:768px){.bubu-nav__inner{height:80px}}.bubu-nav__logo{display:flex;align-items:center;gap:8px}.bubu-nav__logo-text{color:var(--gold);font-family:var(--font-heading);font-size:24px;letter-spacing:.08em;transition:color var(--transition)}.bubu-nav__logo:hover .bubu-nav__logo-text{color:var(--gold-light)}@media(min-width:768px){.bubu-nav__logo-text{font-size:30px}}.bubu-nav__logo-sub{display:none;color:var(--text-dim);font-family:var(--font-condensed);font-size:12px;letter-spacing:.3em;text-transform:uppercase}@media(min-width:640px){.bubu-nav__logo-sub{display:inline}}.bubu-nav__links{display:none;align-items:center;gap:32px}@media(min-width:1024px){.bubu-nav__links{display:flex}}.bubu-nav__link{color:var(--text-muted);font-family:var(--font-condensed);font-size:14px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;transition:color var(--transition)}.bubu-nav__link:hover{color:var(--gold)}.bubu-nav__cta,.bubu-nav__mobile-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;background:var(--gold);color:var(--darkest-bg);font-family:var(--font-condensed);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;transition:background var(--transition),transform var(--transition)}.bubu-nav__cta:hover,.bubu-nav__mobile-cta:hover{background:var(--gold-light);transform:translateY(-1px)}.bubu-nav__mobile-btn{display:block;padding:8px;color:var(--gold)}@media(min-width:1024px){.bubu-nav__mobile-btn{display:none}}.bubu-nav__mobile-menu{display:none;overflow:hidden;background:#0a0a0afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-dark)}.bubu-nav__mobile-menu--open{display:block}@media(min-width:1024px){.bubu-nav__mobile-menu{display:none!important}}.bubu-nav__mobile-menu-inner{display:flex;flex-direction:column;gap:16px;padding:24px 16px}.bubu-nav__mobile-link{padding:8px 0;color:var(--text-muted);font-family:var(--font-condensed);font-size:16px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;transition:color var(--transition)}.bubu-nav__mobile-link:hover{color:var(--gold)}.bubu-hero{position:relative;display:flex;align-items:center;min-height:100vh;overflow:hidden}.bubu-hero__bg,.bubu-booking__bg{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover}.bubu-hero__overlay{position:absolute;inset:0;background:linear-gradient(to right,#000000db,#000000b8,#00000080)}.bubu-hero__fade{position:absolute;inset:auto 0 0;height:128px;background:linear-gradient(to top,var(--dark-bg),transparent)}.bubu-hero__gear{position:absolute;top:50%;right:-5%;width:500px;height:500px;color:var(--gold);opacity:.03;transform:translateY(-50%)}.bubu-hero__content{position:relative;z-index:2;max-width:720px;padding-top:80px}.bubu-hero__subtitle,.bubu-hero__title,.bubu-hero__desc,.bubu-hero__buttons,.bubu-hero__badge{opacity:0;animation:fadeInUp .6s forwards}.bubu-hero__subtitle{display:inline-block;margin-bottom:24px;color:var(--gold);font-family:var(--font-condensed);font-size:14px;font-weight:500;letter-spacing:.4em;text-transform:uppercase;animation-delay:.2s}.bubu-hero__title{margin:0 0 24px;color:var(--text-white);font-family:var(--font-heading);font-size:44px;line-height:.9;letter-spacing:.04em;animation-delay:.4s}.bubu-hero__title span{color:var(--gold)}@media(min-width:640px){.bubu-hero__title{font-size:44px}}@media(min-width:768px){.bubu-hero__title{font-size:54px}}@media(min-width:1024px){.bubu-hero__title{font-size:74px}}.bubu-hero__desc{max-width:480px;margin-bottom:40px;color:#aaa;font-size:18px;font-weight:300;line-height:1.6;animation-delay:.6s}@media(min-width:768px){.bubu-hero__desc{font-size:20px}}.bubu-hero__buttons{display:flex;flex-direction:column;gap:16px;animation-delay:.8s}@media(min-width:640px){.bubu-hero__buttons{flex-direction:row;flex-wrap:wrap}}.bubu-hero__btn-primary,.bubu-hero__btn-secondary,.bubu-contact__action-primary,.bubu-contact__action-outline,.bubu-modal__btn-primary,.bubu-modal__btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 26px;border-radius:999px;transition:transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.bubu-hero__btn-primary{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:var(--gold)!important;color:var(--darkest-bg)!important;font-family:var(--font-heading);font-size:18px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;border-radius:999px;opacity:1!important;visibility:visible!important;box-shadow:0 0 25px #c9a84c59}.bubu-hero__btn-primary:hover{background:var(--gold-light)!important;box-shadow:0 0 35px #c9a84c80}.bubu-hero__btn-secondary{border:1px solid rgba(201,168,76,.4);background:transparent;color:var(--gold);font-family:var(--font-heading);font-size:18px;letter-spacing:.12em;text-transform:uppercase}.bubu-hero__btn-secondary:hover{background:#c9a84c1a;border-color:var(--gold);transform:translateY(-1px)}.bubu-hero__badge{display:flex;align-items:center;gap:12px;margin-top:48px;color:var(--text-faint);font-family:var(--font-condensed);font-size:14px;letter-spacing:.06em;animation-delay:1.1s}.bubu-hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}.bubu-about,.bubu-booking,.bubu-barbers,.bubu-gallery,.bubu-contact{position:relative;padding:96px 0 128px}@media(min-width:768px){.bubu-about,.bubu-booking,.bubu-barbers,.bubu-gallery,.bubu-contact{padding:128px 0}}.bubu-about,.bubu-gallery{background:var(--dark-bg)}.bubu-barbers,.bubu-contact{background:var(--darker-bg)}.bubu-about__grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media(min-width:1024px){.bubu-about__grid{grid-template-columns:1fr 1fr;gap:80px}}.bubu-about__image-wrap{position:relative}.bubu-about__image-frame{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.bubu-about__image{width:100%;height:400px;object-fit:cover}@media(min-width:768px){.bubu-about__image{height:500px}}.bubu-about__corner-tl,.bubu-about__corner-br{position:absolute;width:64px;height:64px;pointer-events:none}.bubu-about__corner-tl{top:0;left:0;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}.bubu-about__corner-br{right:0;bottom:0;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold)}.bubu-about__exp-badge{position:absolute;right:-8px;bottom:-24px;padding:16px 24px;border-radius:var(--radius-md);background:var(--gold);color:var(--darkest-bg);box-shadow:var(--shadow-soft)}@media(min-width:768px){.bubu-about__exp-badge{right:24px}}.bubu-about__exp-number{display:block;font-family:var(--font-heading);font-size:36px;font-weight:700}.bubu-about__exp-label{font-family:var(--font-condensed);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.bubu-about__heading,.bubu-booking__heading,.bubu-barbers__heading,.bubu-gallery__heading,.bubu-contact__heading{margin:0;color:var(--text-white);font-family:var(--font-heading);font-size:36px;line-height:1;letter-spacing:.04em}.bubu-about__heading span,.bubu-booking__heading span,.bubu-barbers__heading span,.bubu-gallery__heading span,.bubu-contact__heading span{color:var(--gold)}@media(min-width:768px){.bubu-about__heading,.bubu-booking__heading,.bubu-barbers__heading,.bubu-gallery__heading,.bubu-contact__heading{font-size:48px}}@media(min-width:1024px){.bubu-about__heading,.bubu-booking__heading,.bubu-barbers__heading,.bubu-gallery__heading,.bubu-contact__heading{font-size:60px}}.bubu-about__heading{margin-bottom:24px}.bubu-about__text{margin:0 0 24px;color:var(--text-muted);font-size:18px;font-weight:300;line-height:1.7}.bubu-about__text--dim{margin-bottom:40px;color:var(--text-dimmer);font-size:16px}.bubu-about__features{display:flex;flex-direction:column;gap:24px}.bubu-about__feature{display:flex;align-items:flex-start;gap:16px}.bubu-about__feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--gold);border:1px solid rgba(201,168,76,.3);border-radius:12px}.bubu-about__feature-title{margin:0 0 6px;color:var(--text-white);font-family:var(--font-heading);font-size:18px;letter-spacing:.06em}.bubu-about__feature-desc{margin:0;color:var(--text-dim);font-size:14px;line-height:1.6}.bubu-booking{overflow:hidden}.bubu-booking__overlay{position:absolute;inset:0;background:#000c}.bubu-booking__inner{position:relative;z-index:2}.bubu-booking__header,.bubu-barbers__header,.bubu-contact__header{text-align:center;margin-bottom:64px}.bubu-booking__grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:896px;margin:0 auto}@media(min-width:768px){.bubu-booking__grid{grid-template-columns:repeat(2,1fr);gap:32px}}.bubu-booking__card{position:relative;padding:32px;background:var(--card-bg-soft);color:var(--text-white);text-align:left;border:1px solid rgba(201,168,76,.78);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px #c9a84c2e inset,var(--shadow-gold);transition:border-color .35s ease,box-shadow .35s ease,transform .25s ease,background .35s ease}@media(min-width:768px){.bubu-booking__card{padding:40px}}.bubu-booking__card:hover{background:#1a1a1afc;border-color:#c9a84cf2;box-shadow:0 0 0 1px #c9a84c3d inset,0 0 46px #c9a84c2e;transform:translateY(-2px)}.bubu-booking__card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.bubu-booking__card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--gold);color:var(--darkest-bg);border:1px solid var(--gold-light);border-radius:16px;box-shadow:0 0 20px #c9a84c38;transition:transform var(--transition)}.bubu-booking__card:hover .bubu-booking__card-icon{transform:scale(1.04)}.bubu-booking__card-title{margin:0;color:var(--gold);font-family:var(--font-heading);font-size:24px;letter-spacing:.08em}@media(min-width:768px){.bubu-booking__card-title{font-size:30px}}.bubu-booking__card-text{margin:0 0 32px;color:#ffffffd1;font-size:16px;font-weight:300;line-height:1.6}.bubu-booking__card-action{display:flex;align-items:center;gap:12px;color:var(--gold);font-family:var(--font-condensed);font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;transition:gap var(--transition),color var(--transition)}.bubu-booking__card:hover .bubu-booking__card-action{gap:16px;color:var(--gold-light)}.bubu-booking__card-corner{position:absolute;top:0;right:0;width:48px;height:48px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);border-top-right-radius:var(--radius-lg);opacity:.95;transition:border-color var(--transition),opacity var(--transition)}.bubu-booking__card:hover .bubu-booking__card-corner{border-color:var(--gold-light);opacity:1}.bubu-barbers__subtitle{max-width:560px;margin:16px auto 0;color:var(--text-dim);font-size:18px;font-weight:300}.bubu-barbers__grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.bubu-barbers__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bubu-barbers__grid{grid-template-columns:repeat(3,1fr);gap:32px}}.bubu-barber-card{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid rgba(201,168,76,.15);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000059,0 16px 48px #0003;transition:border-color .5s ease,box-shadow .5s ease,transform .4s cubic-bezier(.22,1,.36,1)}.bubu-barber-card:hover{border-color:#c9a84c66;transform:translateY(-6px);box-shadow:0 8px 28px #0006,0 24px 64px #00000040,0 0 40px #c9a84c14}.bubu-barber-card__image-wrap{position:relative;height:380px;overflow:hidden}@media(min-width:640px)and (max-width:1023px){.bubu-barber-card__image-wrap{height:340px}}@media(max-width:639px){.bubu-barber-card__image-wrap{height:360px}}.bubu-barber-card__image{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:brightness(1.08) contrast(1.05) saturate(1.04);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease}.bubu-barber-card:hover .bubu-barber-card__image{transform:scale(1.04);filter:brightness(1.12) contrast(1.08) saturate(1.06)}.bubu-barber-card__image-wrap:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 50% 30%,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none;z-index:2}.bubu-barber-card__image-gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--card-bg) 0%,rgba(0,0,0,.45) 15%,rgba(0,0,0,.05) 30%,transparent 45%);z-index:3}.bubu-barber-card__vertical-name{position:absolute;left:14px;bottom:16px;top:60px;display:flex;align-items:flex-end;writing-mode:vertical-lr;transform:rotate(180deg);font-family:var(--font-heading);font-size:23px;color:#ffffffbf;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.5),0 4px 20px rgba(0,0,0,.3);z-index:5;pointer-events:none;transition:color .4s ease,opacity .4s ease;line-height:1;white-space:nowrap;overflow:hidden}.bubu-barber-card:hover .bubu-barber-card__vertical-name{color:#ffffffe6}@media(min-width:640px)and (max-width:1023px){.bubu-barber-card__vertical-name{font-size:22px;left:12px}}@media(max-width:639px){.bubu-barber-card__vertical-name{font-size:22px;left:12px;bottom:14px;top:50px}}.bubu-barber-card__role{position:absolute;top:16px;left:16px;display:inline-block;padding:5px 14px;background:#c9a84ce6;color:var(--darkest-bg);font-family:var(--font-condensed);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;box-shadow:0 2px 10px #c9a84c40;z-index:6}.bubu-barber-card__body{padding:24px 28px 28px}.bubu-barber-card__exp{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--gold);font-family:var(--font-condensed);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.bubu-barber-card__desc{margin:0 0 14px;color:var(--text-dim);font-size:14px;font-weight:300;line-height:1.7;letter-spacing:.01em}.bubu-barber-card__quote{margin:0 0 24px;padding-left:14px;border-left:2px solid rgba(201,168,76,.35);color:#c9a84ca6;font-size:13.5px;font-weight:300;font-style:italic;line-height:1.6}.bubu-barber-card__book{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border:1px solid rgba(201,168,76,.35)!important;border-radius:6px;background:transparent;color:var(--gold);font-family:var(--font-condensed);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .3s ease,border-color .3s ease,color .3s ease,gap .3s ease,box-shadow .3s ease}.bubu-barber-card__book:hover{background:#c9a84c1a;border-color:#c9a84c99;color:var(--gold-light);gap:14px;box-shadow:0 0 16px #c9a84c1a}.bubu-barber-card__bottom-line{position:absolute;inset:auto 0 0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.bubu-barber-card:hover .bubu-barber-card__bottom-line{transform:scaleX(1)}GALLERY ============================================ */ .bubu-gallery__header{display:flex;flex-direction:column;margin-bottom:48px}@media(min-width:768px){.bubu-gallery__header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.bubu-gallery__nav{display:flex;gap:12px;margin-top:24px}@media(min-width:768px){.bubu-gallery__nav{margin-top:0}}.bubu-gallery__nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-muted);background:transparent;border:1px solid var(--border-darker);border-radius:999px;transition:border-color var(--transition),color var(--transition),transform var(--transition)}.bubu-gallery__nav-btn:hover{color:var(--gold);border-color:var(--gold);transform:translateY(-1px)}.bubu-gallery__carousel{overflow:hidden}.bubu-gallery__carousel::-webkit-scrollbar{display:none}.bubu-gallery__track{display:flex;gap:16px}@media(min-width:768px){.bubu-gallery__track{gap:24px}}.bubu-gallery__slide{flex:0 0 70%}@media(min-width:640px){.bubu-gallery__slide{flex:0 0 45%}}@media(min-width:768px){.bubu-gallery__slide{flex:0 0 30%}}@media(min-width:1024px){.bubu-gallery__slide{flex:0 0 25%}}.bubu-gallery__item{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:var(--radius-lg)}.bubu-gallery__img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.bubu-gallery__item:hover .bubu-gallery__img{transform:scale(1.08)}.bubu-gallery__item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent,transparent);opacity:0;transition:opacity var(--transition-slow)}.bubu-gallery__item:hover .bubu-gallery__item-overlay{opacity:1}.bubu-gallery__item-label{position:absolute;inset:auto 0 0;padding:16px;color:var(--text-white);font-family:var(--font-condensed);font-size:14px;letter-spacing:.06em;transform:translateY(100%);transition:transform var(--transition-slow)}.bubu-gallery__item:hover .bubu-gallery__item-label{transform:translateY(0)}.bubu-gallery__item-border{position:absolute;inset:0;border:1px solid transparent;border-radius:var(--radius-lg);transition:border-color var(--transition-slow)}.bubu-gallery__item:hover .bubu-gallery__item-border{border-color:#c9a84c66}.bubu-contact__grid{display:grid;grid-template-columns:1fr;gap:48px}@media(min-width:1024px){.bubu-contact__grid{grid-template-columns:1fr 1fr;gap:64px}}.bubu-contact__info-list{display:flex;flex-direction:column;gap:32px}.bubu-contact__info-item{display:flex;gap:16px}.bubu-contact__info-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--gold);border:1px solid rgba(201,168,76,.3);border-radius:14px}.bubu-contact__info-title{margin:0 0 6px;color:var(--text-white);font-family:var(--font-heading);font-size:18px;letter-spacing:.06em}.bubu-contact__info-text{margin:0;color:var(--text-muted);font-size:15px;font-weight:300;line-height:1.6}.bubu-contact__info-text+.bubu-contact__info-text{margin-top:4px}.bubu-contact__info-text a{transition:color var(--transition)}.bubu-contact__info-text a:hover{color:var(--gold)}.bubu-contact__info-text--dim{color:var(--text-faint);font-size:14px}.bubu-contact__socials{display:flex;gap:16px;margin-top:40px}.bubu-contact__social-link,.bubu-footer__social-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);border:1px solid var(--border-darker);border-radius:999px;transition:border-color var(--transition),color var(--transition),transform var(--transition)}.bubu-contact__social-link{width:48px;height:48px}.bubu-contact__social-link:hover,.bubu-footer__social-link:hover{color:var(--gold);border-color:var(--gold);transform:translateY(-1px)}.bubu-contact__actions{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media(min-width:640px){.bubu-contact__actions{grid-template-columns:repeat(3,1fr)}}.bubu-contact__action-primary{background:var(--gold);color:var(--darkest-bg);font-family:var(--font-heading);font-size:17px;letter-spacing:.1em;text-transform:uppercase}.bubu-contact__action-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.bubu-contact__action-outline{background:transparent;color:var(--gold);border:1px solid rgba(201,168,76,.4);font-family:var(--font-heading);font-size:17px;letter-spacing:.1em;text-transform:uppercase}.bubu-contact__action-outline:hover{background:#c9a84c1a;border-color:var(--gold);transform:translateY(-1px)}.bubu-contact__map-wrap{position:relative;height:350px;overflow:hidden;border:1px solid var(--border-dark);border-radius:var(--radius-lg)}.bubu-contact__map-wrap iframe{width:100%;height:100%;border:0;filter:invert(90%) hue-rotate(180deg) brightness(.8) contrast(1.2)}.bubu-contact__map-corner-tl,.bubu-contact__map-corner-br{position:absolute;width:32px;height:32px;pointer-events:none}.bubu-contact__map-corner-tl{top:0;left:0;border-top:1px solid rgba(201,168,76,.5);border-left:1px solid rgba(201,168,76,.5)}.bubu-contact__map-corner-br{right:0;bottom:0;border-right:1px solid rgba(201,168,76,.5);border-bottom:1px solid rgba(201,168,76,.5)}.bubu-footer{position:relative;background:var(--darkest-bg);border-top:1px solid var(--card-bg)}.bubu-footer__gold-line{height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.4),transparent)}.bubu-footer__inner{padding:48px 0 64px}@media(min-width:768px){.bubu-footer__inner{padding:64px 0}}.bubu-footer__grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.bubu-footer__grid{grid-template-columns:repeat(3,1fr);gap:32px}}.bubu-footer__brand-name{margin:0 0 8px;color:var(--gold);font-family:var(--font-heading);font-size:30px;letter-spacing:.08em}.bubu-footer__brand-sub{margin:0 0 16px;color:var(--text-faint);font-family:var(--font-condensed);font-size:12px;letter-spacing:.3em;text-transform:uppercase}.bubu-footer__brand-desc{max-width:320px;margin:0;color:var(--text-dim);font-size:14px;font-weight:300;line-height:1.6}.bubu-footer__col-title{margin:0 0 16px;color:var(--text-white);font-family:var(--font-heading);font-size:18px;letter-spacing:.06em}.bubu-footer__contact-list{display:flex;flex-direction:column;gap:8px}.bubu-footer__contact-item,.bubu-footer__contact-schedule{margin:0;color:var(--text-dim);font-size:14px;font-weight:300}.bubu-footer__contact-schedule{color:var(--text-faint)}.bubu-footer__contact-link{display:block;color:var(--gold);font-size:14px;transition:color var(--transition)}.bubu-footer__contact-link:hover{color:var(--gold-light)}.bubu-footer__socials{display:flex;gap:12px}.bubu-footer__social-link{width:40px;height:40px}.bubu-footer__bottom{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--card-bg)}@media(min-width:768px){.bubu-footer__bottom{flex-direction:row;justify-content:space-between}}.bubu-footer__copyright,.bubu-footer__credit{margin:0;font-family:var(--font-condensed);font-size:12px;letter-spacing:.06em}.bubu-footer__copyright{color:var(--text-faintest)}.bubu-footer__credit{color:var(--text-ghost)}.bubu-modal__dialog{position:relative;width:min(760px,100%);max-height:90vh;overflow-y:auto;padding:28px;background:#111;border:1px solid rgba(212,175,55,.24);border-radius:var(--radius-xl);box-shadow:0 30px 80px #00000073}.bubu-modal__close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:#fff;background:#ffffff14;border-radius:999px;transition:background var(--transition),transform var(--transition)}.bubu-modal__close:hover{background:#ffffff1f;transform:rotate(90deg)}.bubu-modal__title{margin:8px 0 10px;color:#fff;font-family:var(--font-heading);font-size:clamp(28px,4vw,40px);line-height:1;letter-spacing:.06em}.bubu-modal__error{margin-bottom:16px;padding:12px 14px;color:#ffd2d2;line-height:1.5;background:#ff50501f;border:1px solid rgba(255,80,80,.22);border-radius:14px}.bubu-modal__field span{color:#ffffffb8;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.bubu-modal__field input,.bubu-modal__field select,.bubu-modal__field textarea{width:100%;padding:14px 16px;color:#fff;background:#ffffff0a;border:1px solid rgba(212,175,55,.18);border-radius:16px;outline:none;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.bubu-modal__field input:focus,.bubu-modal__field select:focus,.bubu-modal__field textarea:focus{background:#ffffff0f;border-color:#d4af3785;box-shadow:0 0 0 3px #d4af3714}.bubu-modal__field select option{color:#111}.bubu-modal__field textarea{min-height:120px;resize:vertical}.bubu-modal__actions{display:flex;justify-content:flex-end;gap:12px}.bubu-modal__btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:14px 24px;border-radius:999px;background:var(--gold)!important;color:var(--darkest-bg)!important;font-weight:700;letter-spacing:.08em;box-shadow:0 0 25px #c9a84c59;transition:all .25s ease}.bubu-modal__btn-primary:hover{background:var(--gold-light)!important;box-shadow:0 0 35px #c9a84c80}.bubu-modal__btn-primary:disabled{background:#c9a84c4d!important;color:#00000080!important;box-shadow:none;cursor:not-allowed}.bubu-modal__btn-secondary{color:#fff;font-weight:700;background:#ffffff14}.bubu-modal__btn-secondary:hover{background:#ffffff1f;transform:translateY(-1px)}.bubu-modal__btn-primary:disabled,.bubu-modal__btn-secondary:disabled,.bubu-modal__field input:disabled,.bubu-modal__field select:disabled,.bubu-modal__field textarea:disabled{opacity:.65;cursor:not-allowed}.bubu-modal__success{padding:32px 12px 16px;text-align:center}.bubu-modal__success-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 18px;color:#d4af37;background:#d4af3724;border-radius:999px}.bubu-booking__card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--gold);color:var(--darkest-bg);border:1px solid var(--gold);border-radius:16px;box-shadow:0 0 20px #c9a84c38;transition:transform var(--transition)}.bubu-booking__card:hover .bubu-booking__card-icon{background:var(--gold);color:var(--darkest-bg);border-color:var(--gold);transform:scale(1.04)}.bubu-booking__card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--gold);color:var(--darkest-bg);border:1px solid var(--gold);border-radius:16px;box-shadow:0 0 20px #c9a84c38}.bubu-booking__card:hover .bubu-booking__card-icon{background:var(--gold);color:var(--darkest-bg);border-color:var(--gold);transform:none}.bubu-modal__checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 0}.bubu-modal__checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.bubu-modal__checkbox-mark{position:relative;flex-shrink:0;width:22px;height:22px;border:2px solid rgba(212,175,55,.4);border-radius:6px;background:#ffffff0a;transition:all .2s ease}.bubu-modal__checkbox-mark:after{content:"";position:absolute;top:3px;left:6px;width:6px;height:10px;border:solid transparent;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition:border-color .15s ease}.bubu-modal__checkbox input:checked+.bubu-modal__checkbox-mark{background:#d4af372e;border-color:var(--gold)}.bubu-modal__checkbox input:checked+.bubu-modal__checkbox-mark:after{border-color:var(--gold)}.bubu-modal__checkbox input:focus-visible+.bubu-modal__checkbox-mark{box-shadow:0 0 0 3px #d4af3726}.bubu-modal__checkbox-label{color:#ffffffd1;font-size:14px;line-height:1.4;letter-spacing:.02em}.bubu-modal__checkbox-label small{display:inline;color:#ffffff73;font-size:12px}.bubu-modal__checkbox--urgent{padding:12px 14px;background:#ffa0000f;border:1px solid rgba(255,160,0,.15);border-radius:14px;margin-top:4px}.bubu-modal__checkbox-mark--urgent{border-color:#ffa00066}.bubu-modal__checkbox input:checked+.bubu-modal__checkbox-mark--urgent{background:#ffa00033;border-color:#ffa000}.bubu-modal__checkbox input:checked+.bubu-modal__checkbox-mark--urgent:after{border-color:#ffa000}.bubu-modal__post-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.bubu-modal__btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:260px;padding:14px 28px;color:#fff;font-weight:700;font-size:15px;letter-spacing:.04em;background:#25d366;border:none;border-radius:999px;box-shadow:0 0 25px #25d3664d;cursor:pointer;text-decoration:none;transition:all .25s ease}.bubu-modal__btn-whatsapp:hover{background:#20bd5a;box-shadow:0 0 35px #25d36673;transform:translateY(-1px)}.bubu-modal__success-icon--whatsapp{color:#25d366;background:#25d3661f}.bubu-modal__success-icon--hold{color:#ffa000;background:#ffa0001f}.bubu-modal__success-icon--urgent{color:#ff6b35;background:#ff6b351f}.bubu-modal__hold-note{margin:0 0 18px;padding:10px 14px;color:#ffffff8c;font-size:13px;line-height:1.5;background:#ffa0000f;border:1px solid rgba(255,160,0,.12);border-radius:12px}@media(max-width:768px){.bubu-modal__post-actions{width:100%}.bubu-modal__btn-whatsapp{width:100%;min-width:auto}}.bubu-page{overflow-x:hidden}body.bubu-modal-open{overflow:hidden!important;position:fixed;width:100%;height:100%}@media(max-width:768px){.bubu-modal__field textarea{min-height:48px;max-height:64px;resize:none}}@media(max-width:374px){.bubu-hero__btn-primary{font-size:14px!important;padding:14px 20px!important;letter-spacing:.08em!important}}@media(max-width:639px){.bubu-hero__btn-primary{font-size:15px!important;padding:14px 24px!important;letter-spacing:.1em!important;width:100%}}.bubu-about__image-wrap{max-width:100%}.bubu-gallery{padding-bottom:80px!important}@media(min-width:768px){.bubu-gallery{padding-bottom:96px!important}}@media(max-width:374px){.bubu-barber-card__vertical-name{font-size:18px!important;left:10px!important}}@media(max-width:374px){.bubu-modal{padding:8px}.bubu-modal__dialog{padding:18px 12px;border-radius:18px}.bubu-modal__title{font-size:24px!important}}@media(max-width:768px){.bubu-modal__dialog{max-height:95vh}.bubu-modal__actions{padding-top:12px;padding-bottom:env(safe-area-inset-bottom,8px)}}@media(max-width:639px){.bubu-booking__card{padding:24px 20px}.bubu-booking__card-title{font-size:20px}}.bubu-contact{padding-top:64px!important}@media(min-width:768px){.bubu-contact{padding-top:80px!important}}.bubu-nav__logo-icon{width:44px;height:44px;object-fit:cover;border-radius:10px;flex-shrink:0}.platformInbox{padding:var(--ds-space-4);max-width:1200px;margin:0 auto}.piHeader{margin-bottom:var(--ds-space-6)}.piTitle{font-size:var(--ds-text-2xl);font-weight:700;color:var(--ds-text);margin:0 0 var(--ds-space-1)}.piSubtitle{font-size:var(--ds-text-sm);color:var(--ds-muted);margin:0}.piStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.piStatCard{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-5);text-align:center;transition:var(--ds-transition)}.piStatCard:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-1px)}.piStatValue{font-size:var(--ds-text-3xl);font-weight:800;line-height:1;margin-bottom:var(--ds-space-1)}.piStatLabel{font-size:var(--ds-text-xs);color:var(--ds-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.piStatCard--red .piStatValue{color:var(--ds-red)}.piStatCard--red{border-left:3px solid var(--ds-red)}.piStatCard--amber .piStatValue{color:var(--ds-amber)}.piStatCard--amber{border-left:3px solid var(--ds-amber)}.piStatCard--green .piStatValue{color:var(--ds-green)}.piStatCard--green{border-left:3px solid var(--ds-green)}.piStatCard--blue .piStatValue{color:#2563eb}.piStatCard--blue{border-left:3px solid #2563eb}.piFilterBar{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-5);flex-wrap:wrap}.piFilterChip{border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text-secondary);border-radius:var(--ds-radius-full);padding:7px 16px;font-size:var(--ds-text-sm);font-weight:600;cursor:pointer;transition:var(--ds-transition)}.piFilterChip:hover{background:var(--ds-surface)}.piFilterChip.is-active{background:var(--ds-green);color:#fff;border-color:var(--ds-green)}.piTableWrap{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden}.piTable{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}.piTable thead{background:var(--ds-surface)}.piTable th{text-align:left;padding:var(--ds-space-3) var(--ds-space-4);font-weight:600;color:var(--ds-muted);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--ds-border);white-space:nowrap}.piTable td{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);vertical-align:middle}.piTable tbody tr{transition:var(--ds-transition)}.piTable tbody tr:hover{background:var(--ds-surface)}.piTable tbody tr:last-child td{border-bottom:none}.piPhoneCell{display:flex;align-items:center;gap:var(--ds-space-2);font-weight:600;font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);white-space:nowrap}.piPhoneIcon{color:#25d366;display:flex;flex-shrink:0}.piMessageCell{max-width:220px}.piMessagePreview{color:var(--ds-text-secondary);font-size:var(--ds-text-xs);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.piDateCell{white-space:nowrap;font-size:var(--ds-text-xs);color:var(--ds-muted)}.piStatusBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--ds-radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.piStatusBadge--red{background:var(--ds-red-light);color:var(--ds-red)}.piStatusBadge--amber{background:var(--ds-amber-light);color:var(--ds-amber)}.piReasonTag{display:inline-block;padding:2px 8px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);font-size:11px;color:var(--ds-muted);font-family:var(--ds-font-mono)}.piTenantTag{display:inline-block;padding:2px 8px;background:var(--ds-green-light);border:1px solid var(--ds-green-border);border-radius:var(--ds-radius-full);font-size:11px;color:var(--ds-green);font-weight:600;margin:1px 2px}.piAssignBtn{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:6px 14px;background:var(--ds-green);color:#fff;border:none;border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:700;cursor:pointer;transition:var(--ds-transition);white-space:nowrap}.piAssignBtn:hover{background:var(--ds-green-dark);box-shadow:var(--ds-shadow-green)}.piEmpty,.piError{padding:var(--ds-space-10);text-align:center;color:var(--ds-muted);font-size:var(--ds-text-md)}.piError{color:var(--ds-red)}.piPagination{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-4);padding:var(--ds-space-5) 0}.piPageBtn{padding:6px 14px;border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:600;cursor:pointer;transition:var(--ds-transition)}.piPageBtn:hover:not(:disabled){background:var(--ds-surface)}.piPageBtn:disabled{opacity:.4;cursor:not-allowed}.piPageInfo{font-size:var(--ds-text-sm);color:var(--ds-muted)}.piModalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:piOverlayIn .2s ease}@keyframes piOverlayIn{0%{opacity:0}to{opacity:1}}.piModal{background:var(--ds-bg);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-xl);width:480px;max-width:92vw;max-height:85vh;overflow-y:auto;animation:piModalIn .25s ease}@keyframes piModalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.piModalHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border)}.piModalHeader h3{font-size:var(--ds-text-lg);font-weight:700;margin:0}.piModalClose{background:none;border:none;font-size:22px;color:var(--ds-muted);cursor:pointer;padding:4px 8px;border-radius:var(--ds-radius-sm);transition:var(--ds-transition)}.piModalClose:hover{background:var(--ds-surface);color:var(--ds-text)}.piModalBody{padding:var(--ds-space-5) var(--ds-space-6)}.piModalPreview{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-4);margin-bottom:var(--ds-space-5)}.piModalPreviewRow{display:flex;gap:var(--ds-space-3);margin-bottom:var(--ds-space-2);font-size:var(--ds-text-sm)}.piModalPreviewRow:last-child{margin-bottom:0}.piModalLabel{font-weight:700;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);flex-shrink:0}.piModalMessageText{color:var(--ds-muted);font-style:italic}.piModalCandidates{margin-bottom:var(--ds-space-5)}.piModalCandidateButtons{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-2)}.piCandidateBtn{padding:8px 16px;border:2px solid var(--ds-border);background:var(--ds-bg);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:600;cursor:pointer;transition:var(--ds-transition)}.piCandidateBtn:hover{border-color:var(--ds-green);background:var(--ds-green-light)}.piCandidateBtn.is-selected{border-color:var(--ds-green);background:var(--ds-green);color:#fff}.piModalField{margin-bottom:var(--ds-space-4)}.piModalSelect{width:100%;padding:10px 14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-family:var(--ds-font);background:var(--ds-bg);color:var(--ds-text);margin-top:var(--ds-space-2);transition:var(--ds-transition)}.piModalSelect:focus{outline:none;border-color:var(--ds-border-focus);box-shadow:0 0 0 3px var(--ds-green-light)}.piModalError{padding:var(--ds-space-3);background:var(--ds-red-light);color:var(--ds-red);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:600;margin-top:var(--ds-space-3)}.piModalFooter{display:flex;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border)}.piModalCancelBtn{padding:8px 18px;border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:600;cursor:pointer;transition:var(--ds-transition)}.piModalCancelBtn:hover{background:var(--ds-surface)}.piModalAssignBtn{padding:8px 22px;background:var(--ds-green);color:#fff;border:none;border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:700;cursor:pointer;transition:var(--ds-transition)}.piModalAssignBtn:hover:not(:disabled){background:var(--ds-green-dark);box-shadow:var(--ds-shadow-green)}.piModalAssignBtn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.piStats{grid-template-columns:repeat(2,1fr)}.piTable{font-size:12px}.piTable th,.piTable td{padding:var(--ds-space-2) var(--ds-space-3)}.piMessageCell{max-width:140px}}:root{--ds-green: #202121;--ds-green-dark: #202121;--ds-green-light: rgba(32, 33, 33, .08);--ds-green-border: rgba(32, 33, 33, .15);--ds-red: #D62828;--ds-red-light: rgba(214, 40, 40, .08);--ds-amber: #7c6d00;--ds-amber-light: rgba(239, 240, 163, .25);--ds-alice-blue: #D8DFE9;--ds-honeydew: #CFDECA;--ds-vanilla: #EFF0A3;--ds-eerie-black: #202121;--ds-ghost-white: #F6F5FA;--ds-bg: #ffffff;--ds-surface: #F6F5FA;--ds-surface-hover: #ecedf2;--ds-text: #202121;--ds-text-secondary: #3a3f47;--ds-muted: #6b7280;--ds-border: #D8DFE9;--ds-border-focus: rgba(207, 222, 202, .7);--ds-font: "Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif;--ds-font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--ds-text-xs: .75rem;--ds-text-sm: .8125rem;--ds-text-md: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-space-xs: 4px;--ds-space-sm: 8px;--ds-space-md: 16px;--ds-space-lg: 24px;--ds-space-xl: 32px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-full: 9999px;--ds-shadow-md: 0 4px 12px rgba(32, 33, 33, .06);--ds-shadow-xl: 0 10px 30px rgba(32, 33, 33, .08);--ds-shadow-green: 0 10px 22px rgba(207, 222, 202, .4)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--ds-font);color:var(--ds-text);background:var(--ds-bg);-webkit-font-smoothing:antialiased}:root{--bg: var(--ds-bg);--surface: var(--ds-surface);--text: var(--ds-text);--muted: var(--ds-muted);--border: var(--ds-border);--green: var(--ds-green);--greenDark: var(--ds-green-dark);--red: var(--ds-red);--radius: var(--ds-radius-lg);--shadow: var(--ds-shadow-xl);--max: 1120px;--azulejoOpacity: .08;--font: var(--ds-font)}.ds-card{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);padding:var(--ds-space-lg)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--ds-radius-md);font-family:var(--ds-font);font-size:var(--ds-text-sm);font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.ds-btn--primary{background:var(--ds-eerie-black);color:#fff}.ds-btn--primary:hover{background:#333}.ds-btn--secondary{background:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-border)}.ds-btn--secondary:hover{background:var(--ds-surface-hover)}.ds-btn--success{background:var(--ds-honeydew);color:var(--ds-eerie-black)}.ds-btn--success:hover{background:#b8d0b3}.ds-btn--danger{background:var(--ds-red-light);color:var(--ds-red)}.ds-btn--danger:hover{background:#d6282824}.ds-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.02em}.ds-badge--green{background:var(--ds-honeydew);color:var(--ds-green)}.ds-badge--red{background:var(--ds-red-light);color:var(--ds-red)}.ds-badge--amber{background:var(--ds-vanilla);color:var(--ds-amber)}.ds-badge--neutral{background:var(--ds-alice-blue);color:var(--ds-muted)}.ds-input,.ds-select,.ds-textarea{width:100%;padding:10px 14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-family:var(--ds-font);font-size:var(--ds-text-md);color:var(--ds-text);background:var(--ds-bg);transition:border-color .2s ease}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{outline:none;border-color:var(--ds-honeydew);box-shadow:0 0 0 3px #cfdeca4d}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--ds-muted)}.ds-overlay{position:fixed;inset:0;background:#20212166;z-index:999}.ds-modal{background:var(--ds-bg);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-xl);max-width:480px;width:90%;margin:auto;padding:var(--ds-space-lg)}@media(max-width:768px){:root{--ds-space-lg: 16px;--ds-space-xl: 24px;--ds-text-2xl: 1.25rem}}@media(max-width:480px){:root{--ds-space-lg: 12px;--ds-space-xl: 16px;--ds-text-2xl: 1.125rem}}:root{--bg:#ffffff;--surface:#F6F5FA;--text:#202121;--muted:#6b7280;--border:#D8DFE9;--green:#202121;--greenDark:#202121;--red:#D62828;--radius:18px;--shadow:0 12px 30px rgba(17,17,20,.06);--max:1120px;--azulejoOpacity:.08;--font:"Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font)}body.js-ready{min-height:100vh}a{color:inherit;text-decoration:none}p{line-height:1.6;margin:0 0 14px}h1,h2,h3{line-height:1.2;margin:0 0 12px}small{color:var(--muted)}.container{max-width:var(--max);margin:0 auto;padding:0 22px}.section{padding:64px 0}.section--tight{padding:44px 0}.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.page__sub{margin-top:4px;color:#6b7280;font-size:14px}.input{height:40px;border:1px solid var(--border);border-radius:12px;padding:0 12px;background:#fff;font:inherit}textarea.input{min-height:120px;resize:vertical;padding:12px 14px}.btn{height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:#fff;font:inherit;cursor:pointer}.btn--ghost{background:#fff}.note{font-size:12px;color:var(--muted)}.form{display:grid;gap:12px;max-width:620px}.topbar{position:sticky;top:0;z-index:20;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;overflow:hidden}.brand:hover{opacity:.9}.brand .tudo{font-size:26px}.brand .on{font-size:18px;font-weight:900;color:var(--red);margin-left:2px}.brand img{height:79px;object-fit:contain;display:block}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{font-size:14px;color:var(--muted);padding:10px;border-radius:10px}.navlinks a:hover{background:var(--surface);color:var(--text)}.cta{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;padding:12px 16px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 18px #1e7a3e2e}.cta:hover{background:var(--greenDark)}.cta--ghost{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:none}.cta--ghost:hover{background:var(--surface)}.hero{padding:64px 0 44px;background:radial-gradient(1200px 600px at 15% -10%,rgba(30,122,62,.1),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(30,122,62,.08),transparent 55%),linear-gradient(180deg,#f7fafb,#f5f8fa 60%,#f8fafb)}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.kicker{color:var(--muted);font-weight:700;font-size:14px}.hero h1{font-size:44px;letter-spacing:-.03em}.hero p{font-size:16px;color:var(--muted);max-width:52ch}.heroActions{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px;margin-top:14px}.impactLine{margin-top:14px;font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--green);display:inline-flex;align-items:center;gap:10px}.impactLine:before{content:"";width:18px;height:10px;border-radius:999px;background:#1e7a3e2e;box-shadow:0 8px 22px #1e7a3e1f}.azulejoLine{height:42px;background-image:url(/assets/tile.svg);background-repeat:repeat-x;background-size:240px 28px;opacity:.1;filter:saturate(.6)}.mock{position:relative;background:#fff9;border:1px solid rgba(17,17,20,.08);border-radius:28px;padding:22px;box-shadow:0 18px 45px #11111414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mock img{width:100%;display:block;border-radius:26px}.mock .hint{margin-top:14px;font-size:14px;color:var(--muted);background:#ffffffbf;border:1px solid rgba(17,17,20,.08);padding:12px 14px;border-radius:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#ffffffd9;border:1px solid rgba(17,17,20,.08);border-radius:22px;padding:18px;box-shadow:0 14px 35px #1111140f;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 18px 48px #1111141a}.cardTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.iconBox{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fffc;border:1px solid rgba(17,17,20,.08);box-shadow:0 10px 22px #1111140f}.iconBox img{width:22px;height:22px;opacity:.9}.card h3{font-size:16px;margin-bottom:8px}.card p{color:var(--muted);font-size:13px}.card a.more{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-weight:700;font-size:13px;color:var(--green)}.card a.more:hover{text-decoration:underline}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fffc;border:1px solid rgba(17,17,20,.08);border-radius:22px;padding:18px;box-shadow:0 14px 35px #1111140f}.checklist{margin:0;padding:0;list-style:none;display:grid;gap:10px}.checklist li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.tick{width:20px;height:20px;border-radius:7px;background:#1e7a3e1f;border:1px solid rgba(30,122,62,.22);display:inline-flex;align-items:center;justify-content:center;color:var(--green);font-weight:900;font-size:12px;flex:0 0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 16px}.stepNum{color:var(--green);font-weight:900;font-size:14px}.step h3{margin-top:8px;font-size:16px}.step p{color:var(--muted);font-size:13px;margin-top:6px}.footer{padding:42px 0 24px;border-top:1px solid var(--border);background:linear-gradient(180deg,#fff,#fbfbfc)}.footerGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.footer small{display:block}.footerLinks{display:flex;gap:14px;flex-wrap:wrap}.footerLinks a{color:var(--muted);font-size:13px}.footerLinks a:hover{color:var(--text);text-decoration:underline}.pageTitle{padding:34px 0 10px}.pageTitle h1{font-size:32px}.admin-login{min-height:calc(100vh + -0px);display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 20% -10%,rgba(30,122,62,.14),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(30,122,62,.1),transparent 55%),var(--bg, #fff)}.admin-card{width:min(420px,100%);background:#ffffffb8;border:1px solid var(--border, #D8DFE9);border-radius:22px;box-shadow:var(--shadow, 0 12px 30px rgba(17,17,20,.06));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:22px}.admin-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.admin-logo{width:44px;height:44px;border-radius:14px;background:var(--green, #202121);box-shadow:0 10px 22px #1e7a3e2e}.admin-title{font-size:20px;font-weight:800;color:var(--text, #202121)}.admin-sub{font-size:13px;color:var(--muted, #5b5b66);margin-top:2px}.admin-label{display:block;font-size:13px;margin:14px 0 6px;color:var(--muted, #5b5b66)}.admin-input{width:100%;padding:12px;border-radius:14px;border:1px solid var(--border, #D8DFE9);background:#fff;outline:none;font-size:14px}.admin-input:focus{border-color:#1e7a3e8c;box-shadow:0 0 0 3px #1e7a3e1f}.admin-btn{width:100%;margin-top:14px;padding:12px 14px;border:0;border-radius:14px;background:var(--green, #202121);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 24px #1e7a3e38}.admin-btn:disabled{opacity:.65;cursor:not-allowed}.admin-err{margin-top:12px;font-size:13px;color:#b00020}.admin-note{margin-top:12px;font-size:12px;color:var(--muted, #5b5b66)}.adminToolbar{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.adminToolbar input,.adminToolbar select{height:40px;border:1px solid var(--border);border-radius:12px;padding:0 12px;background:#fff;min-width:240px}.adminTabs{display:flex;gap:8px;margin-top:16px}.adminTabs a{padding:8px 14px;border-radius:10px;text-decoration:none;background:#f2f2f4;color:#333;font-size:14px}.adminTabs a.active{background:#111;color:#fff}.toast{position:sticky;top:10px;z-index:30;margin:10px 0;padding:10px 12px;border-radius:14px;background:#111114eb;color:#fff;width:fit-content;box-shadow:var(--shadow)}.inviteCard,.createCard{padding:14px;margin-bottom:12px}.inviteRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.createCard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.createForm .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.formActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.rowActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.table tr:hover td{background:#11111405}.badge--info{background:#1e7a3e14;border-color:#1e7a3e2e;color:var(--greenDark)}.legal-page{max-width:980px;margin:0 auto;padding:36px 18px 64px;color:var(--text, #202121)}.legal-page h1{font-size:clamp(32px,4vw,44px);line-height:1.1;margin:4px 0 10px;letter-spacing:-.02em}.legal-page p{font-size:16px;line-height:1.75;color:var(--text, #202121);margin:10px 0}.legal-page strong{font-weight:700}.legal-page hr{border:0;height:1px;background:var(--border, #D8DFE9);margin:22px 0}.legal-page h2{margin:22px 0 10px;font-size:20px;line-height:1.25;letter-spacing:-.01em}.legal-page ul{margin:10px 0 16px;padding-left:18px}.legal-page li{margin:6px 0;line-height:1.65;color:var(--text, #202121)}.legal-page p+p{margin-top:6px}.legal-page .legal-card{background:var(--surface, #F6F5FA);border:1px solid var(--border, #D8DFE9);border-radius:var(--radius, 18px);padding:18px;box-shadow:var(--shadow, 0 12px 30px rgba(17,17,20,.06))}.legal-page a{color:var(--green, #202121);text-decoration:none;font-weight:600}.legal-page a:hover{text-decoration:underline}.legal-page .legal-meta{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#1e7a3e14;border:1px solid rgba(30,122,62,.18);color:var(--greenDark, #202121);font-weight:700;font-size:13px;margin:10px 0 18px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.heroGrid{grid-template-columns:1fr;gap:22px}.hero h1{font-size:38px}.steps,.grid2,.footerGrid{grid-template-columns:1fr}}@media(max-width:860px){.createForm .formGrid{grid-template-columns:1fr}.adminToolbar input{min-width:200px}}@media(max-width:620px){.cards{grid-template-columns:1fr}}@media(max-width:520px){.navlinks{display:none}.brand img{height:42px}.legal-page{padding:26px 14px 52px}.legal-page h2{font-size:18px}}.adminShell{min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(30,122,62,.06),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(30,122,62,.05),transparent 55%),linear-gradient(180deg,#f7f8fa,#f3f5f7)}.adminShell__inner{max-width:1240px;margin:0 auto;padding:28px 22px 40px}.adminPage{display:grid;gap:16px}.adminHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px}.adminEyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#1e7a3e14;border:1px solid rgba(30,122,62,.14);color:var(--greenDark);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.adminTitle{margin:0;font-size:42px;line-height:1.05;letter-spacing:-.03em}.adminSub{margin:8px 0 0;color:#6b7280;font-size:15px;line-height:1.6}.adminHeadActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel{background:#ffffffd1;border:1px solid rgba(17,17,20,.08);border-radius:24px;padding:18px;box-shadow:0 14px 34px #1111140d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tableCard{padding:14px 18px}.btn--primary{background:linear-gradient(135deg,var(--green),var(--greenDark));border-color:transparent;color:#fff;box-shadow:0 10px 24px #1e7a3e2e}.btn--primary:hover{filter:brightness(.98)}.btn--wide{width:100%}.adminTabs{display:flex;gap:10px;flex-wrap:wrap}.adminTabs--shell{margin:2px 0 8px;padding:12px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(17,17,20,.06);box-shadow:0 10px 24px #1111140a}.adminTab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:14px;border:1px solid rgba(17,17,20,.08);background:#fff;color:#3a3f47;font-size:14px;font-weight:600;transition:all .18s ease}.adminTab:hover{background:#f8fafc;border-color:#1111141f}.adminTab.active{background:linear-gradient(135deg,var(--green),var(--greenDark));color:#fff;border-color:transparent;box-shadow:0 8px 18px #1e7a3e2e}.adminToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.adminToolbar__left{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.adminToolbar__right{color:#6b7280;font-size:14px}.adminToolbar input,.adminToolbar select{height:42px;border:1px solid rgba(17,17,20,.1);border-radius:14px;padding:0 14px;background:#fff;min-width:220px;font:inherit;color:#111827}.adminToolbar select{min-width:180px}.muted{color:#6b7280}.small{font-size:12px}.code{display:inline-block;padding:6px 10px;border-radius:10px;background:#f8fafc;border:1px solid rgba(17,17,20,.08);font-size:13px}.inviteCard,.createCard{display:grid;gap:12px}.inviteRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.createCard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.createForm .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:860px}.field span{display:block;font-size:12px;color:#6b7280;margin-bottom:6px;font-weight:600}.field input,.field select{width:100%}.formActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.rowActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tableWrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}.table th{text-align:left;font-size:13px;color:#6b7280;font-weight:700;padding:14px;border-bottom:1px solid rgba(17,17,20,.08)}.table td{padding:16px 14px;vertical-align:top;border-bottom:1px solid rgba(17,17,20,.06)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#11111404}.empty{text-align:center;color:#6b7280;padding:28px 14px!important}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid transparent;margin-top:0}.badge--ok{background:#22c55e1a;border-color:#22c55e2e;color:#166534}.badge--warn{background:#f59e0b1a;border-color:#f59e0b33;color:#92400e}.badge--muted{background:#94a3b81f;border-color:#94a3b82e;color:#475467}.badge--info{background:#3b82f61a;border-color:#3b82f62e;color:#1d4ed8}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 20% -10%,rgba(30,122,62,.14),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(30,122,62,.1),transparent 55%),linear-gradient(180deg,#f7f8fa,#f3f5f7)}.admin-card{width:min(460px,100%);background:#ffffffdb;border:1px solid rgba(17,17,20,.08);border-radius:26px;box-shadow:0 18px 44px #11111414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:26px}.admin-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.admin-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--greenDark));box-shadow:0 10px 22px #1e7a3e2e}.admin-title{font-size:28px;font-weight:800;letter-spacing:-.03em;color:#111827}.admin-sub{margin-top:4px;font-size:13px;color:#6b7280}.admin-form{display:grid;gap:14px}.admin-error{margin-top:14px;padding:10px 12px;border-radius:12px;background:#ef444414;border:1px solid rgba(239,68,68,.14);color:#b42318;font-size:13px}@media(max-width:980px){.adminTitle{font-size:34px}.adminHead{flex-direction:column;align-items:flex-start}}@media(max-width:860px){.createForm .formGrid{grid-template-columns:1fr}.adminToolbar input{min-width:190px}}@media(max-width:620px){.adminShell__inner{padding:22px 14px 30px}.panel{border-radius:20px;padding:14px}.adminTabs--shell{padding:10px}.adminTab,.adminToolbar__left{width:100%}.adminToolbar input,.adminToolbar select{width:100%;min-width:0}.adminHeadActions,.adminHeadActions .btn{width:100%}}.calendarDrawer .btn[disabled]{opacity:.6;cursor:not-allowed}.calendarDrawer__actions{display:flex;flex-wrap:wrap;gap:8px}.calendarDrawer__actions .btn.is-active{border-color:#101828;background:#f2f4f7;color:#101828;cursor:default}.calendarDrawer .btn[disabled]{opacity:.6}.modalOverlay{position:fixed;inset:0;background:#1111144d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.modalCard{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid rgba(17,17,20,.08);border-radius:24px;box-shadow:0 18px 44px #1111141a;padding:18px}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(17,17,20,.08)}.clientProfilePage{display:grid;gap:16px}.clientProfileGrid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.clientHero{display:flex;gap:16px;align-items:center}.clientAvatar{width:88px;height:88px;border-radius:999px;overflow:hidden;background:#eef2f7;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;flex:0 0 88px}.clientAvatar img{width:100%;height:100%;object-fit:cover}.clientHeroInfo h2{margin:0 0 8px}.clientMetaList{display:grid;gap:8px}.clientNoteBlock{margin-top:16px;display:grid;gap:8px}.clientCommGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.clientCommCard{border:1px solid #e7ebf0;border-radius:12px;padding:14px;background:#fff}.clientThreadsBlock{margin-top:16px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.emptyState{padding:16px;border:1px dashed #d6dde6;border-radius:12px;color:#6b7280;background:#fafbfc}@media(max-width:900px){.clientProfileGrid,.clientCommGrid{grid-template-columns:1fr}}.clientsList{display:grid;gap:12px}.clientRowCard{width:100%;border:1px solid #e4e7ec;border-radius:16px;background:#fff;padding:14px 16px;cursor:pointer;transition:.2s ease}.clientRowCard:hover{border-color:#d0d5dd;box-shadow:0 4px 14px #1018280f}.clientAvatar--sm{width:44px;height:44px;border-radius:999px;background:#f2f4f7;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#3a3f47;flex-shrink:0;overflow:hidden}.modalOverlay{position:fixed;inset:0;background:#10182873;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modalCard{border:1px solid #e4e7ec}.settings-form{margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.settings-form label{display:flex;flex-direction:column;gap:8px}.settings-form label span{font-size:14px;font-weight:600}.settings-form input,.settings-form textarea{width:100%;padding:12px 14px;border:1px solid #d9d9d9;border-radius:12px;font:inherit;background:#fff}.settings-form textarea{resize:vertical;min-height:120px}.form-block{margin-bottom:16px}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin-bottom:16px}.checkbox-row input{width:18px;height:18px}.form-actions{display:flex;align-items:center;gap:12px}.form-actions button{border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;background:#111;color:#fff}.form-actions button:disabled{opacity:.6;cursor:default}.form-error{margin-bottom:12px;color:#b42318;font-size:14px}.form-success{margin-bottom:12px;color:#067647;font-size:14px}@media(max-width:900px){.form-grid{grid-template-columns:1fr}}.bubu-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#080808b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bubu-modal__dialog{position:relative;width:min(760px,100%);max-height:90vh;overflow-y:auto;border-radius:28px;border:1px solid rgba(212,175,55,.24);background:#111;box-shadow:0 30px 80px #00000073;padding:28px}.bubu-modal__close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:0;border-radius:999px;background:#ffffff14;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bubu-modal__header{margin-bottom:20px}.bubu-modal__title{margin:8px 0 10px;font-size:clamp(28px,4vw,40px);line-height:1;color:#fff}.bubu-modal__text{color:#ffffffb8;line-height:1.6}.bubu-modal__error{margin-bottom:16px;border-radius:14px;padding:12px 14px;background:#ff50501f;border:1px solid rgba(255,80,80,.22);color:#ffd2d2;line-height:1.5}.bubu-modal__form{display:flex;flex-direction:column;gap:20px}.bubu-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bubu-modal__field{display:flex;flex-direction:column;gap:8px}.bubu-modal__field span{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.bubu-modal__field input,.bubu-modal__field select,.bubu-modal__field textarea{width:100%;border-radius:16px;border:1px solid rgba(212,175,55,.18);background:#ffffff0a;color:#fff;padding:14px 16px;outline:none;font-size:15px;box-sizing:border-box}.bubu-modal__field input::placeholder,.bubu-modal__field textarea::placeholder{color:#ffffff61}.bubu-modal__field input:focus,.bubu-modal__field select:focus,.bubu-modal__field textarea:focus{border-color:#d4af378c;box-shadow:0 0 0 3px #d4af3714}.bubu-modal__field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:52px;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.75) 50%),linear-gradient(135deg,rgba(255,255,255,.75) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.bubu-modal__field option{color:#111;background:#fff}.bubu-modal__field textarea{resize:vertical;min-height:120px}.bubu-modal__field--full{grid-column:1 / -1}.bubu-modal__actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.bubu-modal__btn-primary,.bubu-modal__btn-secondary{appearance:none;-webkit-appearance:none;border:0;border-radius:999px;padding:14px 22px;min-height:48px;cursor:pointer;font-weight:700;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.bubu-modal__btn-primary{background:linear-gradient(135deg,#d4af37,#f2d675);color:#111;min-width:190px}.bubu-modal__btn-secondary{background:#ffffff14;color:#fff;min-width:140px}.bubu-modal__btn-primary:disabled,.bubu-modal__btn-secondary:disabled{opacity:.6;cursor:not-allowed}.bubu-modal__success{text-align:center;padding:32px 12px 16px}.bubu-modal__success-icon{width:72px;height:72px;border-radius:999px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:#d4af3724;color:#d4af37}.bubu-modal__success h3{margin:0 0 10px;color:#fff;font-size:28px}.bubu-modal__success p{margin:0 0 22px;color:#ffffffb8;line-height:1.6}@media(max-width:768px){.bubu-modal{padding:14px}.bubu-modal__dialog{padding:22px 16px;border-radius:22px}.bubu-modal__grid{grid-template-columns:1fr}.bubu-modal__field--full{grid-column:auto}.bubu-modal__actions{flex-direction:column}.bubu-modal__btn-primary,.bubu-modal__btn-secondary{width:100%}}.cab-layout{display:flex;min-height:100vh;background:var(--ds-surface)}.cab-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;width:240px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--ds-border);transition:width .2s ease;overflow:hidden}.cab-layout--collapsed .cab-sidebar{width:64px}.cab-sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border-bottom:1px solid var(--ds-border);min-height:60px}.cab-sidebar__brand{display:flex;align-items:center;gap:10px;overflow:hidden}.cab-sidebar__logo{width:34px;height:34px;border-radius:10px;background:var(--ds-green);color:#fff;font-weight:800;font-size:16px;display:grid;place-items:center;flex-shrink:0}.cab-sidebar__brand-text{font-weight:700;font-size:17px;color:var(--ds-text);white-space:nowrap}.cab-sidebar__toggle{width:30px;height:30px;border-radius:8px;border:1px solid var(--ds-border);background:#fff;color:var(--ds-muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.cab-sidebar__toggle:hover{background:var(--ds-surface);color:var(--ds-text)}.cab-layout--collapsed .cab-sidebar__head{justify-content:center;padding:16px 8px}.cab-sidebar__nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.cab-sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--ds-muted);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;white-space:nowrap;position:relative}.cab-sidebar__link:hover{background:var(--ds-surface);color:var(--ds-text)}.cab-sidebar__link--active{background:var(--ds-green-light);color:var(--ds-green);font-weight:600}.cab-sidebar__link--active:hover{background:var(--ds-green-light);color:var(--ds-green)}.cab-layout--collapsed .cab-sidebar__link{justify-content:center;padding:10px}.cab-layout--collapsed .cab-sidebar__link span{display:none}.cab-sidebar__badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ds-green);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}.cab-layout--collapsed .cab-sidebar__badge{position:absolute;top:4px;right:4px;margin-left:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}.cab-sidebar__foot{padding:8px;border-top:1px solid var(--ds-border);display:flex;flex-direction:column;gap:2px}.cab-sidebar__lang-menu{position:fixed;bottom:120px;left:8px;background:#fff;border:1px solid var(--ds-border);border-radius:10px;box-shadow:var(--ds-shadow-md);padding:4px;display:flex;flex-direction:column;gap:2px;z-index:9999;min-width:60px}.cab-layout--collapsed .cab-sidebar__lang-menu{left:8px}.cab-sidebar__lang-option{padding:8px 12px;border:none;background:none;border-radius:8px;font-size:13px;font-weight:600;color:var(--ds-muted);cursor:pointer;transition:all .12s ease;text-align:center}.cab-sidebar__lang-option:hover{background:var(--ds-surface);color:var(--ds-text)}.cab-sidebar__lang-option--active{background:var(--ds-green-light);color:var(--ds-green)}.cab-sidebar__link--logout{color:#dc2626}.cab-sidebar__link--logout:hover{background:#fef2f2;color:#dc2626}.cab-main{flex:1;margin-left:240px;padding:28px 32px 40px;max-width:1200px;transition:margin-left .2s ease;min-height:100vh}.cab-layout--collapsed .cab-main{margin-left:64px}.cab-page-header{margin-bottom:24px}.cab-page-header__eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-muted);margin-bottom:4px}.cab-page-header__title{margin:0;font-size:26px;font-weight:700;line-height:1.15;color:var(--ds-text)}.cab-page-header__subtitle{margin:6px 0 0;font-size:14px;color:var(--ds-muted);line-height:1.5}@media(max-width:1024px){.cab-main{padding:20px 20px 32px}}@media(max-width:768px){.cab-sidebar{width:64px}.cab-sidebar .cab-sidebar__brand-text,.cab-sidebar .cab-sidebar__link span{display:none}.cab-sidebar .cab-sidebar__link{justify-content:center;padding:10px}.cab-sidebar .cab-sidebar__head{justify-content:center;padding:16px 8px}.cab-main{margin-left:64px;padding:16px 14px 28px}.cab-sidebar__badge{position:absolute;top:4px;right:4px;margin-left:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}.cab-page-header__title{font-size:22px}}@media(max-width:480px){.cab-main{margin-left:0;padding:12px 12px 80px}.cab-sidebar{position:fixed;inset:auto 0 0;width:100%;height:64px;flex-direction:row;border-right:none;border-top:1px solid var(--ds-border);z-index:200}.cab-sidebar__head,.cab-sidebar__foot{display:none}.cab-sidebar__nav{flex-direction:row;padding:4px 8px;gap:0;justify-content:space-around;overflow-x:auto}.cab-sidebar__link{flex-direction:column;gap:2px;padding:6px 8px;font-size:10px;min-width:48px;justify-content:center;align-items:center}.cab-sidebar__link span{display:block!important;font-size:10px;white-space:nowrap}.cab-sidebar__badge{position:absolute;top:0;right:2px}}.cab-mobile-topbar{display:none}@media(max-width:480px){.cab-mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:48px;padding:0 12px;background:#fff;border-bottom:1px solid var(--ds-border, #e5e7eb);z-index:201;box-shadow:0 1px 4px #0000000a}.cab-mobile-topbar__brand{display:flex;align-items:center;gap:8px}.cab-mobile-topbar__logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.cab-mobile-topbar__title{font-size:15px;font-weight:700;color:#111827}.cab-mobile-topbar__actions{display:flex;align-items:center;gap:4px}.cab-mobile-topbar__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.cab-mobile-topbar__btn:hover,.cab-mobile-topbar__btn:active{background:#f3f4f6;border-color:#d1d5db}.cab-mobile-topbar__btn--logout{color:#ef4444;border-color:#fecaca}.cab-mobile-topbar__btn--logout:hover,.cab-mobile-topbar__btn--logout:active{background:#fef2f2;border-color:#ef4444}.cab-mobile-topbar__lang{position:relative}.cab-mobile-topbar__overlay{position:fixed;inset:0;z-index:210;background:transparent}.cab-mobile-topbar__lang-menu{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;overflow:hidden;z-index:220;min-width:80px}.cab-mobile-topbar__lang-option{padding:10px 16px;border:none;background:transparent;color:#374151;font-size:13px;font-weight:500;cursor:pointer;text-align:center;transition:background .15s}.cab-mobile-topbar__lang-option:hover,.cab-mobile-topbar__lang-option:active{background:#f3f4f6}.cab-mobile-topbar__lang-option--active{color:var(--ds-eerie-black, #202121);font-weight:700;background:var(--ds-honeydew, #CFDECA)}.cab-main{margin-top:48px;padding-top:8px!important}}.clPage{display:grid;gap:20px}.clPage__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.clPage__headerLeft{display:grid;gap:4px}.clPage__eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#16a34a;background:#f0fdf4;padding:4px 10px;border-radius:6px;width:fit-content}.clPage__title{font-size:28px;font-weight:800;color:#111827;margin:0;line-height:1.2}.clPage__subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.clPage__addBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:none;background:#16a34a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap}.clPage__addBtn:hover{background:#15803d;transform:translateY(-1px)}.clPage__addBtn:active{transform:translateY(0)}.clStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.clStats__card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s ease,transform .1s ease}.clStats__card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.clStats__icon{width:44px;height:44px;min-width:44px;border-radius:12px;display:grid;place-items:center}.clStats__icon--blue{background:#eff6ff;color:#3b82f6}.clStats__icon--green{background:#f0fdf4;color:#16a34a}.clStats__icon--purple{background:#faf5ff;color:#9333ea}.clStats__icon--teal{background:#f0fdfa;color:#14b8a6}.clStats__info{display:grid;gap:2px}.clStats__value{font-size:22px;font-weight:800;color:#111827;line-height:1.1}.clStats__label{font-size:12px;color:#6b7280;font-weight:500}.clSearch{display:flex}.clSearch__inputWrap{position:relative;flex:1;display:flex;align-items:center}.clSearch__icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.clSearch__input{width:100%;padding:12px 40px 12px 42px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#111827;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.clSearch__input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.clSearch__input::placeholder{color:#9ca3af}.clSearch__clear{position:absolute;right:10px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center}.clSearch__clear:hover{color:#6b7280;background:#f3f4f6}.clList{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.clList__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f3f4f6}.clList__title{font-size:16px;font-weight:700;color:#111827;margin:0}.clList__count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:8px;font-weight:500}.clList__items{display:grid}.clList__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:#9ca3af;font-size:14px}.clList__spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:clSpin .7s linear infinite}@keyframes clSpin{to{transform:rotate(360deg)}}.clList__error{padding:16px 22px;color:#dc2626;font-size:14px;background:#fef2f2;border-bottom:1px solid #fecaca}.clClient{display:flex;align-items:center;gap:14px;padding:14px 22px;border:none;border-bottom:1px solid #f3f4f6;background:transparent;cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;transition:background .1s ease}.clClient:last-child{border-bottom:none}.clClient:hover{background:#f9fafb}.clClient__avatar{width:44px;height:44px;min-width:44px;border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:15px;font-weight:700;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.clClient__avatar img{width:100%;height:100%;object-fit:cover}.clClient__info{flex:1;min-width:0;display:grid;gap:4px}.clClient__name{font-size:14px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clClient__contacts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.clClient__tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:6px}.clClient__tag--wa{background:#f0fdf4;color:#16a34a}.clClient__noContact{font-size:12px;color:#d1d5db;font-style:italic}.clClient__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.clClient__date{font-size:12px;color:#9ca3af;white-space:nowrap}.clClient__arrow{color:#d1d5db;transition:color .1s ease}.clClient:hover .clClient__arrow{color:#16a34a}.clModal__overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:20px}.clModal{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026;overflow:hidden;animation:clModalIn .2s ease}@keyframes clModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.clModal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f3f4f6}.clModal__title{font-size:18px;font-weight:700;color:#111827;margin:0}.clModal__close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}.clModal__close:hover{background:#f3f4f6;color:#374151}.clModal__body{padding:20px 24px;display:grid;gap:16px}.clModal__field{display:grid;gap:6px}.clModal__field label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.04em}.clModal__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clModal__input{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.clModal__input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.clModal__input--error{border-color:#dc2626}.clModal__input--error:focus{box-shadow:0 0 0 3px #dc26261a}.clModal__textarea{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;outline:none;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.clModal__textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.clModal__hint{font-size:12px;color:#6b7280}.clModal__hint--error{color:#dc2626}.clModal__error{padding:10px 24px;font-size:13px;color:#dc2626;background:#fef2f2}.clModal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f3f4f6}.clModal__btnCancel{padding:10px 18px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.clModal__btnCancel:hover{background:#f3f4f6}.clModal__btnSubmit{padding:10px 22px;border-radius:10px;border:none;background:#16a34a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.clModal__btnSubmit:hover{background:#15803d}.clModal__btnSubmit:disabled,.clModal__btnCancel:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.clStats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.clPage__header{flex-direction:column;align-items:stretch}.clPage__addBtn{justify-content:center}.clStats{grid-template-columns:1fr 1fr}.clStats__card{padding:14px 16px}.clClient{padding:12px 16px}.clModal__row{grid-template-columns:1fr}.clPage__title{font-size:22px}}@media(max-width:400px){.clStats{grid-template-columns:1fr}}