html,body{width:100%;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f8fbff}button,input{font-family:inherit}#root{width:100%;min-height:100vh}#features,#sectors,#pricing,#contact{scroll-margin-top:110px}.navbar{z-index:999;-webkit-backdrop-filter:blur(22px);background:#ffffffe8;border:1px solid #e2e8f0c7;border-radius:23px;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(1440px,88%);min-height:76px;padding:0 20px 0 17px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 55px #0f172a1c,inset 0 1px #ffffffdb}.navbar,.navbar *,.navbar :before,.navbar :after{box-sizing:border-box}.navbar button{font-family:inherit}.navbar-logo{color:#0f172a;cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center;gap:12px;min-width:0;padding:0;display:inline-flex}.navbar-brand-icon{flex:none;place-items:center;width:43px;height:43px;display:grid;position:relative}.navbar-brand-icon:before{content:"";filter:blur(7px);background:linear-gradient(135deg,#38bdf82e,#7c3aed2e);border-radius:50%;position:absolute;inset:5px}.brand-icon-svg{z-index:2;filter:drop-shadow(0 8px 11px #4f46e547);width:42px;height:42px;transition:transform .25s,filter .25s;position:relative;overflow:visible}.navbar-logo:hover .brand-icon-svg{filter:drop-shadow(0 10px 14px #4f46e55c);transform:translateY(-1px)rotate(-3deg)scale(1.04)}.navbar-brand-text{color:#0f172a;letter-spacing:-.65px;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:21px;font-weight:950;overflow:hidden}.navbar-links{border-radius:14px;justify-self:center;align-items:center;gap:7px;padding:5px;display:flex}.navbar-links button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:11px;min-height:39px;padding:0 13px;font-size:14px;font-weight:800;transition:color .2s,background .2s,transform .2s;position:relative}.navbar-links button:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px;height:2px;transition:transform .22s;position:absolute;bottom:5px;left:13px;right:13px;transform:scaleX(0)}.navbar-links button:hover{color:#3730a3;background:#f8faff;transform:translateY(-1px)}.navbar-links button:hover:after{transform:scaleX(1)}.navbar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.login-btn,.trial-btn{cursor:pointer;border-radius:14px;min-height:48px;font-size:14px;font-weight:850;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}.login-btn{color:#1e293b;background:#ffffffdb;border:1px solid #dce3ed;justify-content:center;align-items:center;padding:0 19px;display:inline-flex;box-shadow:0 5px 14px #0f172a09}.login-btn:hover{color:#3730a3;background:#f8faff;border-color:#c7d2fe;transform:translateY(-2px)}.trial-btn{color:#fff;background:linear-gradient(110deg,#2563eb 0%,#4f46e5 52%,#7c3aed 100%);border:none;justify-content:center;align-items:center;gap:13px;padding:0 19px 0 21px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 13px 28px #4f46e547,inset 0 1px #ffffff40}.trial-btn:before{content:"";background:#ffffff38;width:35%;height:260%;transition:left .55s;position:absolute;top:-80%;left:-45%;transform:rotate(22deg)}.trial-btn:hover:before{left:120%}.trial-btn:hover{transform:translateY(-2px);box-shadow:0 17px 34px #4f46e55c,inset 0 1px #ffffff40}.trial-btn>span{z-index:2;position:relative}.trial-arrow{background:#ffffff29;border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;transition:transform .25s;display:grid}.trial-btn:hover .trial-arrow{transform:translate(2px)}.trial-text-mobile{display:none}.navbar button:focus-visible{outline-offset:3px;outline:3px solid #6366f147}@media (width<=1100px){.navbar{grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 48px)}.navbar-links{display:none}}@media (width<=700px){.navbar{border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:6px;width:calc(100% - 16px);min-height:60px;padding:0 9px;top:8px}.navbar-logo{gap:6px;min-width:0;overflow:hidden}.navbar-brand-icon,.brand-icon-svg{width:30px;height:30px}.navbar-brand-text{color:#0f172a;letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;max-width:112px;font-size:clamp(12px,3.4vw,14px);line-height:1}.navbar-actions{justify-self:end;gap:6px}.login-btn,.trial-btn{white-space:nowrap;border-radius:12px;min-height:40px;padding:0 10px;font-size:11px;line-height:1}.login-btn{color:#334155;box-shadow:none;background:#fff;border:1px solid #d7dfeb;justify-content:center;align-items:center;display:inline-flex}.trial-btn{gap:0}.trial-text-desktop{display:none}.trial-text-mobile{display:inline}.trial-arrow{display:none}}@media (width<=390px){.navbar{gap:4px;width:calc(100% - 12px);padding:0 7px}.navbar-logo{gap:5px}.navbar-brand-icon,.brand-icon-svg{width:28px;height:28px}.navbar-brand-text{max-width:92px;font-size:11.5px}.navbar-actions{gap:4px}.login-btn,.trial-btn{border-radius:11px;min-height:38px;padding:0 8px;font-size:10px}}@media (width<=350px){.navbar-brand-text{max-width:70px;font-size:10.5px}.login-btn,.trial-btn{padding:0 7px;font-size:9.5px}}.hero{background:radial-gradient(circle at 15% 20%,#3b82f652,#0000 35%),radial-gradient(circle at 85% 85%,#7c3aed47,#0000 35%),linear-gradient(135deg,#071b3d 0%,#0b2c5f 55%,#172554 100%);grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;min-height:100vh;padding:130px 8% 90px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero-left,.hero-right{z-index:2;position:relative}.hero-badge{color:#8fdcff;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:12px 20px;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #0f172a1f}.hero h1{color:#fff;letter-spacing:-2.8px;max-width:760px;margin-bottom:24px;font-size:72px;line-height:.98}.hero h1 span{background:linear-gradient(135deg,#60a5fa 0%,#38bdf8 50%,#a78bfa 100%);color:#0000;-webkit-background-clip:text}.hero p{color:#dbeafe;max-width:720px;font-size:18px;line-height:1.75}.hero-description{width:100%;max-width:720px}.hero-tags{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-tags span{color:#dbeafe;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}.hero-buttons{gap:16px;margin-top:36px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:18px;min-height:58px;padding:0 28px;font-family:inherit;font-size:16px;font-weight:800;transition:all .3s}.primary-btn{color:#fff;background:linear-gradient(135deg,#315cf5 0%,#7c3aed 100%);border:none;box-shadow:0 18px 38px #4338ca52}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.secondary-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff14}.hero-bottom-note{color:#cbd5e1;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:14px;font-weight:600;display:flex}.dashboard{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #ffffffb8;border-radius:32px;width:100%;max-width:520px;margin-left:auto;padding:20px;animation:5s ease-in-out infinite floatDashboard;position:relative;box-shadow:0 32px 80px #00000047}.dashboard:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fffffff2,#60a5fa66,#7c3aed61);border-radius:32px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dashboard-window-bar{justify-content:space-between;align-items:center;margin-bottom:18px;padding:0 4px;display:flex}.window-dots{gap:6px;display:flex}.window-dots i{border-radius:50%;width:8px;height:8px;display:block}.window-dots i:first-child{background:#fca5a5}.window-dots i:nth-child(2){background:#fcd34d}.window-dots i:nth-child(3){background:#86efac}.dashboard-window-bar span{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700}@keyframes floatDashboard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.dashboard-header span{color:#6366f1;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.dashboard-header h3{color:#0f172a;margin-top:6px;font-size:24px;line-height:1.1}.dashboard-header p{color:#94a3b8;margin-top:6px;font-size:12px}.dashboard-header small{color:#16a34a;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.dashboard-top{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:102px;padding:20px 14px;transition:all .3s;display:flex}.stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1a}.stat-card h4{color:#0f172a;white-space:nowrap;margin:0;font-size:34px;font-weight:900;line-height:1}.stat-card p{color:#64748b;text-align:center;margin:10px 0 0;font-size:12px;font-weight:700;line-height:1.35}.chart-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;width:100%;max-width:100%;margin:16px auto 0;padding:20px 20px 18px;transition:all .3s;position:relative;overflow:hidden}.chart-box:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1a}.chart-head{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex;position:relative}.chart-head strong{color:#0f172a;font-size:18px;display:block}.chart-head p{color:#94a3b8;margin-top:4px;font-size:12px}.chart-head span{color:#16a34a;background:#dcfce7;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:800}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:58px 18px 46px}.grid-line{border-top:1px dashed #dbeafe}.chart-bars{z-index:2;justify-content:center;align-items:flex-end;gap:14px;height:110px;padding:0 8px;display:flex;position:relative}.bar-group{flex-direction:column;flex:0 48px;align-items:center;gap:8px;min-width:34px;max-width:48px;display:flex}.bar{transform-origin:bottom;opacity:0;background:linear-gradient(#8b5cf6 0%,#4f46e5 55%,#2563eb 100%);border-radius:16px 16px 8px 8px;width:100%;max-width:34px;animation:1s forwards growBar;box-shadow:inset 0 1px #ffffff47}.b1{height:42px;animation-delay:80ms}.b2{height:58px;animation-delay:.16s}.b3{height:50px;animation-delay:.24s}.b4{height:72px;animation-delay:.32s}.b5{height:62px;animation-delay:.4s}.b6{height:82px;animation-delay:.48s}.b7{height:70px;animation-delay:.56s}.bar-group small{color:#64748b;font-size:11px;font-weight:700}@keyframes growBar{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.dashboard-mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.mini-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;transition:all .3s}.mini-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1a}.mini-card span{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.mini-card strong{color:#0f172a;font-size:18px;font-weight:900}.hero-blur{filter:blur(100px);border-radius:50%;position:absolute}.hero-blur-1{background:#3b82f640;width:380px;height:380px;top:-120px;left:-120px}.hero-blur-2{background:#7c3aed38;width:450px;height:450px;bottom:-160px;right:-160px}@media (width>=1201px){.hero-left{min-width:0}.hero-description{max-width:720px}}@media (width<=1200px){.hero h1{font-size:60px}}@media (width<=992px){.hero{text-align:center;grid-template-columns:1fr;gap:40px;padding:110px 6% 70px}.hero h1{max-width:none;font-size:46px}.hero p,.hero-description{max-width:680px;margin:0 auto}.hero-tags,.hero-buttons,.hero-bottom-note{justify-content:center}.dashboard{margin:0 auto}.dashboard-top,.dashboard-mini-grid{grid-template-columns:1fr}}@media (width<=640px){.hero{padding:100px 18px 60px}.hero h1{letter-spacing:-1.5px;font-size:38px}.hero p{font-size:17px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.dashboard{border-radius:24px;padding:16px}.dashboard-window-bar{flex-direction:column;gap:10px}.dashboard-header{text-align:center;flex-direction:column;align-items:center}.dashboard-top,.dashboard-mini-grid{grid-template-columns:1fr}}.hero{grid-template-columns:minmax(650px,1.05fr) minmax(560px,.95fr);gap:38px}.hero-left{width:100%;min-width:0;max-width:760px}.hero h1{color:#fff;letter-spacing:-2.4px;width:max-content;max-width:none;margin:0 0 25px;font-size:clamp(46px,3.4vw,58px);font-weight:900;line-height:1.04}.hero-title-line{color:#fff;background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#fff;white-space:nowrap;display:block}.hero-title-first strong{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa 0%,#38bdf8 50%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;font-weight:900}.hero-description{color:#dbeafe;white-space:nowrap;width:max-content;max-width:none;font-size:17px;line-height:1.75}.hero-tags{flex-wrap:nowrap}.hero-right{justify-content:flex-end;align-items:center;width:100%;min-width:0;display:flex}.hero-devices-image{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 32px 48px #00000047);width:100%;max-width:820px;height:auto;display:block}@media (width<=1250px){.hero{grid-template-columns:minmax(560px,1fr) minmax(470px,.9fr);gap:28px;padding-left:5%;padding-right:5%}.hero h1{font-size:48px}.hero-description{font-size:15.5px}.hero-tags span{padding:9px 12px;font-size:12px}}@media (width<=1050px){.hero{text-align:center;grid-template-columns:1fr;gap:52px}.hero-left{max-width:820px;margin:0 auto}.hero h1{width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.hero-description{white-space:normal;width:auto;max-width:720px;margin-left:auto;margin-right:auto}.hero-tags,.hero-buttons,.hero-bottom-note,.hero-right{justify-content:center}.hero-devices-image{max-width:780px}}@media (width<=700px){.hero h1{letter-spacing:-1.4px;width:100%;font-size:clamp(30px,9vw,39px);line-height:1.08}.hero-title-line{white-space:normal}.hero-description{font-size:16px}.hero-description br{display:none}.hero-tags{flex-wrap:wrap;justify-content:center}}.hero-right{justify-content:flex-end;align-items:center;display:flex;overflow:visible}.hero-devices-image{object-fit:contain;filter:drop-shadow(0 30px 45px #00000047);width:118%;max-width:920px;height:auto;display:block;transform:translate(20px)}@media (width<=1250px){.hero-devices-image{width:108%;max-width:780px;transform:none}}@media (width<=1050px){.hero-devices-image{width:100%;max-width:760px;margin:0 auto}}.hero-title-mobile{display:none}@media (width<=700px){.hero-title-desktop{display:none}.hero-title-mobile{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.hero-title-mobile>span{white-space:nowrap;display:block;color:#fff!important;background:0 0!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#fff!important}.hero-title-mobile>strong{color:#0000;-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(135deg,#60a5fa 0%,#38bdf8 50%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;font-weight:900;display:block}}.features-section{background:#f8fafc;padding:110px 8%}.features-header{text-align:center;max-width:900px;margin:0 auto 70px}.features-header span{color:#4f46e5;letter-spacing:.5px;background:#eef2ff;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.features-header h2{color:#0f172a;margin:22px 0 0;font-size:48px;line-height:1.2}.features-header p{color:#64748b;margin:18px 0 0;font-size:18px;line-height:1.8}.features-mobile-break{display:none}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:30px;display:grid}.feature-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:flex-start;height:100%;min-height:270px;padding:36px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;box-shadow:0 10px 35px #0f172a0f}.feature-card:hover{border-color:#c7d2fe;transform:translateY(-10px);box-shadow:0 20px 45px #4f46e52e}.feature-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;justify-content:center;align-items:center;width:72px;min-width:72px;height:72px;min-height:72px;margin-bottom:26px;font-size:30px;display:flex;box-shadow:0 12px 28px #4f46e538}.feature-content{flex-direction:column;flex:1;width:100%;display:flex}.feature-card h3{color:#0f172a;align-items:flex-start;min-height:32px;margin:0 0 14px;font-size:22px;line-height:1.4;display:flex}.feature-card p{color:#64748b;margin:0;font-size:16px;line-height:1.8}@media (width<=992px){.features-section{padding:80px 6%}.features-header{max-width:700px;margin-bottom:45px}.features-header h2{font-size:36px}.features-header p{font-size:16px;line-height:1.7}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{height:auto;min-height:auto;padding:28px}}@media (width<=576px){.features-section{padding:58px 14px 64px;scroll-margin-top:76px}.features-header{max-width:100%;margin-bottom:30px}.features-header span{letter-spacing:.8px;padding:8px 17px;font-size:12px;font-weight:800}.features-header h2{letter-spacing:-.7px;text-align:center;margin-top:18px;font-size:29px;line-height:1.16}.features-header p{color:#64748b;text-align:center;margin-top:16px;font-size:15px;line-height:1.65}.features-mobile-break{display:block}.features-grid{grid-template-columns:1fr;align-items:start;gap:14px}.feature-card{border-radius:20px;grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:16px;width:100%;height:auto;min-height:0;padding:18px;display:grid;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.feature-card:hover{border-color:#e2e8f0;transform:none;box-shadow:0 8px 24px #0f172a0f}.feature-icon{border-radius:17px;width:58px;min-width:58px;height:58px;min-height:58px;margin:0;font-size:23px;box-shadow:0 9px 22px #4f46e533}.feature-content{flex:none;width:100%;min-width:0;display:block}.feature-card h3{color:#0f172a;min-height:0;margin:0 0 7px;font-size:18px;line-height:1.28;display:block}.feature-card p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.feature-card p br{display:none}}@media (width<=390px){.features-section{padding:54px 12px 60px}.features-header h2{font-size:27px}.features-header p{font-size:14px}.features-grid{gap:12px}.feature-card{border-radius:18px;grid-template-columns:52px minmax(0,1fr);column-gap:13px;padding:16px}.feature-icon{border-radius:15px;width:52px;min-width:52px;height:52px;min-height:52px;font-size:21px}.feature-card h3{font-size:17px}.feature-card p{font-size:13.5px;line-height:1.5}}.sectors{background:linear-gradient(#fff 0%,#f8fbff 100%);padding:120px 8%}.sectors-title{text-align:center;max-width:960px;margin:0 auto 80px}.sectors-title span{color:#2563eb;letter-spacing:1px;background:#eaf2ff;border-radius:999px;margin-bottom:22px;padding:10px 22px;font-size:14px;font-weight:700;display:inline-block}.sectors-title h2{color:#0f172a;letter-spacing:-1px;margin:0 0 22px;font-size:54px;line-height:1.1}.sectors-title p{color:#64748b;text-align:center;max-width:920px;margin:0 auto;font-size:20px;line-height:1.8}.sector-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:30px;display:grid}.sector-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:28px;flex-direction:column;align-items:flex-start;min-height:400px;padding:98px 32px 32px;transition:transform .45s,border-color .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 45px #0f172a0d}.sector-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#2563eb,#7c3aed);width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.sector-card:hover{border-color:#3b82f6;transform:translateY(-12px);box-shadow:0 35px 80px #2563eb2e}.sector-card:hover:before{transform:scaleX(1)}.sector-card>div:first-child:not(.sector-icon){position:absolute;top:30px;left:32px;margin:0!important}.sector-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:22px;justify-content:center;align-items:center;width:74px;min-width:74px;height:74px;min-height:74px;margin-bottom:26px;font-size:31px;transition:transform .45s,box-shadow .45s;display:flex;box-shadow:0 15px 35px #2563eb4d}.sector-card:hover .sector-icon{transform:rotate(8deg)scale(1.12);box-shadow:0 20px 50px #2563eb73}.sector-card h3{color:#0f172a;min-height:58px;margin:0 0 14px;font-size:24px;line-height:1.25;transition:color .3s}.sector-card:hover h3{color:#2563eb}.sector-card p{color:#64748b;margin:0;font-size:16px;line-height:1.75}.sector-arrow{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-top:auto;margin-left:auto;padding:0;font-size:22px;transition:transform .3s,background .3s;display:flex}.sector-arrow:hover{background:#eef4ff;transform:translate(7px)}.sector-arrow:focus-visible{outline-offset:3px;outline:3px solid #2563eb40}@media (width<=1200px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-card{min-height:370px}}@media (width<=768px){.sectors{padding:64px 14px 70px;scroll-margin-top:76px}.sectors-title{max-width:100%;margin-bottom:34px}.sectors-title span{letter-spacing:.8px;margin-bottom:18px;padding:8px 17px;font-size:12px;font-weight:800}.sectors-title h2{letter-spacing:-.8px;margin-bottom:18px;font-size:32px;line-height:1.15}.sectors-title p{max-width:100%;font-size:15px;line-height:1.65}.sectors-title p br{display:none}.sector-grid{grid-template-columns:1fr;align-items:start;gap:14px}.sector-card{border-radius:20px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:7px 16px;width:100%;height:auto;min-height:0;padding:18px 58px 18px 18px;display:grid;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.sector-card:hover{border-color:#e5e7eb;transform:none;box-shadow:0 8px 24px #0f172a0f}.sector-card:hover:before{transform:scaleX(0)}.sector-card:hover .sector-icon{transform:none;box-shadow:0 9px 22px #2563eb38}.sector-card:hover h3{color:#0f172a}.sector-card>div:first-child:not(.sector-icon){grid-column:1/-1;width:fit-content;position:static;margin:0 0 4px!important;padding:6px 11px!important;font-size:10px!important}.sector-icon{border-radius:17px;grid-area:span 2/1;align-self:start;width:58px;min-width:58px;height:58px;min-height:58px;margin:0;font-size:23px;box-shadow:0 9px 22px #2563eb38}.sector-card h3{color:#0f172a;grid-column:2;min-width:0;min-height:0;margin:0;font-size:18px;line-height:1.3}.sector-card p{color:#64748b;grid-column:2;min-width:0;margin:0;font-size:14px;line-height:1.55}.sector-arrow{background:#eef4ff;width:38px;height:38px;margin:0;font-size:18px;position:absolute;bottom:14px;right:14px}.sector-arrow:hover{background:#eef4ff;transform:none}}@media (width<=390px){.sectors{padding:58px 12px 64px}.sectors-title h2{font-size:29px}.sectors-title p{font-size:14px}.sector-grid{gap:12px}.sector-card{border-radius:18px;grid-template-columns:52px minmax(0,1fr);column-gap:13px;padding:16px 52px 16px 16px}.sector-icon{border-radius:15px;width:52px;min-width:52px;height:52px;min-height:52px;font-size:21px}.sector-card h3{font-size:17px}.sector-card p{font-size:13.5px;line-height:1.5}.sector-arrow{width:35px;height:35px;font-size:16px;bottom:11px;right:11px}}.pricing{color:#0f172a;background:linear-gradient(#f8fbff 0%,#fff 100%);padding:28px 8% 120px}.pricing-header{text-align:center;max-width:960px;margin:0 auto 68px}.pricing-header>span{color:#2563eb;letter-spacing:1px;background:#eaf2ff;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:900;display:inline-block}.pricing-header h2{color:#0f172a;letter-spacing:-1.5px;text-wrap:balance;margin:24px 0 20px;font-size:52px;line-height:1.12}.pricing-header p{color:#64748b;max-width:850px;margin:0 auto;font-size:19px;line-height:1.75}.pricing-copy-mobile{display:none}.business-title{color:#2563eb;letter-spacing:.5px;justify-content:center;align-items:center;gap:10px;margin-bottom:38px;font-weight:900;display:flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:30px;flex-direction:column;min-height:610px;padding:36px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;box-shadow:0 18px 50px #0f172a0f}.pricing-card:hover{border-color:#93c5fd;transform:translateY(-12px);box-shadow:0 35px 80px #2563eb29}.popular-card{z-index:2;border:2px solid #2563eb;transform:scale(1.06);box-shadow:0 35px 90px #2563eb38}.popular-card:hover{transform:scale(1.06)translateY(-12px);box-shadow:0 42px 100px #2563eb42}.pricing-badge{color:#2563eb;background:#eef4ff;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:24px;padding:9px 15px;font-size:13px;font-weight:900;display:inline-flex}.pricing-card h3{color:#0f172a;min-height:38px;margin:0 0 12px;font-size:30px;line-height:1.25}.plan-description{color:#64748b;min-height:82px;margin:0;font-size:16px;line-height:1.7}.price{min-height:114px;margin:28px 0 26px}.price strong{color:#0f172a;letter-spacing:-1.5px;font-size:48px;line-height:1}.price>span:not(.old-price){color:#64748b;margin-left:6px;font-size:16px;font-weight:800}.old-price{font-weight:800;line-height:1.2;text-decoration:line-through;display:block;color:#94a3b8!important;margin:0 0 9px!important;font-size:20px!important}.pricing-card ul{margin:0 0 30px;padding:0;list-style:none}.pricing-card li{color:#334155;align-items:flex-start;gap:11px;margin-bottom:15px;font-size:15px;font-weight:600;line-height:1.5;display:flex}.pricing-card li svg{color:#16a34a;min-width:15px;margin-top:4px}.pricing-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed,#2563eb) 0 0/200% 200%;border:none;border-radius:15px;width:100%;margin-top:auto;padding:16px 22px;font-size:15px;font-weight:900;transition:transform .35s,background-position .35s,box-shadow .35s}.pricing-card button:hover{background-position:100%;transform:translateY(-3px);box-shadow:0 18px 40px #2563eb52}.pricing-card button:focus-visible,.enterprise-action button:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}.pricing-note{color:#475569;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin:50px auto 62px;font-size:15px;font-weight:800;display:flex}.enterprise-card{color:#fff;background:radial-gradient(circle at 100% 0,#60a5fa52,#0000 35%),radial-gradient(circle at 0 100%,#7c3aed42,#0000 35%),linear-gradient(135deg,#071b3d,#111827 55%,#172554);border-radius:34px;grid-template-columns:1.15fr 1fr 300px;align-items:center;gap:34px;padding:42px;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 90px #071b3d52}.enterprise-glow{filter:blur(90px);background:#3b82f657;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-120px}.enterprise-left{z-index:2;align-items:flex-start;gap:22px;display:flex;position:relative}.enterprise-icon{background:#ffffff1f;border-radius:24px;justify-content:center;align-items:center;width:74px;min-width:74px;height:74px;font-size:30px;display:flex}.enterprise-left span{color:#7dd3fc;letter-spacing:1px;font-weight:900}.enterprise-left h3{margin:8px 0;font-size:34px}.enterprise-left p{color:#cbd5e1;margin:0;line-height:1.75}.enterprise-features{z-index:2;gap:12px;display:grid;position:relative}.enterprise-features div{color:#dbeafe;background:#ffffff17;border-radius:999px;align-items:center;gap:10px;padding:11px 14px;font-weight:800;display:flex}.enterprise-features svg{color:#22c55e}.enterprise-action{z-index:2;text-align:center;background:#ffffff1a;border:1px solid #ffffff24;border-radius:26px;padding:24px;position:relative}.enterprise-action svg{color:#7dd3fc;font-size:28px}.enterprise-action p{margin:14px 0 18px;font-weight:900}.enterprise-action button{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:14px;width:100%;padding:15px 20px;font-weight:900;transition:transform .35s,box-shadow .35s}.enterprise-action button:hover{transform:translateY(-3px);box-shadow:0 18px 35px #ffffff2e}@media (width<=1100px){.pricing-grid,.enterprise-card{grid-template-columns:1fr}.pricing-grid{max-width:680px;margin:0 auto}.pricing-card{min-height:auto}.popular-card,.popular-card:hover{transform:none}.enterprise-card{max-width:680px;margin-left:auto;margin-right:auto}.pricing-header h2{font-size:42px}}@media (width<=768px){.pricing{padding:58px 14px 72px;scroll-margin-top:76px}.pricing-header{max-width:100%;margin:0 auto 36px}.pricing-header>span{letter-spacing:.8px;padding:8px 17px;font-size:12px}.pricing-header h2{letter-spacing:-.8px;white-space:nowrap;margin:18px 0 17px;font-size:clamp(24px,6.9vw,28px);line-height:1.15}.pricing-copy-desktop{display:none}.pricing-copy-mobile{color:#64748b;letter-spacing:-.15px;justify-items:center;gap:3px;width:100%;font-size:clamp(11.5px,3.35vw,13.5px);line-height:1.5;display:grid}.pricing-copy-mobile>span{white-space:nowrap;display:block}.business-title{gap:8px;margin-bottom:23px;font-size:13px}.pricing-grid{grid-template-columns:1fr;gap:16px;width:100%;max-width:none}.pricing-card{border-radius:22px;width:100%;height:auto;min-height:0;padding:22px 20px;box-shadow:0 10px 30px #0f172a12}.pricing-card:hover{border-color:#e2e8f0;transform:none;box-shadow:0 10px 30px #0f172a12}.popular-card,.popular-card:hover{border:2px solid #2563eb;transform:none;box-shadow:0 14px 36px #2563eb26}.pricing-badge{margin-bottom:16px;padding:7px 12px;font-size:11px}.pricing-card h3{min-height:0;margin:0 0 10px;font-size:25px;line-height:1.2}.plan-description{min-height:0;font-size:14px;line-height:1.55}.price{min-height:0;margin:20px 0 18px}.price strong{letter-spacing:-1px;font-size:40px}.price>span:not(.old-price){margin-left:4px;font-size:14px}.old-price{margin-bottom:5px!important;font-size:17px!important}.pricing-card ul{margin-bottom:20px}.pricing-card li{gap:10px;margin-bottom:11px;font-size:14px;line-height:1.4}.pricing-card li svg{min-width:14px;margin-top:3px}.pricing-card button{border-radius:14px;min-height:50px;padding:13px 18px;font-size:14px}.pricing-card button:hover{box-shadow:none;transform:none}.pricing-note{flex-direction:column;align-items:flex-start;gap:9px;width:100%;margin:30px auto 38px;font-size:13px}.enterprise-card{border-radius:24px;grid-template-columns:1fr;gap:22px;width:100%;max-width:none;padding:24px 20px}.enterprise-left{flex-direction:row;align-items:flex-start;gap:14px}.enterprise-icon{border-radius:18px;width:58px;min-width:58px;height:58px;font-size:23px}.enterprise-left span{font-size:12px}.enterprise-left h3{margin:5px 0 7px;font-size:26px;line-height:1.15}.enterprise-left p{font-size:14px;line-height:1.6}.enterprise-features{gap:8px}.enterprise-features div{border-radius:16px;padding:10px 12px;font-size:14px;line-height:1.35}.enterprise-action{border-radius:20px;padding:18px}.enterprise-action svg{font-size:24px}.enterprise-action p{margin:10px 0 14px;font-size:14px}.enterprise-action button{border-radius:13px;padding:13px 16px;font-size:14px}.enterprise-action button:hover{box-shadow:none;transform:none}}@media (width<=390px){.pricing{padding:54px 12px 66px}.pricing-header h2{font-size:clamp(23px,6.7vw,26px)}.pricing-copy-mobile{font-size:clamp(11.2px,3.2vw,12.5px)}.pricing-card{border-radius:20px;padding:19px 16px}.pricing-card h3{font-size:23px}.plan-description{font-size:13.5px}.price strong{font-size:36px}.pricing-card li{font-size:13.2px}.enterprise-card{padding:21px 17px}.enterprise-left h3{font-size:23px}.enterprise-left p,.enterprise-features div{font-size:13.2px}}.cta{background:#fff;padding:120px 8%}.cta-content{color:#fff;text-align:center;background:radial-gradient(circle at 0 0,#60a5fa59,#0000 35%),radial-gradient(circle at 100% 100%,#7c3aed59,#0000 35%),linear-gradient(135deg,#071b3d,#172554);border-radius:38px;padding:90px 8%;position:relative;overflow:hidden;box-shadow:0 35px 90px #071b3d47}.cta-content:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0}.cta-content>*{z-index:2;position:relative}.cta-content>span{color:#7dd3fc;letter-spacing:1px;background:#ffffff1a;border:1px solid #ffffff14;border-radius:999px;margin-bottom:24px;padding:9px 18px;font-size:14px;font-weight:900;display:inline-block}.cta-content h2{color:#fff;letter-spacing:-1.4px;max-width:820px;margin:0 auto;font-size:54px;line-height:1.12}.cta-content p{color:#dbeafe;max-width:680px;margin:24px auto 36px;font-size:19px;line-height:1.8}.cta-content button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:16px;min-height:56px;padding:17px 34px;font-family:inherit;font-size:16px;font-weight:900;transition:transform .35s,box-shadow .35s;box-shadow:0 18px 40px #2563eb59}.cta-content button:hover{transform:translateY(-4px);box-shadow:0 26px 55px #2563eb73}.cta-content button:focus-visible{outline-offset:4px;outline:3px solid #7dd3fc66}.cta-trust{margin-top:28px}.cta-trust div{color:#facc15;justify-content:center;gap:6px;margin-bottom:8px;display:flex}.cta-trust small{color:#bfdbfe;font-size:14px;font-weight:700}@media (width<=992px){.cta{padding:90px 6%}.cta-content{padding:75px 8%}.cta-content h2{font-size:43px}}@media (width<=768px){.cta{padding:56px 14px 64px}.cta-content{border-radius:26px;width:100%;padding:44px 22px 40px;box-shadow:0 22px 55px #071b3d38}.cta-content:before{background-size:40px 40px}.cta-content>span{letter-spacing:.9px;margin-bottom:20px;padding:8px 15px;font-size:12px}.cta-content h2{letter-spacing:-.9px;max-width:330px;font-size:clamp(29px,8vw,34px);line-height:1.12}.cta-content p{max-width:330px;margin:20px auto 26px;font-size:15px;line-height:1.65}.cta-content button{border-radius:14px;width:100%;max-width:330px;min-height:52px;padding:14px 18px;font-size:15px}.cta-content button:hover{transform:none;box-shadow:0 18px 40px #2563eb59}.cta-trust{margin-top:23px}.cta-trust div{gap:5px;margin-bottom:9px;font-size:18px}.cta-trust small{font-size:12.5px;line-height:1.45;display:block}}@media (width<=390px){.cta{padding-left:12px;padding-right:12px}.cta-content{border-radius:24px;padding:40px 18px 36px}.cta-content h2{max-width:300px;font-size:28px}.cta-content p,.cta-content button{max-width:300px;font-size:14px}.cta-trust small{font-size:12px}}.footer{color:#fff;background:radial-gradient(circle at 0 0,#60a5fa38,#0000 32%),radial-gradient(circle at 100% 100%,#7c3aed38,#0000 32%),linear-gradient(135deg,#071b3d,#0f172a 60%,#172554);padding:90px 8% 34px;position:relative;overflow:hidden}.footer-glow{filter:blur(95px);pointer-events:none;background:#3b82f647;border-radius:50%;width:420px;height:420px;position:absolute;top:-160px;right:-160px}.footer-content{z-index:2;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr 1.8fr;gap:70px;padding-bottom:60px;display:grid;position:relative}.footer-brand{max-width:420px}.footer-logo{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;display:flex;box-shadow:0 18px 40px #2563eb61}.footer-logo span{font-size:24px;font-weight:900}.footer-brand h3{color:#fff;margin:0 0 16px;font-size:30px;line-height:1.2}.footer-brand p{color:#cbd5e1;margin:0;font-size:16px;line-height:1.8}.footer-socials{align-items:center;gap:12px;margin-top:28px;display:flex}.footer-socials a{color:#fff;background:#ffffff17;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:transform .3s,background .3s,border-color .3s;display:flex}.footer-socials a:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;transform:translateY(-4px)}.footer-socials a:focus-visible,.footer-links a:focus-visible{outline-offset:3px;outline:3px solid #7dd3fc59}.footer-links{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:30px;display:grid}.footer-links>div{min-width:0}.footer-links h4{color:#fff;margin:0 0 18px;font-size:16px;line-height:1.3}.footer-links a{color:#cbd5e1;width:fit-content;margin-bottom:13px;font-size:15px;line-height:1.5;text-decoration:none;transition:color .25s,transform .25s;display:block}.footer-links a:hover{color:#7dd3fc;transform:translate(4px)}.footer-bottom{z-index:2;color:#94a3b8;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;font-size:14px;line-height:1.5;display:flex;position:relative}.footer-bottom p{margin:0}.footer-bottom span{color:#7dd3fc;font-weight:700}@media (width<=992px){.footer{padding:78px 6% 32px}.footer-content{grid-template-columns:1fr;gap:48px}.footer-brand{max-width:600px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=600px){.footer{padding:54px 18px 26px}.footer-glow{width:340px;height:340px;top:-100px;right:-180px}.footer-content{grid-template-columns:1fr;gap:38px;padding-bottom:36px}.footer-brand{max-width:none}.footer-logo{border-radius:14px;width:46px;height:46px;margin-bottom:17px}.footer-logo span{font-size:21px}.footer-brand h3{margin-bottom:12px;font-size:25px}.footer-brand p{max-width:360px;font-size:14.5px;line-height:1.65}.footer-socials{gap:10px;margin-top:21px}.footer-socials a{border-radius:12px;width:40px;height:40px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.footer-links h4{margin-bottom:13px;font-size:15px}.footer-links a{margin-bottom:10px;font-size:14px;line-height:1.45}.footer-links a:hover{transform:none}.footer-bottom{align-items:flex-start;gap:9px;padding-top:22px;font-size:12.5px}.footer-bottom span{font-size:13px}}@media (width<=390px){.footer{padding:50px 15px 24px}.footer-content{gap:34px}.footer-brand h3{font-size:23px}.footer-brand p{font-size:14px}.footer-links{gap:27px 16px}.footer-links h4{font-size:14.5px}.footer-links a{font-size:13.5px}.footer-bottom{font-size:12px}.footer-bottom span{font-size:12.5px}}*{box-sizing:border-box;margin:0;padding:0}.login-page{color:#fff;background:radial-gradient(circle at 12% 18%,#3b82f65c,#0000 32%),radial-gradient(circle at 88% 82%,#7c3aed6b,#0000 34%),linear-gradient(135deg,#07142b,#0a1d43 48%,#151044);grid-template-columns:1.08fr .92fr;align-items:center;gap:82px;min-height:100vh;padding:70px 9%;display:grid;overflow:hidden}.login-left{max-width:660px}.brand-badge{color:#dbeafe;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;align-items:center;margin-bottom:28px;padding:8px 15px;font-size:12px;font-weight:700;display:inline-flex}.login-left h1{letter-spacing:-3px;font-size:clamp(48px,5vw,66px);font-weight:900;line-height:1.04}.login-left h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#60a5fa,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;display:block}.login-left p{color:#ffffffc2;max-width:610px;margin:26px 0 40px;font-size:18px;line-height:1.75}.login-stats{flex-wrap:wrap;gap:18px;display:flex}.login-stats div{-webkit-backdrop-filter:blur(16px);background:#ffffff13;border:1px solid #ffffff21;border-radius:22px;width:168px;min-height:118px;padding:22px 20px;transition:transform .3s,border-color .3s,background .3s}.login-stats div:hover{background:#ffffff1a;border-color:#60a5fae6;transform:translateY(-5px)}.login-stats strong{margin-bottom:10px;font-size:25px;font-weight:900;line-height:1.12;display:block}.login-stats small{color:#ffffffa8;font-size:13px;line-height:1.45;display:block}.login-card{-webkit-backdrop-filter:blur(24px);background:#ffffff18;border:1px solid #ffffff26;border-radius:30px;justify-self:end;width:100%;max-width:455px;padding:40px;box-shadow:0 30px 90px #0000005c}.login-card-header{text-align:center;margin-bottom:30px}.login-icon{background:#fffffff5;border:1px solid #ffffffb8;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 17px;display:flex;box-shadow:0 16px 34px #0f172a3d,0 8px 24px #4f46e538}.login-brand-icon-svg{filter:drop-shadow(0 5px 8px #4f46e54d);width:38px;height:38px;display:block;overflow:visible}.login-card-header h2{letter-spacing:-.9px;margin-bottom:8px;font-size:33px;line-height:1.1}.login-card-header p{color:#ffffffa8;font-size:15px}.login-card label{color:#dbeafe;margin:18px 0 9px;font-size:14px;font-weight:600;display:block}.input-box{background:#ffffff16;border:1px solid #ffffff21;border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 17px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex}.input-box:focus-within{background:#ffffff1c;border-color:#60a5faf2;box-shadow:0 0 0 4px #60a5fa29}.input-box span{opacity:.9;flex:none;font-size:17px}.input-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.input-box input::placeholder{color:#ffffff73}.login-options{justify-content:space-between;align-items:center;gap:12px;margin:22px 0;display:flex}.remember{cursor:pointer;align-items:center;gap:8px;color:#ffffffc2!important;margin:0!important;font-size:14px!important;display:flex!important}.remember input{accent-color:#3b82f6;width:17px;height:17px}.login-options button{font-family:inherit;font-size:14px;font-weight:600;color:#bfdbfe!important}.primary-login-btn,.demo-login-btn{cursor:pointer;border-radius:16px;width:100%;height:55px;font-size:15px;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s}.primary-login-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;margin-bottom:13px;box-shadow:0 20px 38px #2563eb57}.primary-login-btn:hover,.demo-login-btn:hover{transform:translateY(-2px)}.primary-login-btn:disabled,.demo-login-btn:disabled,.login-options button:disabled{cursor:not-allowed;opacity:.65}.demo-login-btn{color:#fff;background:#ffffff13;border:1px solid #ffffff21}.demo-login-btn:hover{background:#ffffff1f}.login-footer-text{color:#ffffff9e;text-align:center;margin-top:24px;font-size:15px}.login-footer-text a{text-decoration:none}.login-footer-text span{color:#fff;font-weight:800}@media (width<=950px){.login-page{grid-template-columns:1fr;align-items:start;gap:34px;min-height:auto;padding:42px 24px 56px;overflow:visible}.login-left{text-align:center;width:100%;max-width:760px;margin:0 auto}.brand-badge{margin-left:auto;margin-right:auto}.login-left h1{letter-spacing:-2px;font-size:47px}.login-left p{margin-left:auto;margin-right:auto;font-size:17px}.login-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:620px;margin:0 auto;display:grid}.login-stats div{text-align:center;width:auto;min-height:104px;padding:19px 14px}.login-card{justify-self:center;max-width:560px;padding:34px 28px}}@media (width<=600px){.login-page{background:radial-gradient(circle at 8% 10%,#3b82f64f,#0000 28%),radial-gradient(circle at 95% 74%,#7c3aed57,#0000 30%),linear-gradient(160deg,#071a39,#0b285c 46%,#241068);gap:26px;padding:28px 14px 42px}.login-left{max-width:100%}.brand-badge{margin-bottom:20px;padding:8px 16px;font-size:12px}.login-left h1{letter-spacing:-1.6px;max-width:390px;margin:0 auto;font-size:39px;line-height:1.06}.login-left p{max-width:390px;margin:20px auto 26px;font-size:15.5px;line-height:1.68}.login-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:430px}.login-stats div{border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:84px;padding:14px 7px;display:flex}.login-stats strong{white-space:nowrap;margin-bottom:6px;font-size:18px;line-height:1.1}.login-stats small{font-size:11px;line-height:1.3}.login-card{border-radius:25px;max-width:430px;padding:25px 17px 24px;box-shadow:0 22px 60px #0000004a}.login-card-header{margin-bottom:22px}.login-icon{border-radius:18px;width:58px;height:58px;margin-bottom:14px}.login-brand-icon-svg{width:34px;height:34px}.login-card-header h2{margin-bottom:7px;font-size:28px}.login-card-header p{font-size:14px}.login-card label{margin:15px 0 8px;font-size:13px}.input-box{border-radius:15px;gap:10px;height:53px;padding:0 15px}.input-box span{font-size:15px}.input-box input{font-size:14px}.login-options{gap:10px;margin:18px 0}.remember{gap:7px;font-size:12.5px!important}.remember input{width:16px;height:16px}.login-options button{white-space:nowrap;font-size:12.5px}.primary-login-btn,.demo-login-btn{border-radius:15px;height:52px;font-size:14px}.primary-login-btn{margin-bottom:11px}.login-footer-text{margin-top:20px;font-size:13.5px}}@media (width<=390px){.login-page{padding-left:11px;padding-right:11px}.login-left h1{font-size:35px}.login-left p{font-size:14.5px}.login-stats{gap:6px}.login-stats div{min-height:78px;padding:12px 4px}.login-stats strong{font-size:16px}.login-stats small{font-size:10px}.login-card{padding-left:14px;padding-right:14px}.login-options{align-items:flex-start}.remember,.login-options button{font-size:11.5px!important}}.login-description span{display:block}@media (width<=600px){.login-description{text-align:center;max-width:390px;margin-left:auto;margin-right:auto}.login-description span{display:block}}.reset-password-page{color:#fff;background:radial-gradient(circle at 15% 15%,#38bdf833,#0000 34%),radial-gradient(circle at 85% 82%,#7c3aed42,#0000 36%),linear-gradient(135deg,#071b3a 0%,#0b1e46 48%,#2a1357 100%);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.reset-password-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff21,#ffffff12);border:1px solid #ffffff26;border-radius:28px;width:min(100%,510px);padding:42px;box-shadow:0 34px 80px #02061770,inset 0 1px #ffffff14}.reset-password-logo{background:#fff;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 15px;display:grid;box-shadow:0 18px 35px #2563eb52}.reset-password-brand-icon{width:38px;height:38px}.reset-password-brand{color:#bfdbfe;text-align:center;letter-spacing:.04em;font-size:13px;font-weight:800;display:block}.reset-password-card h1{text-align:center;margin:12px 0 9px;font-size:clamp(27px,5vw,36px);line-height:1.15}.reset-password-description{color:#ffffffb8;text-align:center;max-width:380px;margin:0 auto 25px;line-height:1.65}.reset-password-notice{border-radius:14px;margin-bottom:19px;padding:13px 15px;font-size:14px;font-weight:700;line-height:1.5}.reset-password-notice-info{color:#dbeafe;background:#3b82f62b}.reset-password-notice-success{color:#bbf7d0;background:#22c55e2b}.reset-password-notice-error{color:#fecaca;background:#ef44442b}.reset-password-form label{color:#e0e7ff;margin:17px 0 8px;font-size:14px;font-weight:700;display:block}.reset-password-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:10px;min-height:57px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.reset-password-input:focus-within{background:#ffffff1c;border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f629}.reset-password-input>span{flex:none}.reset-password-input input{color:#fff;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1}.reset-password-input input::placeholder{color:#ffffff6b}.reset-password-input button{color:#bfdbfe;font:inherit;cursor:pointer;background:0 0;border:none;flex:none;font-size:13px;font-weight:800}.reset-password-input button:disabled,.reset-password-input input:disabled{cursor:not-allowed;opacity:.65}.reset-password-hint{color:#ffffff94;margin:10px 0 20px;font-size:13px}.reset-password-submit{color:#fff;width:100%;min-height:56px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:16px;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 18px 35px #2563eb4d}.reset-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 40px #2563eb61}.reset-password-submit:disabled{cursor:not-allowed;opacity:.7}.reset-password-return,.reset-password-secondary-link{color:#bfdbfe;text-align:center;margin-top:20px;font-weight:800;text-decoration:none;display:block}.reset-password-return:hover,.reset-password-secondary-link:hover{color:#fff}@media (width<=600px){.reset-password-page{padding:20px 12px}.reset-password-card{border-radius:22px;padding:30px 20px}.reset-password-input{min-height:54px}}.register-page{color:#0f172a;background:#f4f7fb;grid-template-columns:minmax(420px,.9fr) minmax(600px,1.1fr);min-height:100vh;display:grid}.register-showcase{color:#fff;background:radial-gradient(circle at 10% 15%,#3b82f654,#0000 34%),radial-gradient(circle at 90% 90%,#7c3aed4d,#0000 36%),linear-gradient(145deg,#07162c,#103869 58%,#32227f);flex-direction:column;min-height:100vh;padding:45px 60px;display:flex;position:relative;overflow:hidden}.register-showcase:before{content:"";border:1px solid #ffffff1f;border-radius:50%;width:500px;height:500px;position:absolute;top:-170px;right:-200px}.register-showcase:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-240px;left:-220px}.register-brand,.register-showcase-content,.register-security{z-index:2;position:relative}.register-brand{color:#fff;align-items:center;gap:13px;width:fit-content;text-decoration:none;display:flex}.register-brand-logo{background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:15px;place-items:center;width:46px;height:46px;font-size:21px;font-weight:900;display:grid;box-shadow:0 15px 35px #2563eb4d}.register-brand-text{flex-direction:column;display:flex}.register-brand-text strong{font-size:18px;font-weight:900}.register-brand-text small{color:#bfdbfe;letter-spacing:.13em;margin-top:3px;font-size:10px;font-weight:800}.register-showcase-content{max-width:560px;margin:auto 0;padding:70px 0}.register-eyebrow{color:#bfdbfe;letter-spacing:.1em;background:#3b82f624;border:1px solid #93c5fd40;border-radius:999px;align-items:center;gap:9px;width:fit-content;padding:10px 14px;font-size:10px;font-weight:900;display:flex}.register-showcase-content h1{letter-spacing:-.055em;margin:24px 0 20px;font-size:clamp(44px,5vw,70px);line-height:1.03}.register-showcase-content h1 span{color:#60a5fa}.register-showcase-content>p{color:#d3dceb;max-width:510px;margin:0;font-size:16px;line-height:1.8}.register-benefits{gap:15px;margin-top:38px;display:grid}.register-benefits div{color:#f1f5f9;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.register-benefits svg{color:#86efac;background:#22c55e2e;border-radius:50%;width:25px;height:25px;padding:6px}.register-security{border-top:1px solid #ffffff1f;align-items:center;gap:13px;padding-top:25px;display:flex}.register-security>svg{color:#93c5fd;font-size:22px}.register-security div{flex-direction:column;gap:4px;display:flex}.register-security strong{font-size:13px}.register-security span{color:#94a3b8;font-size:11px}.register-form-section{place-items:center;min-height:100vh;padding:45px 65px;display:grid}.register-form-wrapper{width:min(100%,720px)}.register-back-link{color:#64748b;align-items:center;gap:9px;width:fit-content;margin-bottom:23px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.register-back-link:hover{color:#2563eb}.register-plan-card{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:20px;align-items:center;gap:16px;margin-bottom:32px;padding:18px 20px;display:flex;box-shadow:0 18px 45px #2563eb14}.register-plan-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:15px;flex-shrink:0;place-items:center;width:49px;height:49px;font-size:19px;display:grid}.register-plan-content{flex-direction:column;min-width:0;display:flex}.register-plan-content>span{color:#2563eb;letter-spacing:.14em;font-size:9px;font-weight:900}.register-plan-content strong{margin-top:4px;font-size:16px}.register-plan-content p{color:#64748b;margin:4px 0 0;font-size:11px}.register-plan-price{text-align:right;white-space:nowrap;margin-left:auto}.register-plan-price strong{font-size:21px;display:block}.register-plan-price span{color:#64748b;font-size:11px;font-weight:800}.register-heading>span{color:#2563eb;letter-spacing:.14em;font-size:10px;font-weight:900}.register-heading h2{letter-spacing:-.035em;margin:9px 0;font-size:33px;line-height:1.15}.register-heading p{color:#64748b;margin:0;font-size:13px;line-height:1.7}.register-error{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:13px;margin-top:20px;padding:13px 15px;font-size:12px;font-weight:700}.register-form{gap:17px;margin-top:27px;display:grid}.register-form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.register-form label{gap:8px;display:grid}.register-form label>span{color:#334155;font-size:11px;font-weight:850}.register-input{background:#fff;border:1px solid #dce3ec;border-radius:14px;align-items:center;gap:11px;min-height:53px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex}.register-input:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61c}.register-input>svg,.register-at-icon{color:#94a3b8;flex-shrink:0;font-size:13px}.register-input input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:13px}.register-input input::placeholder{color:#a5afbd}.register-select{position:relative}.register-select select{appearance:none;color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;align-self:stretch;width:100%;min-width:0;padding:0 46px 0 0;font-family:inherit;font-size:13px;font-weight:600}.register-select select:invalid{color:#a5afbd;font-weight:500}.register-select select option{color:#0f172a;background:#fff;font-family:inherit;font-weight:500}.register-select-arrow{pointer-events:none;flex-shrink:0;transition:color .2s,transform .2s;position:absolute;top:50%;right:17px;transform:translateY(-50%);color:#94a3b8!important;font-size:13px!important}.register-select:focus-within .register-select-arrow{transform:translateY(-50%)rotate(180deg);color:#2563eb!important}.register-select:focus-within>svg:first-child{color:#2563eb}.register-password-button{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px}.register-password-button:hover{color:#2563eb}.register-checkbox{cursor:pointer;align-items:flex-start;gap:10px!important;display:flex!important}.register-checkbox input{accent-color:#2563eb;width:17px;height:17px;margin-top:1px}.register-checkbox span{line-height:1.5;color:#64748b!important;font-size:11px!important;font-weight:600!important}.register-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:15px;min-height:57px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 17px 38px #2563eb40}.register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 21px 42px #2563eb52}.register-submit:disabled{opacity:.7;cursor:wait}.register-trial-note{color:#64748b;text-align:center;background:linear-gradient(135deg,#eff6ff,#f8f7ff);border:1px solid #dbeafe;border-radius:13px;margin:-3px 0 0;padding:13px 15px;font-size:11px;font-weight:600;line-height:1.65}.register-trial-note strong{color:#1e3a8a;font-weight:900}.register-login-link{text-align:center;color:#64748b;margin:21px 0 0;font-size:12px}.register-login-link a{color:#2563eb;font-weight:900;text-decoration:none}@media (width<=1050px){.register-page{grid-template-columns:1fr}.register-showcase{min-height:auto;padding:34px}.register-showcase-content{padding:70px 0}.register-form-section{min-height:auto}}@media (width<=680px){.register-showcase{padding:25px 21px}.register-showcase-content{padding:55px 0}.register-showcase-content h1{font-size:41px}.register-form-section{padding:34px 18px}.register-form-row{grid-template-columns:1fr}.register-plan-card{flex-wrap:wrap;align-items:flex-start}.register-plan-price{text-align:left;width:100%;margin-left:65px}}.register-heading-title span,.register-heading-text span,.register-submit span,.register-trial-note span{display:block}.register-heading-text span+span{margin-top:2px}.register-submit{flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.25;display:flex}.register-submit span:first-child{font-size:14px}.register-submit span:last-child{color:#ffffffe6;font-size:12px}.register-trial-note{text-align:left;align-items:flex-start;gap:12px;display:flex}.register-trial-note>svg{color:#2563eb;flex:none;margin-top:2px;font-size:18px}.register-trial-note>div{min-width:0}.register-trial-note strong{margin-bottom:5px;display:block}.register-trial-note span{color:#64748b}.register-trial-note span+span{margin-top:4px}@media (width<=680px){.register-page{background:radial-gradient(circle at 100% 0,#60a5fa1f,#0000 30%),#f4f7fb}.register-showcase{padding:26px 22px 30px}.register-showcase-content{max-width:100%;padding:52px 0 44px}.register-showcase-content h1{letter-spacing:-.055em;max-width:650px;margin-top:24px;font-size:clamp(37px,10.4vw,46px);line-height:1.04}.register-showcase-content>p{max-width:100%;font-size:16px;line-height:1.72}.register-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;margin-top:34px}.register-benefits div{align-items:flex-start;font-size:13px;line-height:1.42}.register-benefits svg{width:24px;height:24px;padding:6px}.register-form-section{padding:30px 18px 58px;display:block}.register-form-wrapper{width:100%}.register-back-link{margin-bottom:22px;font-size:14px}.register-plan-card{background:linear-gradient(135deg,#eff6fff5,#fff);border-radius:24px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:36px;padding:19px;display:grid;box-shadow:0 18px 45px #2563eb17}.register-plan-icon{border-radius:18px;width:58px;height:58px;font-size:22px}.register-plan-content>span{letter-spacing:.16em;font-size:10px}.register-plan-content strong{margin-top:5px;font-size:20px;line-height:1.2}.register-plan-content p{margin-top:6px;font-size:13px;line-height:1.55}.register-plan-price{text-align:left;grid-column:2;width:auto;margin:0}.register-plan-price strong,.register-plan-price span{display:inline}.register-plan-price strong{letter-spacing:-.04em;font-size:35px}.register-plan-price span{margin-left:6px;font-size:14px}.register-heading{margin-bottom:2px}.register-heading>span{letter-spacing:.19em;font-size:11px}.register-heading-title{flex-direction:column;gap:0;display:flex;letter-spacing:-.045em!important;margin:11px 0 17px!important;font-size:clamp(31px,8.8vw,38px)!important;line-height:1.04!important}.register-heading-text{color:#64748b;max-width:100%;font-size:16px!important;line-height:1.66!important}.register-heading-text span:first-child{max-width:100%}.register-heading-text span:last-child{margin-top:2px}.register-form{gap:18px;margin-top:30px}.register-form-row{grid-template-columns:1fr;gap:18px}.register-form label{gap:9px}.register-form label>span{font-size:15px;font-weight:850}.register-input{background:#fffffffa;border:1.5px solid #d8e1ed;border-radius:19px;gap:13px;min-height:66px;padding:0 18px;box-shadow:0 8px 22px #0f172a09}.register-input>svg,.register-at-icon{font-size:18px}.register-input input,.register-select select{font-size:16px}.register-select-arrow{right:18px;font-size:16px!important}.register-checkbox{padding:2px 1px;gap:12px!important}.register-checkbox input{flex:none;width:24px;height:24px;margin-top:1px}.register-checkbox span{line-height:1.55;font-size:14px!important}.register-submit{border-radius:20px;min-height:72px;padding:13px 20px;box-shadow:0 20px 42px #4f46e547}.register-submit span:first-child{font-size:17px}.register-submit span:last-child{font-size:15px}.register-trial-note{background:linear-gradient(135deg,#eef6ff 0%,#f7f4ff 100%);border-radius:20px;margin-top:0;padding:18px;font-size:14px;line-height:1.63;box-shadow:inset 0 1px #fffc}.register-trial-note strong{font-size:15px}.register-login-link{margin-top:28px;font-size:15px}}@media (width<=390px){.register-showcase{padding-left:18px;padding-right:18px}.register-eyebrow{letter-spacing:.08em;font-size:9px}.register-benefits{gap:13px 12px}.register-benefits div{font-size:12px}.register-form-section{padding-left:14px;padding-right:14px}.register-plan-card{grid-template-columns:52px minmax(0,1fr);padding:17px}.register-plan-icon{width:52px;height:52px}.register-heading-title{font-size:29px!important}.register-heading-text{font-size:15px!important}.register-input{min-height:62px}.register-submit span:first-child{font-size:16px}.register-submit span:last-child{font-size:14px}}@media (width<=680px){.register-trial-note{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;padding:18px;display:grid}.register-trial-note>svg{color:#0878eb;width:24px;height:24px;margin-top:2px}.register-trial-content{min-width:0}.register-trial-content strong{color:#164294;margin:0 0 10px;font-size:17px;line-height:1.35;display:block}.register-trial-content p{color:#64748b;margin:0;font-size:14px;line-height:1.65}.register-page{background:#f5f7fb;min-height:100vh;display:block}.register-showcase{background:#fff;border-bottom:1px solid #e6ebf2;min-height:auto;padding:16px 18px;display:block}.register-showcase:before,.register-showcase:after,.register-showcase-content,.register-security{display:none}.register-brand{color:#0f172a;gap:10px}.register-brand-logo{border-radius:12px;width:38px;height:38px;font-size:17px;box-shadow:0 9px 22px #4f46e52e}.register-brand-text strong{font-size:16px}.register-brand-text small{display:none}.register-form-section{min-height:auto;padding:16px 12px 34px;display:block}.register-form-wrapper{background:#fff;border:1px solid #e3e8f1;border-radius:22px;width:100%;max-width:520px;margin:0 auto;padding:20px 16px 22px;box-shadow:0 16px 42px #0f172a12}.register-back-link{margin-bottom:17px;font-size:12px}.register-plan-card{min-height:62px;box-shadow:none;border-radius:16px;flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:21px;padding:12px 14px;display:flex}.register-plan-icon{border-radius:12px;width:38px;height:38px;font-size:15px}.register-plan-content{flex:1}.register-plan-content>span,.register-plan-content p{display:none}.register-plan-content strong{margin:0;font-size:14px;line-height:1.25}.register-plan-price{text-align:right;align-items:baseline;gap:4px;width:auto;margin:0;display:flex}.register-plan-price strong,.register-plan-price span{display:inline}.register-plan-price strong{letter-spacing:-.04em;font-size:21px}.register-plan-price span{margin:0;font-size:11px}.register-heading>span{display:none}.register-heading-title{display:block;letter-spacing:-.04em!important;margin:0 0 8px!important;font-size:27px!important;line-height:1.08!important}.register-heading-title span{display:inline}.register-heading-title span+span:before{content:" "}.register-heading-text{margin:0!important;font-size:13px!important;line-height:1.55!important}.register-heading-text span{display:inline}.register-heading-text span+span:before{content:" "}.register-form{gap:13px;margin-top:20px}.register-form-row{grid-template-columns:1fr;gap:13px}.register-form label{gap:7px}.register-form label>span{font-size:13px}.register-input{min-height:54px;box-shadow:none;border-width:1px;border-radius:15px;gap:11px;padding:0 15px}.register-input>svg,.register-at-icon{font-size:15px}.register-input input,.register-select select{font-size:14px}.register-select-arrow{right:15px;font-size:14px!important}.register-checkbox{padding:2px 0;gap:10px!important}.register-checkbox input{width:19px;height:19px}.register-checkbox span{line-height:1.45;font-size:11.5px!important}.register-submit{border-radius:16px;min-height:56px;padding:10px 16px;box-shadow:0 14px 30px #4f46e538}.register-submit span:first-child{font-size:15px}.register-submit span:last-child{font-size:12px}.register-trial-note{box-shadow:none;border-radius:15px;grid-template-columns:20px minmax(0,1fr);gap:9px;margin-top:0;padding:13px;font-size:11px;line-height:1.5;display:grid}.register-trial-note>svg{width:18px;height:18px;margin-top:1px;font-size:18px}.register-trial-content strong{font-size:13px;margin-bottom:5px!important}.register-trial-content p{white-space:normal!important;font-size:11px!important;line-height:1.5!important}.register-trial-content p+p{margin-top:6px!important}.register-login-link{margin-top:20px;font-size:12px}}@media (width<=390px){.register-form-section{padding-left:9px;padding-right:9px}.register-form-wrapper{padding-left:13px;padding-right:13px}.register-plan-card{padding-left:11px;padding-right:11px}.register-plan-content strong{font-size:13px}.register-plan-price strong{font-size:19px}.register-heading-title{font-size:25px!important}}.register-brand-logo{background:#fffffff5;border:1px solid #e0e7ffe6}.register-brand-icon-svg{filter:drop-shadow(0 5px 9px #4f46e53d);width:29px;height:29px;display:block;overflow:visible}.register-trial-cancel,.register-trial-details{margin:0}.register-trial-details{margin-top:8px}.register-trial-details span{display:block}.register-trial-details span+span{margin-top:3px}@media (width>=1051px){.register-heading-title{white-space:nowrap}.register-heading-text{white-space:nowrap;letter-spacing:-.01em;max-width:none;font-size:12px}}@media (width<=680px){.register-brand-logo{background:#fff}.register-brand-icon-svg{width:25px;height:25px}.register-trial-cancel{font-size:11px!important;line-height:1.5!important}.register-trial-details{margin-top:7px!important;font-size:10.7px!important;line-height:1.48!important}.register-trial-details span{display:block}.register-trial-details span+span{margin-top:3px}.register-trial-cancel,.register-trial-details-loyalty span,.register-trial-details-monthly span,.register-trial-details-yearly span{letter-spacing:-.18px;white-space:nowrap;font-size:10.5px!important;line-height:1.5!important}}.dashboard-page{background:#f5f8fe;min-height:100vh}.dashboard-main{width:calc(100vw - 280px);min-height:100vh;margin-left:280px;padding:42px;overflow-x:hidden}.premium-dashboard{flex-direction:column;gap:26px;display:flex;overflow:visible}.premium-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:6px;display:flex}.premium-header>div{flex:1;min-width:0}.premium-header span{color:#2563eb;font-weight:900}.premium-header h1{margin:8px 0 0;font-size:42px;line-height:1.1}.premium-header p{color:#64748b;white-space:nowrap;width:max-content;max-width:none;margin-top:10px}.premium-header p strong{display:inline}.premium-header button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 26px;font-weight:900;transition:all .25s;display:flex;box-shadow:0 20px 40px #2563eb40}.premium-header button:hover:not(:disabled){transform:translateY(-2px)}.premium-header button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}.premium-stats{grid-template-columns:repeat(4,minmax(220px,1fr));gap:20px;width:100%;display:grid}.premium-stat-card{background:#fff;border-radius:24px;min-height:170px;padding:28px;transition:all .25s;box-shadow:0 18px 45px #0f172a0f}.premium-stat-card:hover{transform:translateY(-6px)}.premium-stat-card svg{color:#2563eb;margin-bottom:16px;font-size:30px}.premium-stat-card h3{margin-bottom:6px;font-size:34px;line-height:1.1}.premium-stat-card p{color:#64748b;font-weight:700}.premium-layout{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);align-items:start;gap:22px;display:grid}.live-agenda-card,.ai-card,.recent-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 18px 45px #0f172a0f}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.section-title h2{font-size:24px}.section-title p{color:#64748b;margin-top:4px}.section-title span{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:8px 14px;font-weight:900}.agenda-list{flex-direction:column;gap:16px;display:flex}.agenda-item{background:#f8fbff;border-radius:18px;grid-template-columns:95px 1fr auto;align-items:center;gap:16px;padding:18px;transition:all .25s;display:grid}.agenda-item:hover{transform:translate(6px)}.agenda-time{color:#2563eb;align-items:center;gap:8px;font-weight:900;display:flex}.agenda-item h3{font-size:17px}.agenda-item p{color:#64748b;margin-top:4px}.agenda-item strong{color:#15803d;background:#dcfce7;border-radius:999px;padding:8px 14px;font-size:13px}.ai-card{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.ai-card svg{margin-bottom:16px;font-size:34px}.ai-card h2{font-size:28px}.ai-card p{color:#ffffffd9;margin-top:14px;line-height:1.7}.recent-card{margin-top:22px}.recent-card h2{margin-bottom:18px}.recent-item{border-bottom:1px solid #eef2f7;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:16px 0;display:grid}.recent-item:last-child{border-bottom:none}.recent-item strong{display:block}.recent-item span{color:#64748b;margin-top:4px;font-size:13px;display:block}.recent-item em{color:#2563eb;background:#dbeafe;border-radius:999px;padding:7px 12px;font-size:12px;font-style:normal;font-weight:900}.recent-item small{color:#94a3b8;white-space:nowrap}.dashboard-error-message{color:#b91c1c;background:#fee2e2;border-radius:14px;margin-bottom:20px;padding:14px 18px;font-weight:700}.dashboard-empty-state{text-align:center;background:#f8fbff;border:1px dashed #cbd5e1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:180px;padding:28px;display:flex}.dashboard-empty-state svg{color:#2563eb;font-size:30px}.dashboard-empty-state h3{color:#0f172a;font-size:18px}.dashboard-empty-state p{color:#64748b;max-width:390px;line-height:1.6}.dashboard-empty-state.small{min-height:105px;padding:18px}.dashboard-agenda-item{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;transition:all .25s;display:grid}.dashboard-agenda-item:hover{border-color:#bfdbfe;transform:translate(4px)}.dashboard-agenda-item+.dashboard-agenda-item{margin-top:12px}.dashboard-agenda-time{color:#2563eb;align-items:center;gap:8px;display:flex}.dashboard-agenda-information h3{color:#0f172a;margin:0 0 5px}.dashboard-agenda-information p{color:#475569;margin:0 0 7px}.dashboard-agenda-information span{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.dashboard-appointment-status{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.dashboard-appointment-status.approved{color:#15803d;background:#dcfce7}.dashboard-appointment-status.waiting{color:#b45309;background:#fef3c7}.dashboard-recent-list{flex-direction:column;gap:10px;display:flex}.dashboard-recent-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.dashboard-recent-item:last-child{border-bottom:none}.dashboard-recent-item>div{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-recent-item>div:last-child{flex-shrink:0;align-items:flex-end}.dashboard-recent-item strong{color:#0f172a}.dashboard-recent-item span{color:#64748b;font-size:12px}@media (width<=1200px){.premium-layout{grid-template-columns:1fr}.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.dashboard-main{width:100%;margin-left:0}}@media (width<=780px){.dashboard-main{width:100%;margin-left:0;padding:20px 14px 40px}.premium-dashboard{gap:16px}.premium-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:4px}.premium-header>div{width:100%}.premium-header h1{letter-spacing:-1.2px;margin-top:6px;font-size:32px;line-height:1.08}.premium-header p{white-space:normal;width:auto;max-width:100%;margin-top:12px;font-size:15px;line-height:1.55}.premium-header button{border-radius:16px;width:100%;height:52px;padding:0 18px;font-size:14px}.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium-stat-card{border-radius:20px;min-height:132px;padding:17px}.premium-stat-card:hover{transform:none}.premium-stat-card svg{margin-bottom:11px;font-size:25px}.premium-stat-card h3{margin-bottom:7px;font-size:28px}.premium-stat-card p{font-size:13px;line-height:1.35}.premium-layout{gap:16px}.live-agenda-card,.ai-card,.recent-card{border-radius:22px;padding:19px}.section-title{flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:17px}.section-title h2{font-size:24px}.section-title p{font-size:14px}.section-title span{padding:7px 11px;font-size:12px}.dashboard-empty-state{border-radius:18px;min-height:170px;padding:20px 16px}.dashboard-empty-state h3{font-size:18px;line-height:1.35}.dashboard-empty-state p{font-size:14px;line-height:1.55}.dashboard-agenda-item{grid-template-columns:1fr;align-items:flex-start}.dashboard-appointment-status{width:fit-content}.ai-card svg{margin-bottom:12px;font-size:30px}.ai-card h2{font-size:27px}.ai-card p{margin-top:10px;font-size:15px;line-height:1.6}.recent-card{margin-top:16px}.recent-card h2{margin-bottom:12px;font-size:25px}.dashboard-recent-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.dashboard-recent-item>div:last-child{align-items:flex-end}.dashboard-recent-item strong{font-size:15px}.dashboard-recent-item span{font-size:12px}}@media (width<=390px){.dashboard-main{padding-inline:12px}.premium-header h1{font-size:29px}.premium-stat-card{min-height:126px;padding:15px}.premium-stat-card h3{font-size:26px}.premium-stat-card p{font-size:12px}}@media (width<=1100px){.dashboard-page,.dashboard-page *,.dashboard-page :before,.dashboard-page :after{box-sizing:border-box}.dashboard-page{width:100%;min-width:0;max-width:100vw;overflow-x:clip}.dashboard-main{width:100%;min-width:0;max-width:100%;margin-left:0}.premium-dashboard,.premium-header,.premium-header>div,.premium-stats,.premium-layout,.live-agenda-card,.right-dashboard-panel,.ai-card,.recent-card{width:100%;min-width:0;max-width:100%}.premium-header button{max-width:100%}.premium-header h1,.premium-header p,.premium-stat-card p,.section-title h2,.section-title p{overflow-wrap:anywhere}.premium-stat-card{min-width:0;overflow:hidden}}.app-sidebar{color:#fff;z-index:1000;background:radial-gradient(circle at 0 0,#60a5fa47,#0000 32%),linear-gradient(#07172f 0%,#030712 100%);border-right:1px solid #ffffff14;flex-direction:column;width:280px;min-height:100vh;padding:28px 18px;display:flex;position:fixed;top:0;left:0}.mobile-dashboard-bar,.mobile-menu-trigger,.sidebar-overlay,.mobile-sidebar-close{display:none}.sidebar-brand{align-items:center;gap:14px;margin-bottom:42px;padding:0 8px;display:flex}.brand-mark{letter-spacing:-.8px;background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;font-weight:900;display:grid;box-shadow:0 18px 40px #2563eb61}.brand-mark-symbol{background:#fffffff5;border:1px solid #ffffff2e;padding:9px;overflow:hidden}.sidebar-brand-icon-svg{filter:drop-shadow(0 6px 10px #4f46e547);width:100%;height:100%;display:block}.sidebar-brand-text{min-width:0}.sidebar-brand h2{margin:0;font-size:21px;line-height:1.1}.sidebar-brand p{color:#ffffff94;margin:4px 0 0;font-size:13px}.sidebar-menu{flex-direction:column;gap:9px;display:flex}.sidebar-link{color:#ffffffa8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:13px;width:100%;height:52px;padding:0 16px;font-size:15px;font-weight:750;transition:all .25s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff13;transform:translate(3px)}.sidebar-link.active{color:#fff;background:#ffffff1f;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff14}.sidebar-link.active:before{content:"";background:linear-gradient(#60a5fa,#a78bfa);border-radius:999px;width:4px;position:absolute;top:14px;bottom:14px;left:7px}.sidebar-icon{place-items:center;font-size:19px;display:grid}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-user{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff13;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 12px 25px #2563eb40}.user-avatar.has-business-logo{background:#fff;border:1px solid #ffffff3d;padding:4px}.user-avatar.has-business-logo img{object-fit:contain;background:#fff;border-radius:9px;width:100%;height:100%;display:block}.sidebar-user>div:last-child{min-width:0}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:155px;font-size:14px;display:block;overflow:hidden}.sidebar-user small{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;max-width:155px;margin-top:3px;font-size:12px;display:block;overflow:hidden}.logout-btn{color:#ffffffb8;cursor:pointer;background:#ffffff12;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;height:46px;font-weight:750;transition:all .25s;display:flex}.logout-btn:hover{color:#fecaca;background:#ef444429;border-color:#ef44442e}.logout-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.mobile-dashboard-bar{z-index:990;-webkit-backdrop-filter:blur(18px);background:#fffffff5;border-bottom:1px solid #e2e8f0;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 14px;display:grid;position:sticky;top:0;box-shadow:0 10px 30px #0f172a12}.mobile-menu-trigger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:14px;place-items:center;width:44px;height:44px;padding:0;font-size:22px;display:grid;box-shadow:0 10px 24px #2563eb3d}.mobile-dashboard-brand{color:#0f172a;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;min-width:0;padding:0;font-size:16px;font-weight:900;overflow:hidden}.mobile-business-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:14px;place-items:center;width:44px;height:44px;font-size:15px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 8px 20px #2563eb2e}.mobile-business-logo.has-business-logo{background:#fff;border:1px solid #dbeafe;padding:4px}.mobile-business-logo img{object-fit:contain;background:#fff;border-radius:9px;width:100%;height:100%;display:block}.app-sidebar{visibility:hidden;width:min(84vw,320px);height:100dvh;min-height:100dvh;padding:24px 18px;transition:transform .3s,visibility .3s;display:flex;overflow-y:auto;transform:translate(-110%);box-shadow:28px 0 70px #0206176b}.app-sidebar.mobile-sidebar-open{visibility:visible;transform:translate(0)}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061794;border:none;padding:0;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}.sidebar-overlay.sidebar-overlay-visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-sidebar-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;margin-left:auto;font-size:22px;display:grid}.sidebar-brand{margin-bottom:28px}.sidebar-menu{flex:1;padding-right:3px;overflow-y:auto}.sidebar-bottom{padding-bottom:max(10px, env(safe-area-inset-bottom))}}@media (width<=480px){.mobile-dashboard-bar{grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;min-height:64px;padding:8px 12px}.mobile-menu-trigger,.mobile-business-logo{width:42px;height:42px}.mobile-dashboard-brand{font-size:15px}.app-sidebar{width:min(88vw,310px);padding:22px 15px}}@media (width<=1100px){.mobile-dashboard-bar,.mobile-dashboard-bar *,.mobile-dashboard-bar :before,.mobile-dashboard-bar :after{box-sizing:border-box}.mobile-dashboard-bar{width:100%;min-width:0;max-width:100vw;left:0;right:0;overflow:hidden}.mobile-dashboard-brand{min-width:0;max-width:100%}.mobile-menu-trigger,.mobile-business-logo{flex-shrink:0}}.appointments-wrapper{background:linear-gradient(135deg,#f8fbff,#eef4ff);min-height:100vh}.appointments-page{color:#0f172a;min-height:100vh;margin-left:280px;padding:42px}.appointments-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.appointments-header span{color:#2563eb;font-weight:900}.appointments-header h1{margin-top:8px;font-size:38px}.appointments-header p{color:#64748b;max-width:680px;margin-top:8px;line-height:1.6}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 22px;font-family:inherit;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 18px 35px #2563eb40}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 42px #2563eb52}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.appointment-error-message{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:20px;padding:14px 16px;font-size:13px;font-weight:800}.calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:26px 0;display:flex}.calendar-date-control{align-items:center;gap:14px;display:flex}.calendar-date-control button{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:14px;place-items:center;width:46px;height:46px;transition:transform .2s,color .2s,background .2s;display:grid;box-shadow:0 10px 25px #0f172a0f}.calendar-date-control button:hover{color:#2563eb;background:#eff6ff;transform:translateY(-1px)}.calendar-date-control strong{font-size:18px;display:block}.calendar-date-control span{color:#64748b;margin-top:3px;font-size:13px;display:block}.calendar-filter-group,.calendar-view-toggle{flex-wrap:wrap;gap:10px;display:flex}.calendar-filter-group button,.calendar-view-toggle button{color:#334155;cursor:pointer;background:#fff;border:none;border-radius:14px;height:42px;padding:0 18px;font-family:inherit;font-weight:800;transition:transform .2s,background .2s,color .2s;box-shadow:0 10px 20px #0f172a0d}.calendar-filter-group button:hover,.calendar-view-toggle button:hover{color:#2563eb;background:#eff6ff;transform:translateY(-1px)}.calendar-filter-group button.active,.calendar-view-toggle button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.appointments-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:40px;display:flex;box-shadow:0 18px 45px #0f172a0f}.appointments-empty-state>svg{color:#2563eb;font-size:36px}.appointments-empty-state h2{margin:0;font-size:24px}.appointments-empty-state p{color:#64748b;max-width:520px;margin:0;line-height:1.7}.appointments-onboarding{margin-top:28px}.appointments-onboarding-card{background:#fff;border:1px solid #e2e8f0;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(460px,.95fr);gap:34px;padding:34px;display:grid;box-shadow:0 24px 65px #0f172a14}.appointments-onboarding-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:14px 8px;display:flex}.appointments-onboarding-eyebrow{color:#2563eb;letter-spacing:.08em;background:#eef4ff;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;font-size:12px;font-weight:900;display:inline-flex}.appointments-onboarding-content h2{color:#0f172a;letter-spacing:-.04em;max-width:650px;margin:24px 0 14px;font-size:clamp(34px,3vw,48px);line-height:1.08}.appointments-onboarding-content>p{color:#64748b;max-width:680px;margin:0;font-size:16px;line-height:1.75}.appointments-onboarding-steps{width:100%;margin-top:28px;display:grid}.appointments-onboarding-steps>div{border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:14px;padding:16px 0;display:flex}.appointments-onboarding-steps>div:last-child{border-bottom:none}.appointments-step-icon{color:#4f46e5;background:#eef4ff;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.appointments-onboarding-steps strong{color:#0f172a;margin-bottom:5px;font-size:16px;display:block}.appointments-onboarding-steps p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.appointments-onboarding-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:30px;padding:0 26px;font-family:inherit;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 34px #4f46e547}.appointments-onboarding-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #4f46e557}.appointments-onboarding-visual{background:radial-gradient(circle at 18% 20%,#6366f152,#0000 28%),radial-gradient(circle at 88% 84%,#7c3aed47,#0000 34%),linear-gradient(145deg,#1e2559,#312e81);border-radius:26px;min-height:500px;position:relative;overflow:hidden}.appointments-onboarding-visual:before{content:"";background:radial-gradient(circle at 30% 35%,#0000 0 90px,#ffffff14 91px 92px,#0000 93px),radial-gradient(circle at 70% 55%,#0000 0 150px,#ffffff0d 151px 152px,#0000 153px);position:absolute;inset:0}.appointments-onboarding-visual:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:250px;height:250px;position:absolute;bottom:55px;right:-90px}.appointment-floating-person{z-index:4;color:#fff;border:4px solid #ffffff2e;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;box-shadow:0 18px 35px #0f172a47}.person-one{background:linear-gradient(135deg,#4f46e5,#6366f1);width:72px;height:72px;top:92px;left:32px}.person-two{background:linear-gradient(135deg,#a855f7,#ec4899);width:64px;height:64px;top:42px;left:122px}.person-three{background:linear-gradient(135deg,#14b8a6,#22c55e);width:56px;height:56px;top:146px;left:132px}.appointment-calendar-mockup{z-index:3;background:#fffffff7;border:1px solid #ffffff6b;border-radius:24px;width:min(76%,500px);padding:24px;position:absolute;top:30px;right:28px;box-shadow:0 30px 55px #0f172a47}.appointment-calendar-top{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;font-weight:900;display:flex}.appointment-calendar-top svg{color:#6366f1;font-size:22px}.appointment-calendar-grid{border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:55px repeat(3,1fr);display:grid;overflow:hidden}.appointment-calendar-grid>*{color:#64748b;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;align-items:center;min-height:40px;padding:0 9px;font-size:11px;display:flex}.appointment-calendar-grid>:nth-child(4n){border-right:none}.appointment-calendar-grid>:nth-last-child(-n+4){border-bottom:none}.appointment-slot{border-radius:7px;min-height:27px;margin:6px}.appointment-slot.purple{background:#e9d5ff;border:1px solid #c084fc}.appointment-slot.blue{background:#dbeafe;border:1px solid #60a5fa}.appointment-slot.green{background:#ccfbf1;border:1px solid #5eead4}.appointment-visual-note{z-index:5;color:#f8fafc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:18px;align-items:center;gap:12px;min-height:64px;padding:15px 18px;font-size:14px;font-weight:700;line-height:1.55;display:flex;position:absolute;bottom:22px;left:28px;right:28px;box-shadow:0 16px 35px #0f172a2e}.appointment-visual-note svg{color:#c4b5fd;flex-shrink:0;font-size:21px}.live-calendar-shell{background:#fff;border-radius:28px;padding:24px;overflow:auto;box-shadow:0 18px 45px #0f172a0f}.live-calendar-grid{border:1px solid #e2e8f0;border-radius:24px;min-width:1150px;display:grid;overflow:hidden}.live-time-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;height:86px}.live-staff-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;height:86px;display:flex}.live-staff-header div{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:8px;font-weight:900;display:grid}.live-staff-header strong{font-size:14px}.live-staff-header span{color:#64748b;margin-top:3px;font-size:12px}.live-hour-label{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;justify-content:center;align-items:flex-start;height:110px;padding-top:14px;font-size:13px;font-weight:900;display:flex}.live-slot{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;height:110px;padding:8px;transition:background .2s;position:relative}.live-slot:hover{background:#f8fbff}.empty-slot-btn{color:#94a3b8;cursor:pointer;background:0 0;border:2px dashed #dbe4f1;border-radius:16px;width:100%;height:100%;font-family:inherit;font-weight:700;transition:border-color .25s,color .25s,background .25s}.empty-slot-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.live-appointment{cursor:grab;border-radius:18px;height:100%;padding:14px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.live-appointment:hover{overflow:visible;transform:translateY(-2px);box-shadow:0 20px 40px #2563eb2e}.live-appointment:active{cursor:grabbing}.approved{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.waiting{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316)}.cancelled{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.live-appointment-top{align-items:center;gap:10px;display:flex}.client-avatar{background:#ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.live-appointment-top strong{font-size:14px;display:block}.live-appointment-top span{opacity:.85;margin-top:2px;font-size:12px;display:block}.live-appointment-meta{justify-content:space-between;gap:10px;margin-top:14px;font-size:12px;display:flex}.live-appointment-meta span{align-items:center;gap:5px;display:flex}.live-appointment-footer{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.live-appointment-footer em{background:#ffffff2e;border-radius:999px;padding:4px 10px;font-size:11px;font-style:normal;font-weight:700}.live-appointment-footer small{opacity:.9}.appointment-hover-card{z-index:30;opacity:0;visibility:hidden;background:#fff;border-radius:18px;width:240px;padding:18px;transition:opacity .25s,visibility .25s,transform .25s;position:absolute;top:0;left:calc(100% + 12px);transform:translate(-6px);box-shadow:0 25px 55px #0f172a29}.live-appointment:hover .appointment-hover-card{opacity:1;visibility:visible;transform:translate(0)}.appointment-hover-card strong{color:#0f172a;margin-bottom:6px;font-size:16px;display:block}.appointment-hover-card p{color:#64748b;margin-bottom:5px;font-size:13px}.appointment-hover-card button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:14px;font-family:inherit;font-weight:800;display:flex}.appointment-panel-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a61;justify-content:flex-end;display:flex;position:fixed;inset:0}.appointment-panel{background:#fff;width:430px;height:100vh;padding:30px;animation:.25s appointmentPanelSlide;overflow-y:auto;box-shadow:-30px 0 70px #0f172a2e}@keyframes appointmentPanelSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.appointment-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.appointment-panel-header span{color:#2563eb;font-weight:900}.appointment-panel-header h2{margin-top:6px;font-size:30px}.appointment-panel-header button{cursor:pointer;background:#f1f5f9;border:none;border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.appointment-panel-header button:disabled{opacity:.6;cursor:wait}.appointment-form{flex-direction:column;gap:16px;display:flex}.appointment-form label{flex-direction:column;gap:8px;font-size:14px;font-weight:900;display:flex}.appointment-form input,.appointment-form select,.appointment-form textarea{width:100%;font:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;outline:none;transition:border-color .2s,box-shadow .2s}.appointment-form input,.appointment-form select{height:52px;padding:0 14px}.appointment-form textarea{resize:vertical;min-height:110px;padding:14px}.appointment-form input:focus,.appointment-form select:focus,.appointment-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61c}.save-appointment-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;min-height:54px;margin-top:10px;font-family:inherit;font-weight:900}.save-appointment-btn:disabled{opacity:.65;cursor:wait}.delete-appointment-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:10px;font-family:inherit;font-weight:900;transition:background .2s;display:flex}.delete-appointment-btn:hover:not(:disabled){background:#fecaca}.delete-appointment-btn:disabled{opacity:.6;cursor:wait}@media (width<=1200px){.appointments-onboarding-card{grid-template-columns:1fr}.appointments-onboarding-visual{min-height:520px}}@media (width<=1100px){.appointments-page{margin-left:0;padding:24px}}@media (width<=760px){.appointments-page{padding:20px}.appointments-header{flex-direction:column;align-items:stretch}.appointments-header .primary-btn{width:100%}.calendar-toolbar{flex-direction:column;align-items:stretch}.calendar-date-control{justify-content:space-between}.calendar-filter-group,.calendar-view-toggle{width:100%}.calendar-filter-group button,.calendar-view-toggle button{flex:1}.appointments-onboarding-card{border-radius:24px;padding:22px}.appointments-onboarding-content h2{font-size:32px}.appointments-onboarding-visual{min-height:620px}.appointment-calendar-mockup{width:calc(100% - 40px);top:170px;right:20px}.appointment-visual-note{bottom:24px;left:20px;right:20px}.appointment-panel{width:100%}}@media (width<=520px){.appointments-onboarding-content h2{font-size:29px}.appointments-onboarding-visual{min-height:660px}.person-one{width:66px;height:66px;top:42px;left:26px}.person-two{width:58px;height:58px;top:28px;left:118px}.person-three{width:52px;height:52px;top:108px;left:130px}.appointment-calendar-mockup{width:calc(100% - 32px);padding:16px;top:190px;right:16px}.appointment-visual-note{min-height:58px;padding:14px 15px;font-size:13px;bottom:20px;left:16px;right:16px}}.appointment-success-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:15px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;font-weight:900;display:flex;box-shadow:0 10px 24px #05966914}.appointment-success-message svg{flex-shrink:0;font-size:19px}.appointment-success-message.panel{margin-top:-8px;margin-bottom:18px}.completed{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6)}.appointment-status-actions{background:radial-gradient(circle at 100% 0,#6366f11c,#0000 34%),linear-gradient(145deg,#f8fbff,#eef4ff);border:1px solid #dbeafe;border-radius:20px;padding:18px}.appointment-status-heading span{color:#4f46e5;letter-spacing:.08em;font-size:11px;font-weight:900;display:block}.appointment-status-heading strong{color:#0f172a;margin-top:6px;font-size:15px;line-height:1.45;display:block}.appointment-status-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.status-action{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.status-action:hover:not(:disabled){transform:translateY(-2px)}.status-action:disabled{opacity:.6;cursor:wait}.approved-action{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.approved-action.active{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 10px 20px #22c55e33}.completed-action{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.completed-action.active{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-color:#14b8a6;box-shadow:0 10px 20px #14b8a638}.cancelled-action{color:#be123c;background:#fff1f2;border-color:#fecaca}.cancelled-action.active{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 10px 20px #ef444433}.appointment-status-actions>p{color:#64748b;margin:14px 0 0;font-size:11px;font-weight:700;line-height:1.55}@media (width<=520px){.appointment-status-buttons{grid-template-columns:1fr}.status-action{min-height:46px}}.appointment-field-help{color:#64748b;margin-top:2px;font-size:12px;font-weight:600;line-height:1.5;display:block}.mobile-calendar-shell{display:none}@media (width<=760px){.appointments-page{padding:18px 14px 40px}.appointments-header{gap:18px;margin-bottom:20px}.appointments-header h1{letter-spacing:-1.2px;margin-top:6px;font-size:34px;line-height:1.08}.appointments-header p{margin-top:10px;font-size:15px;line-height:1.55}.appointments-header .primary-btn{border-radius:16px;height:50px;font-size:14px}.calendar-toolbar{grid-template-columns:1fr;gap:14px;margin:18px 0 20px;display:grid}.calendar-date-control{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;width:100%;padding:10px;display:grid;box-shadow:0 12px 28px #0f172a0f}.calendar-date-control button{width:44px;height:44px;box-shadow:none;background:#f8fafc;border-radius:13px}.calendar-date-control>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.calendar-date-control strong{font-size:16px}.calendar-date-control span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.calendar-filter-group{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:9px;width:100%;padding:2px 1px 8px;display:flex;overflow-x:auto}.calendar-filter-group::-webkit-scrollbar{display:none}.calendar-filter-group button{white-space:nowrap;border-radius:14px;flex:none;min-width:92px;height:42px;padding:0 14px}.calendar-view-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.calendar-view-toggle button{border-radius:14px;width:100%;height:44px}.desktop-calendar-shell{display:none}.mobile-calendar-shell{display:block}.mobile-calendar-overview{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:15px 16px;display:flex;box-shadow:0 12px 30px #0f172a0f}.mobile-calendar-overview>div{min-width:0}.mobile-calendar-overview span{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.mobile-calendar-overview strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:15px;display:block;overflow:hidden}.mobile-calendar-overview small{color:#4f46e5;background:#eef4ff;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:11px;font-weight:900}.mobile-calendar-list{flex-direction:column;gap:12px;display:flex}.mobile-time-group{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #0f172a0e}.mobile-time-heading{color:#0f172a;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:9px;height:46px;padding:0 15px;display:flex}.mobile-time-heading svg{color:#2563eb}.mobile-time-heading strong{font-size:15px}.mobile-time-slots{flex-direction:column;display:flex}.mobile-time-slots>*+*{border-top:1px solid #eef2f7}.mobile-empty-slot{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;font-family:inherit;display:flex}.mobile-empty-slot:active{background:#f8fbff}.mobile-empty-person{align-items:center;gap:11px;min-width:0;display:flex}.mobile-empty-person>b{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:13px;display:grid}.mobile-empty-person>span{min-width:0}.mobile-empty-person strong,.mobile-empty-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-empty-person strong{font-size:14px}.mobile-empty-person small{color:#64748b;margin-top:3px;font-size:11px}.mobile-empty-action{color:#2563eb;background:#eff6ff;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.mobile-appointment-card{cursor:pointer;min-height:92px;padding:14px}.mobile-appointment-main{align-items:center;gap:11px;display:flex}.mobile-appointment-main>div:last-child{min-width:0}.mobile-appointment-main strong,.mobile-appointment-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-appointment-main strong{font-size:14px}.mobile-appointment-main span{opacity:.88;margin-top:3px;font-size:12px}.mobile-appointment-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.mobile-appointment-bottom span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex;overflow:hidden}.mobile-appointment-bottom em{background:#ffffff2e;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:10px;font-style:normal;font-weight:900}.appointment-panel{width:100%;height:100dvh;padding:22px 16px 34px}.appointment-panel-header{margin-bottom:22px}.appointment-panel-header h2{font-size:27px}.appointment-form{gap:14px}.appointment-form input,.appointment-form select{height:50px}.appointment-status-buttons{grid-template-columns:1fr}}@media (width<=390px){.appointments-page{padding-inline:12px}.appointments-header h1{font-size:31px}.calendar-filter-group button{min-width:84px}}@media (width<=760px){.appointments-page{padding:14px 14px 36px}.appointments-header{gap:12px;margin-bottom:14px}.appointments-header>div{width:100%}.appointments-header span{font-size:13px}.appointments-header h1{letter-spacing:-.8px;margin-top:4px;font-size:28px;line-height:1.08}.appointments-header p{max-width:100%;margin-top:7px;font-size:13px;line-height:1.45}.appointments-header .primary-btn{border-radius:14px;width:100%;height:44px;padding:0 16px;font-size:13px;box-shadow:0 12px 26px #2563eb33}.calendar-toolbar{gap:10px;margin:12px 0 15px}.calendar-date-control{border-radius:15px;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;padding:7px;box-shadow:0 9px 22px #0f172a0d}.calendar-date-control button{border-radius:11px;width:38px;height:38px}.calendar-date-control strong{font-size:14px}.calendar-date-control span{margin-top:2px;font-size:11px}.calendar-filter-group{gap:7px;padding-bottom:5px}.calendar-filter-group button{border-radius:12px;min-width:82px;height:38px;padding:0 12px;font-size:12px}.calendar-view-toggle{gap:8px}.calendar-view-toggle button{border-radius:12px;height:40px;font-size:12px}}@media (width<=390px){.appointments-header h1{font-size:26px}.appointments-header p{font-size:12.5px}.calendar-filter-group button{min-width:78px}}.customers-wrapper{background:linear-gradient(135deg,#f8fbff,#eef4ff);min-height:100vh}.customers-page{color:#0f172a;margin-left:280px;padding:42px}.customers-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.customers-header span{color:#2563eb;font-weight:900}.customers-header h1{margin-top:8px;font-size:38px}.customers-header p{color:#64748b;max-width:640px;margin-top:8px}.customer-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 22px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 18px 35px #2563eb40}.customer-primary-btn:hover{transform:translateY(-2px);box-shadow:0 22px 42px #2563eb52}.customer-error-message{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:20px;padding:14px 16px;font-size:13px;font-weight:800}.customers-toolbar{background:#fff;border-radius:24px;align-items:center;gap:14px;margin-bottom:24px;padding:18px;display:flex;box-shadow:0 18px 45px #0f172a0f}.customer-search{color:#64748b;background:#f8fafc;border-radius:17px;flex:1;align-items:center;gap:12px;height:52px;padding:0 18px;display:flex}.customer-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit}.customer-filters{gap:8px;display:flex}.customer-filters button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;height:42px;padding:0 14px;font-weight:800;transition:background .2s,color .2s,transform .2s}.customer-filters button:hover{color:#2563eb;background:#e0ecff;transform:translateY(-1px)}.customer-filters button.filter-active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 24px #2563eb38}.customer-count{color:#2563eb;white-space:nowrap;font-weight:900}.customers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.customer-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:24px;transition:transform .25s,box-shadow .25s;box-shadow:0 18px 45px #0f172a0f}.customer-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px #0f172a1a}.customer-card-top{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.customer-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:16px;flex-shrink:0;place-items:center;width:50px;height:50px;font-weight:900;display:grid;box-shadow:0 12px 24px #2563eb3d}.customer-main-info{flex:1;min-width:0}.customer-main-info h3{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.customer-main-info p{color:#64748b;align-items:center;gap:7px;margin-top:6px;font-size:14px;display:flex}.customer-badges{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.customer-tag,.customer-status{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.customer-tag{color:#2563eb;background:#eff6ff}.customer-status{color:#16a34a;background:#ecfdf5}.customer-highlight{background:linear-gradient(135deg,#f8fafc,#eef4ff);border-radius:20px;align-items:center;gap:13px;margin-bottom:14px;padding:16px;display:flex}.customer-highlight svg{color:#7c3aed;flex-shrink:0;font-size:20px}.customer-highlight span{color:#64748b;margin-bottom:4px;font-size:13px;display:block}.customer-highlight strong{font-size:16px}.customer-info-grid{gap:12px;display:grid}.customer-info-grid div{background:#f8fafc;border-radius:18px;padding:14px}.customer-info-grid span{color:#64748b;margin-bottom:6px;font-size:13px;display:block}.customer-info-grid strong{align-items:center;gap:8px;display:flex}.customer-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.customer-message-btn,.customer-detail-btn{cursor:pointer;border:none;border-radius:16px;min-height:48px;font-family:inherit;font-weight:900;transition:transform .2s,background .2s}.customer-message-btn{color:#16a34a;background:#ecfdf5;justify-content:center;align-items:center;gap:9px;display:flex}.customer-message-btn:hover{background:#dcfce7;transform:translateY(-1px)}.customer-detail-btn{color:#fff;background:#0f172a}.customer-detail-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px)}.customers-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:40px;display:flex;box-shadow:0 18px 45px #0f172a0f}.customers-empty-state>svg{color:#2563eb;font-size:34px}.customers-empty-state h2{margin:0;font-size:24px}.customers-empty-state p{color:#64748b;max-width:520px;margin:0;line-height:1.7}.customers-onboarding{margin-top:28px}.customers-onboarding-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:30px;padding:28px;display:grid;box-shadow:0 24px 65px #0f172a14}.customers-onboarding-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:22px 8px;display:flex}.customers-onboarding-eyebrow{color:#2563eb;letter-spacing:.06em;background:#eef4ff;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-flex}.customers-onboarding-content h2{color:#0f172a;letter-spacing:-.04em;max-width:650px;margin:22px 0 13px;font-size:clamp(30px,3vw,44px);line-height:1.08}.customers-onboarding-content>p{color:#64748b;max-width:680px;margin:0;font-size:16px;line-height:1.75}.customers-onboarding-benefits{gap:13px;margin-top:28px;display:grid}.customers-onboarding-benefits div{color:#334155;align-items:center;gap:12px;font-size:14px;font-weight:750;display:flex}.customers-onboarding-benefits svg{color:#2563eb;background:#eff6ff;border-radius:12px;width:35px;height:35px;padding:9px}.customers-onboarding-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:54px;margin-top:30px;padding:0 25px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 34px #4f46e540}.customers-onboarding-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #4f46e552}.customers-onboarding-visual{color:#fff;background:radial-gradient(circle at 12% 88%,#7c3aed4d,#0000 38%),radial-gradient(circle at 88% 8%,#3b82f63d,#0000 35%),linear-gradient(145deg,#0f172a,#1e293b);border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:420px;padding:32px;display:flex;position:relative;overflow:hidden}.customers-onboarding-visual:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:-100px}.customers-onboarding-visual:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-140px;left:-130px}.customer-visual-avatars{z-index:2;align-items:center;display:flex;position:absolute;top:32px;left:32px}.customer-visual-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:4px solid #1e293b;border-radius:50%;place-items:center;width:58px;height:58px;margin-left:-13px;font-size:18px;font-weight:900;display:grid;position:relative;box-shadow:0 15px 30px #0000003d}.customer-visual-avatar:first-child{margin-left:0}.customer-visual-avatar:nth-child(2){background:linear-gradient(135deg,#8b5cf6,#ec4899)}.customer-visual-avatar:nth-child(3){background:linear-gradient(135deg,#06b6d4,#2563eb)}.customer-visual-stat{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff24;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;min-width:165px;padding:16px 18px;display:flex;position:absolute;top:32px;right:32px;box-shadow:0 16px 35px #00000029}.customer-visual-stat div{flex-direction:column;gap:4px;display:flex}.customer-visual-stat span{color:#cbd5e1;font-size:11px}.customer-visual-stat strong{color:#fff;font-size:25px}.customer-visual-stat svg{color:#93c5fd;flex-shrink:0;font-size:24px}.customer-visual-main-icon{z-index:2;color:#bfdbfe;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:27px;display:grid;position:relative}.customers-onboarding-visual h3{z-index:2;color:#fff;margin:0 0 10px;font-size:26px;line-height:1.2;position:relative}.customers-onboarding-visual>p{z-index:2;color:#cbd5e1;max-width:480px;margin:0;font-size:14px;line-height:1.7;position:relative}.customer-visual-features{z-index:2;gap:10px;margin-top:22px;display:grid;position:relative}.customer-visual-features span{color:#e2e8f0;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.customer-visual-features svg{color:#93c5fd;flex-shrink:0;font-size:16px}.customer-panel-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a61;justify-content:flex-end;display:flex;position:fixed;inset:0}.customer-panel{background:#fff;width:430px;height:100vh;padding:30px;animation:.25s slidePanel;overflow-y:auto;box-shadow:-30px 0 70px #0f172a2e}@keyframes slidePanel{0%{transform:translate(100%)}to{transform:translate(0)}}.customer-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.customer-panel-header span{color:#2563eb;font-weight:900}.customer-panel-header h2{margin-top:6px;font-size:30px}.customer-panel-header button{cursor:pointer;background:#f1f5f9;border:none;border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.customer-form{flex-direction:column;gap:16px;display:flex}.customer-form label{flex-direction:column;gap:8px;font-size:14px;font-weight:900;display:flex}.customer-form input,.customer-form select,.customer-form textarea{width:100%;font:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;outline:none;transition:border-color .2s,box-shadow .2s}.customer-form input,.customer-form select{height:52px;padding:0 14px}.customer-form textarea{resize:vertical;min-height:120px;padding:14px}.customer-form input:focus,.customer-form select:focus,.customer-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61c}.save-customer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;min-height:54px;margin-top:10px;font-family:inherit;font-weight:900}.save-customer-btn:disabled{opacity:.65;cursor:wait}.delete-customer-btn{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:50px;font-family:inherit;font-weight:900;display:flex}.delete-customer-btn:hover:not(:disabled){background:#fee2e2}.delete-customer-btn:disabled{opacity:.6;cursor:wait}.customer-detail-panel{overflow-y:auto}.profile-summary{background:linear-gradient(135deg,#eef4ff,#f8fafc);border-radius:22px;align-items:center;gap:16px;margin-bottom:20px;padding:18px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:900;display:grid}.profile-summary h3{font-size:20px}.profile-summary p{color:#16a34a;margin-top:4px;font-weight:900}.profile-info-list{gap:12px;display:grid}.profile-info-list div{background:#f8fafc;border-radius:18px;grid-template-columns:28px minmax(0,1fr);gap:6px 10px;padding:14px;display:grid}.profile-info-list svg{color:#2563eb;grid-row:span 2;margin-top:3px}.profile-info-list span{color:#64748b;font-size:13px}.profile-info-list strong{overflow-wrap:anywhere;font-size:15px}.profile-history{background:#f8fafc;border-radius:22px;margin-top:18px;padding:16px}.profile-history h3{margin-bottom:14px;font-size:18px}.history-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.history-item:last-child{border-bottom:none}.history-item strong{font-size:14px;display:block}.history-item span{color:#64748b;margin-top:4px;font-size:13px;display:block}.history-item p{color:#2563eb;font-weight:900}.empty-history{color:#64748b;font-size:14px}.profile-note{background:#fff7ed;border-radius:20px;gap:12px;margin-top:16px;padding:16px;display:flex}.profile-note svg{color:#f97316;flex-shrink:0;font-size:20px}.profile-note span{color:#9a3412;margin-bottom:6px;font-weight:900;display:block}.profile-note p{color:#7c2d12;line-height:1.6}.profile-actions{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.customer-phone-link{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.customer-phone-link:hover{color:#2563eb;text-decoration:underline}@media (width<=1200px){.customers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-toolbar{flex-wrap:wrap}.customers-onboarding-card{grid-template-columns:1fr}.customers-onboarding-visual{min-height:390px}}@media (width<=900px){.customers-page{margin-left:0;padding:26px}}@media (width<=760px){.customers-page{margin-left:0;padding:14px 14px 36px}.customers-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.customers-header>div{width:100%}.customers-header span{font-size:13px}.customers-header h1{letter-spacing:-.8px;margin-top:4px;font-size:29px;line-height:1.08}.customers-header p{max-width:100%;margin-top:7px;font-size:13px;line-height:1.45}.customers-header .customer-primary-btn{border-radius:14px;width:100%;height:44px;padding:0 16px;font-size:13px;box-shadow:0 12px 26px #2563eb33}.customers-toolbar{border-radius:18px;flex-direction:column;align-items:stretch;gap:9px;margin-bottom:14px;padding:11px;box-shadow:0 12px 30px #0f172a0e}.customer-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:9px;width:100%;height:44px;padding:0 13px}.customer-search input{min-width:0;font-size:13px}.customer-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:7px;width:100%;padding:1px 0 5px;overflow-x:auto}.customer-filters::-webkit-scrollbar{display:none}.customer-filters button{border-radius:12px;flex:none;height:38px;padding:0 14px;font-size:12px}.customer-count{background:#eff6ff;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px}.customers-grid{grid-template-columns:1fr;gap:12px}.customer-card{border-radius:20px;flex-direction:column;padding:14px;display:flex;box-shadow:0 12px 30px #0f172a0e}.customer-card:hover{transform:none;box-shadow:0 12px 30px #0f172a0e}.customer-card-top{order:1;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.customer-avatar{border-radius:14px;width:44px;height:44px;font-size:15px}.customer-main-info h3{font-size:17px}.customer-main-info p{gap:6px;margin-top:4px;font-size:13px}.customer-badges{flex-direction:column;align-items:flex-end;gap:4px}.customer-tag,.customer-status{padding:5px 8px;font-size:10px}.customer-actions{order:2;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.customer-message-btn,.customer-detail-btn{border-radius:13px;min-height:42px;font-size:13px}.customer-highlight{border-radius:15px;order:3;gap:10px;margin-bottom:8px;padding:11px}.customer-highlight svg{font-size:18px}.customer-highlight span{margin-bottom:2px;font-size:11px}.customer-highlight strong{font-size:13px}.customer-info-grid{order:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-info-grid>div{border-radius:14px;min-width:0;min-height:68px;padding:10px}.customer-info-grid>div:first-child{grid-column:1/-1;min-height:62px}.customer-info-grid span{margin-bottom:4px;font-size:11px}.customer-info-grid strong{overflow-wrap:anywhere;gap:6px;font-size:13px;line-height:1.35}.customers-empty-state{border-radius:20px;min-height:210px;padding:24px 18px}.customers-empty-state h2{font-size:20px}.customers-empty-state p{font-size:13px;line-height:1.55}.customers-onboarding{margin-top:14px}.customers-onboarding-card{border-radius:20px;grid-template-columns:1fr;gap:0;padding:18px}.customers-onboarding-content{padding:4px 0}.customers-onboarding-content h2{margin:16px 0 10px;font-size:27px}.customers-onboarding-content>p{font-size:13px;line-height:1.6}.customers-onboarding-benefits{gap:10px;margin-top:18px}.customers-onboarding-benefits div{gap:9px;font-size:13px}.customers-onboarding-benefits svg{width:31px;height:31px;padding:8px}.customers-onboarding-button{border-radius:14px;width:100%;min-height:46px;margin-top:20px}.customers-onboarding-visual{display:none}.customer-panel-overlay{z-index:1200}.customer-panel{width:100%;height:100dvh;padding:max(16px, env(safe-area-inset-top)) 14px max(24px, env(safe-area-inset-bottom));box-shadow:none}.customer-panel-header{z-index:3;padding:max(16px, env(safe-area-inset-top)) 14px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-bottom:1px solid #e2e8f0;align-items:center;margin:-16px -14px 18px;position:sticky;top:-16px}.customer-panel-header span{font-size:12px}.customer-panel-header h2{margin-top:3px;font-size:23px}.customer-panel-header button{border-radius:13px;width:40px;height:40px}.customer-form{gap:12px}.customer-form label{gap:6px;font-size:13px}.customer-form input,.customer-form select{border-radius:14px;height:48px}.customer-form textarea{border-radius:14px;min-height:96px}.save-customer-btn{border-radius:14px;min-height:48px}.profile-summary{border-radius:18px;gap:12px;margin-bottom:14px;padding:14px}.profile-avatar{border-radius:15px;width:50px;height:50px}.profile-info-list{gap:8px}.profile-info-list div{border-radius:14px;padding:11px}.profile-actions{z-index:2;padding:12px 14px max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:8px;margin:14px -14px -24px;position:sticky;bottom:-24px}.profile-actions .delete-customer-btn{grid-column:1/-1}}@media (width<=390px){.customers-page{padding-inline:12px}.customers-header h1{font-size:27px}.customer-card{padding:12px}.customer-card-top{grid-template-columns:42px minmax(0,1fr) auto}.customer-avatar{width:42px;height:42px}.customer-tag,.customer-status{padding-inline:7px;font-size:9px}}.whatsapp-wrapper{background:linear-gradient(135deg,#f8fbff,#eef4ff);min-height:100vh}.whatsapp-page{color:#0f172a;margin-left:280px;padding:42px}.whatsapp-header{margin-bottom:28px}.whatsapp-header>div>span{color:#16a34a;font-weight:900}.whatsapp-header h1{margin-top:8px;font-size:38px;line-height:1.15}.whatsapp-header p{color:#64748b;max-width:760px;margin-top:8px;line-height:1.6}.whatsapp-error-message,.whatsapp-success-message{border-radius:16px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 18px;font-weight:800;display:flex}.whatsapp-error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.whatsapp-success-message{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.whatsapp-success-message svg{flex-shrink:0;font-size:20px}.whatsapp-stats{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:24px;display:grid}.whatsapp-stats>div,.auto-reply-card,.reminder-list,.template-card{background:#fff;border-radius:28px;box-shadow:0 18px 45px #0f172a0f}.whatsapp-stats>div{border:1px solid #e2e8f0cc;padding:24px}.whatsapp-stats svg{color:#16a34a;font-size:24px}.whatsapp-stats h3{margin-top:12px;font-size:34px}.whatsapp-stats p{color:#64748b;margin-top:4px}.auto-reply-card{border:1px solid #dcfce7;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:26px;display:flex}.auto-reply-left{align-items:center;gap:18px;display:flex}.auto-reply-icon{color:#16a34a;background:#dcfce7;border-radius:20px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:25px;display:grid}.auto-reply-left span{color:#16a34a;font-weight:900}.auto-reply-left h2{margin-top:5px;font-size:24px}.auto-reply-left p{color:#64748b;max-width:720px;margin-top:7px;line-height:1.55}.auto-status{text-align:right;background:#ecfdf5;border-radius:20px;min-width:230px;padding:16px}.auto-status strong{color:#16a34a;margin-top:8px;font-size:18px;display:block}.auto-status>span{color:#166534;margin-top:5px;font-size:13px;font-weight:800;display:block}.automation-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;width:52px;height:30px;margin-left:auto;padding:0;transition:all .25s;position:relative}.automation-toggle span{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .25s;position:absolute;top:4px;left:4px;box-shadow:0 3px 8px #0f172a2e}.automation-toggle-active{background:#16a34a}.automation-toggle-active span{transform:translate(22px)}.whatsapp-content{grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);align-items:start;gap:24px;display:grid}.reminder-list,.template-card{padding:28px}.reminder-list>h2,.template-card h2{font-size:24px}.whatsapp-empty-state{text-align:center;background:#f8fafc;border:1px dashed #bbf7d0;border-radius:24px;place-items:center;min-height:270px;padding:40px 24px;display:grid}.whatsapp-empty-state svg{color:#16a34a;margin-bottom:10px;font-size:42px}.whatsapp-empty-state h3{font-size:20px}.whatsapp-empty-state p{color:#64748b;max-width:450px;margin-top:8px;line-height:1.6}.reminder-list>h2{margin-bottom:20px}.reminder-card{background:#f8fafc;border:1px solid #edf2f7;border-radius:22px;margin-bottom:18px;padding:20px}.reminder-card:last-child{margin-bottom:0}.reminder-user{align-items:center;gap:14px;display:flex}.reminder-avatar{color:#16a34a;background:#dcfce7;border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.reminder-user>div:nth-child(2){min-width:0}.reminder-user h3{font-size:17px}.reminder-user p{color:#64748b;margin-top:4px;line-height:1.45}.reminder-status{color:#b45309;background:#fef3c7;border-radius:999px;flex-shrink:0;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:900}.reminder-status-sent{color:#15803d;background:#dcfce7}.message-preview{color:#334155;white-space:pre-line;background:#fff;border:1px solid #eef2f7;border-radius:18px;margin:18px 0;padding:16px;line-height:1.65}.scheduled-info{color:#166534;background:#ecfdf5;border-radius:18px;align-items:center;gap:12px;margin-top:16px;padding:15px;display:flex}.scheduled-info svg{color:#16a34a;flex-shrink:0;font-size:20px}.scheduled-info strong{color:#16a34a;display:block}.scheduled-info p{color:#166534;margin-top:4px;font-size:14px}.reminder-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.reminder-actions button{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.reminder-actions button:hover{transform:translateY(-1px)}.copy-message-button{color:#15803d!important;background:#fff!important;border:1px solid #bbf7d0!important}.copy-message-button:hover{background:#f0fdf4!important}.send-whatsapp-button{box-shadow:0 10px 20px #16a34a2e;color:#fff!important;background:#16a34a!important}.send-whatsapp-button:hover{background:#15803d!important}.reset-reminder-button{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.reset-reminder-button:hover{background:#e2e8f0!important}.template-card{position:sticky;top:24px}.template-card-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.template-card-header h2{margin:0}.template-card-header button{color:#15803d;cursor:pointer;background:#fff;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-weight:900;transition:all .2s;display:inline-flex}.template-card-header button:hover{background:#f0fdf4}.booking-link-box{background:#f8fafc;border-radius:20px;align-items:center;gap:14px;margin-bottom:16px;padding:18px;display:flex}.booking-link-box>svg{color:#16a34a;flex-shrink:0;font-size:22px}.booking-link-box>div{flex:1;min-width:0}.booking-link-box span{color:#64748b;margin-bottom:5px;font-size:13px;display:block}.booking-link-box strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.booking-link-box button{color:#16a34a;cursor:pointer;background:#fff;border:1px solid #bbf7d0;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;transition:all .2s;display:grid}.booking-link-box button:hover{background:#ecfdf5}.booking-link-box button svg{font-size:18px}.auto-message-preview{white-space:pre-line;background:#ecfdf5;border-radius:22px;margin-bottom:16px;padding:18px}.auto-message-preview p{color:#166534;line-height:1.7}.auto-message-preview textarea{resize:vertical;color:#166534;width:100%;min-height:230px;font:inherit;background:#fff;border:1px solid #bbf7d0;border-radius:16px;outline:none;padding:15px;line-height:1.65}.auto-message-preview textarea:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.copy-auto-message-button{color:#15803d;cursor:pointer;background:#fff;border:1px solid #bbf7d0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-bottom:18px;padding:0 16px;font-weight:900;transition:all .2s;display:inline-flex}.copy-auto-message-button:hover{background:#f0fdf4}.automation-box{background:#f8fafc;border-radius:20px;gap:12px;padding:18px;display:flex}.automation-box svg{color:#16a34a;flex-shrink:0;margin-top:2px;font-size:22px}.automation-box strong{color:#16a34a;display:block}.automation-box span{color:#166534;margin-top:6px;line-height:1.5;display:block}@media (width<=1200px){.whatsapp-content{grid-template-columns:1fr}.template-card{position:static}}@media (width<=1100px){.whatsapp-page{margin-left:0;padding:24px}.whatsapp-stats{grid-template-columns:1fr}.auto-reply-card{flex-direction:column;align-items:flex-start}.auto-status{text-align:left;width:100%}.automation-toggle{margin-left:0}}@media (width<=700px){.whatsapp-page{padding:18px}.whatsapp-header h1{font-size:30px}.reminder-list,.template-card{padding:20px}.reminder-user{flex-wrap:wrap;align-items:flex-start}.reminder-status{margin-left:60px}.reminder-actions{flex-direction:column}.reminder-actions button{width:100%}.template-card-header{flex-direction:column;align-items:flex-start}.template-card-header button{justify-content:center;width:100%}.booking-link-box{align-items:flex-start}}.whatsapp-wrapper,.whatsapp-wrapper *,.whatsapp-wrapper :before,.whatsapp-wrapper :after{box-sizing:border-box}.whatsapp-wrapper{width:100%;max-width:100vw;overflow-x:hidden}.whatsapp-page{width:calc(100% - 280px);min-width:0}.template-open-link-button,.template-reset-button{width:100%;min-height:46px;font:inherit;cursor:pointer;border-radius:14px;padding:0 16px;font-weight:900;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.template-open-link-button{color:#15803d;background:#fff;border:1px solid #bbf7d0;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.template-open-link-button:hover{background:#f0fdf4;border-color:#86efac;transform:translateY(-1px)}.template-reset-button{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;justify-content:center;align-items:center;margin:-6px 0 18px;display:flex}.template-reset-button:hover{background:#f1f5f9;border-color:#cbd5e1}.template-open-link-button:disabled,.template-reset-button:disabled,.copy-auto-message-button:disabled,.booking-link-box button:disabled{opacity:.55;cursor:not-allowed;transform:none}.automation-steps{color:#166534;margin:8px 0 0;padding-left:20px;line-height:1.55}.automation-steps li+li{margin-top:5px}@media (width<=1100px){.whatsapp-page{width:100%;max-width:100%}}@media (width<=780px){.whatsapp-wrapper{width:100vw;min-width:0;max-width:100vw}.whatsapp-wrapper .mobile-dashboard-bar{width:100vw;max-width:100vw;left:0;right:0}.whatsapp-page{width:100%;min-width:0;max-width:100%;margin-left:0;padding:16px 14px 90px;overflow-x:hidden}.whatsapp-header{margin-bottom:14px}.whatsapp-header>div>span{font-size:13px}.whatsapp-header h1{letter-spacing:-.8px;margin-top:5px;font-size:29px;line-height:1.08}.whatsapp-header p{max-width:100%;margin-top:7px;font-size:13px;line-height:1.5}.whatsapp-error-message,.whatsapp-success-message{border-radius:14px;margin-bottom:12px;padding:12px 13px;font-size:12px;line-height:1.4}.whatsapp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.whatsapp-stats>div{text-align:center;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:88px;padding:11px 6px;display:flex;box-shadow:0 10px 24px #0f172a0b}.whatsapp-stats svg{font-size:18px}.whatsapp-stats h3{margin-top:6px;font-size:20px;line-height:1}.whatsapp-stats p{margin-top:5px;font-size:9.5px;line-height:1.2}.auto-reply-card{border-radius:18px;align-items:stretch;gap:9px;margin-bottom:12px;padding:12px}.auto-reply-left{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;display:grid}.auto-reply-icon{border-radius:13px;width:40px;height:40px;font-size:18px}.auto-reply-left>div:last-child{min-width:0}.auto-reply-left span{font-size:11px}.auto-reply-left h2{margin-top:3px;font-size:16px;line-height:1.2}.auto-reply-left p{margin-top:4px;font-size:11px;line-height:1.4}.auto-status{text-align:left;border-radius:13px;grid-template-columns:20px minmax(0,1fr);column-gap:8px;width:100%;min-width:0;padding:9px 11px;display:grid}.auto-status>svg{grid-row:1/3;align-self:center;font-size:17px}.auto-status strong{margin:0;font-size:13px;line-height:1.2}.auto-status>span{margin-top:2px;font-size:10px;line-height:1.25}.whatsapp-content{grid-template-columns:1fr;gap:12px}.reminder-list,.template-card{border-radius:20px;min-width:0;padding:14px;box-shadow:0 10px 26px #0f172a0b}.reminder-list>h2,.template-card h2{font-size:20px;line-height:1.2}.reminder-list>h2{margin-bottom:12px}.whatsapp-empty-state{border-radius:17px;min-height:132px;padding:16px 12px}.whatsapp-empty-state svg{margin-bottom:5px;font-size:28px}.whatsapp-empty-state h3{font-size:15px;line-height:1.25}.whatsapp-empty-state p{max-width:290px;margin-top:5px;font-size:11.5px;line-height:1.4}.reminder-card{border-radius:17px;margin-bottom:10px;padding:13px}.reminder-user{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.reminder-avatar{border-radius:13px;width:40px;height:40px}.reminder-user h3{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.reminder-user p{margin-top:2px;font-size:10.5px;line-height:1.35}.reminder-status{margin-left:0;padding:6px 8px;font-size:9px}.message-preview{border-radius:14px;margin:11px 0;padding:12px;font-size:11px;line-height:1.5}.scheduled-info{border-radius:14px;gap:9px;margin-top:10px;padding:11px}.scheduled-info svg{font-size:17px}.scheduled-info strong{font-size:11px}.scheduled-info p{margin-top:2px;font-size:10px}.reminder-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.reminder-actions button{border-radius:12px;width:100%;min-height:42px;padding:0 9px;font-size:10.5px}.reminder-actions .reset-reminder-button{grid-column:1/-1}.template-card{position:static}.template-card-header{flex-direction:row;align-items:center;gap:9px;margin-bottom:12px}.template-card-header h2{flex:1;min-width:0}.template-card-header button{border-radius:11px;flex-shrink:0;width:auto;min-height:38px;padding:0 11px;font-size:10.5px}.booking-link-box{border-radius:15px;grid-template-columns:20px minmax(0,1fr) 38px;align-items:center;gap:9px;margin-bottom:9px;padding:12px;display:grid}.booking-link-box>svg{font-size:18px}.booking-link-box span{margin-bottom:3px;font-size:10px}.booking-link-box strong{font-size:11px}.booking-link-box button{border-radius:11px;width:38px;height:38px}.template-open-link-button,.copy-auto-message-button,.template-reset-button{border-radius:12px;min-height:42px;padding:0 12px;font-size:11px}.template-open-link-button{margin-bottom:10px}.auto-message-preview{border-radius:16px;margin-bottom:10px;padding:13px}.auto-message-preview p{font-size:12px;line-height:1.55}.auto-message-preview textarea{border-radius:13px;min-height:205px;padding:12px;font-size:12px;line-height:1.5}.copy-auto-message-button{margin-bottom:10px}.template-reset-button{margin:0 0 11px}.automation-box{border-radius:16px;gap:9px;padding:13px}.automation-box svg{font-size:18px}.automation-box strong{font-size:12px}.automation-steps{margin-top:7px;padding-left:17px;font-size:10.5px;line-height:1.45}.automation-steps li+li{margin-top:4px}}@media (width<=360px){.whatsapp-page{padding-inline:11px}.whatsapp-header h1{font-size:27px}.whatsapp-stats{gap:6px}.whatsapp-stats>div{padding-inline:4px}.whatsapp-stats p{font-size:8.5px}.reminder-actions{grid-template-columns:1fr}.reminder-actions .reset-reminder-button{grid-column:auto}}.settings-wrapper{background:radial-gradient(circle at 100% 0,#7c3aed0f,#0000 34%),linear-gradient(135deg,#f8fbff 0%,#f3f6fc 55%,#eef4ff 100%);min-height:100vh}.settings-page{box-sizing:border-box;width:calc(100% - 240px);min-width:0;min-height:100vh;margin-left:240px;padding:40px 48px 70px}.settings-page>*{width:100%;max-width:1480px;margin-left:auto;margin-right:auto}.settings-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:30px;display:flex}.settings-header>div{min-width:0}.settings-header span{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;display:inline-block}.settings-header h1{color:#0f172a;letter-spacing:-.025em;margin:8px 0 10px;font-size:38px;line-height:1.08}.settings-header p{color:#64748b;max-width:760px;margin:0;font-size:15px;line-height:1.65}.save-btn{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 48%,#7c3aed 100%);border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 14px 28px #4f46e538}.save-btn svg{font-size:18px}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px #4f46e547}.save-btn:disabled{cursor:not-allowed;opacity:.65}.settings-success-message,.settings-error-message{border-radius:15px;margin-bottom:22px;padding:15px 18px;font-size:14px;font-weight:800;line-height:1.5}.settings-success-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.settings-error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.settings-card{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#7c3aed14,#0000 28%),radial-gradient(circle at 0 100%,#2563eb0f,#0000 24%),#fff;border:1px solid #e2e8f0e6;border-radius:30px;min-width:0;padding:30px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:visible;box-shadow:0 20px 50px #0f172a0f,0 2px 8px #0f172a08}.settings-card:hover{border-color:#94a3b852;box-shadow:0 20px 46px #0f172a13}.wide-card{grid-column:span 2}.card-title{align-items:center;gap:12px;min-height:46px;margin-bottom:24px;display:flex}.card-title>svg{color:#2563eb;box-sizing:border-box;background:#eef2ff;border-radius:13px;flex-shrink:0;width:42px;height:42px;padding:10px}.card-title h2{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:22px;line-height:1.2}.business-info-title{justify-content:space-between;align-items:center;gap:18px;min-height:46px;margin-bottom:24px;display:flex}.business-info-title>div{align-items:center;gap:12px;display:flex}.business-info-title>div>svg{color:#2563eb;box-sizing:border-box;background:#eef2ff;border-radius:13px;flex-shrink:0;width:42px;height:42px;padding:10px}.business-info-title h2{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:22px;line-height:1.2}.business-edit-button,.business-edit-cancel-button{min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.business-edit-button{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 22px #4f46e533}.business-edit-button svg{color:#fff;stroke-width:2.4px;flex-shrink:0;order:-1;font-size:17px}.business-edit-button:hover{transform:translateY(-2px);box-shadow:0 15px 28px #4f46e545}.business-edit-cancel-button{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca}.business-edit-cancel-button svg{order:-1;font-size:17px}.business-edit-cancel-button:hover{color:#991b1b;background:#fee2e2;transform:translateY(-1px)}.settings-card label{color:#1e293b;flex-direction:column;gap:9px;margin-bottom:20px;font-size:14px;font-weight:850;display:flex}.settings-card label:last-child{margin-bottom:0}.settings-card input,.settings-card select{color:#0f172a;box-sizing:border-box;width:100%;height:56px;font:inherit;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #cbd5e1f2;border-radius:18px;outline:none;padding:0 18px;font-size:14px;font-weight:800;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;box-shadow:0 8px 20px #0f172a0a,inset 0 1px #ffffffe6}.settings-card input::placeholder{color:#94a3b8;font-weight:600}.settings-card input:hover:not(:disabled),.settings-card select:hover:not(:disabled){background:linear-gradient(#fff 0%,#f7faff 100%);border-color:#60a5fab3;box-shadow:0 12px 26px #2563eb14,inset 0 1px #fffffff2}.settings-card input:focus,.settings-card select:focus{background:#fff;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1f,0 14px 28px #2563eb14}.settings-card input:disabled,.settings-card input[readonly],.settings-card select:disabled{color:#64748b;cursor:not-allowed;opacity:1;box-shadow:none;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-color:#e2e8f0}.settings-card select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"),linear-gradient(#fff 0%,#f8fbff 100%);background-position:right 18px center,50%;background-repeat:no-repeat,no-repeat;background-size:16px,100% 100%;padding-right:52px}.settings-card select:hover:not(:disabled){background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"),linear-gradient(#fff 0%,#f7faff 100%)}.settings-card select:focus{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"),linear-gradient(#fff 0% 100%)}.settings-card select option{color:#0f172a;background:#fff;font-weight:700}.settings-card input[type=time]{cursor:pointer;padding-right:48px;position:relative}.settings-card input[type=time]::-webkit-calendar-picker-indicator{opacity:.78;cursor:pointer;filter:contrast(1.05)saturate(1.15);width:20px;height:20px}.settings-card input[type=time]::-webkit-datetime-edit{color:#0f172a;letter-spacing:.02em;font-weight:800}.settings-card input[type=time]::-webkit-datetime-edit-hour-field{border-radius:8px;padding:3px 5px}.settings-card input[type=time]::-webkit-datetime-edit-minute-field{border-radius:8px;padding:3px 5px}.settings-card input[type=time]:focus::-webkit-datetime-edit-hour-field{background:#2563eb14}.settings-card input[type=time]:focus::-webkit-datetime-edit-minute-field{background:#2563eb14}.business-info-card input:not(:disabled):not([readonly]){background:#fff;border-color:#bfdbfe;box-shadow:0 0 0 3px #3b82f60e}.business-info-card input[type=email]{color:#64748b;cursor:not-allowed;background:linear-gradient(#f8fafc,#f1f5f9);border-color:#e2e8f0}.time-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.time-row label{position:relative}.logo-upload{background:linear-gradient(135deg,#f8fbff 0%,#f5f3ff 100%);border:1px solid #e2e8f0e6;border-radius:22px;align-items:center;gap:16px;margin-bottom:24px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.logo-preview{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 48%,#7c3aed 100%);border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:15px;font-weight:900;display:grid;box-shadow:0 12px 24px #4f46e538}.logo-upload button{color:#2563eb;min-height:42px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:900;display:inline-flex}.logo-upload button:disabled{cursor:not-allowed;opacity:.75}.input-icon{width:100%;position:relative}.input-icon>svg{z-index:2;color:#2563eb;pointer-events:none;font-size:17px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-icon input{padding-left:45px}.work-days{margin-bottom:20px}.work-days>span{color:#1e293b;margin-bottom:12px;font-size:14px;font-weight:850;display:block}.day-checkboxes{flex-wrap:wrap;gap:10px;display:flex}.day-checkboxes label{color:#475569;cursor:pointer;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #bfdbfecc;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:0;padding:0 14px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;display:inline-flex;box-shadow:0 8px 18px #0f172a09}.day-checkboxes label:hover{color:#1d4ed8;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%);border-color:#60a5fae6;transform:translateY(-2px);box-shadow:0 14px 28px #2563eb17}.day-checkboxes label:has(input:checked){color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#ede9fe 100%);border-color:#6366f14d;box-shadow:0 16px 30px #4f46e51f}.day-checkboxes input{accent-color:#2563eb;width:16px;height:16px;margin:0;padding:0}.connection-status,.public-link-card{background:linear-gradient(135deg,#f8fafc,#f5f7ff);border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;min-width:0;margin-bottom:18px;padding:18px;display:flex;position:relative}.connection-status>svg,.public-link-card>svg{color:#2563eb;box-sizing:border-box;background:#eef2ff;border-radius:13px;flex-shrink:0;width:42px;height:42px;padding:10px}.connection-status>div,.public-link-card>div{min-width:0}.connection-status span,.public-link-card span{color:#64748b;font-size:12px;line-height:1.45;display:block}.connection-status strong,.public-link-card strong{overflow-wrap:anywhere;color:#0f172a;margin-top:5px;font-size:14px;display:block}.connection-status em{color:#047857;background:#dcfce7;border-radius:999px;flex-shrink:0;margin-left:auto;padding:7px 11px;font-size:11px;font-style:normal;font-weight:900}.public-link-card.success{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#a7f3d0}.public-link-card.success>svg{color:#047857;background:#d1fae5}.settings-confirm-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a94;place-items:center;padding:20px;animation:.2s settings-overlay-in;display:grid;position:fixed;inset:0}.settings-confirm-modal{box-sizing:border-box;text-align:center;background:radial-gradient(circle at 100% 0,#7c3aed1a,#0000 32%),#fff;border:1px solid #ffffffb3;border-radius:28px;width:min(480px,100%);padding:32px;animation:.25s settings-modal-in;position:relative;overflow:hidden;box-shadow:0 34px 90px #0f172a4d}.settings-confirm-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:19px;place-items:center;width:62px;height:62px;margin:0 auto 20px;font-size:27px;display:grid;box-shadow:0 12px 28px #4f46e529}.settings-confirm-modal h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:25px;line-height:1.25}.settings-confirm-modal p{color:#64748b;max-width:390px;margin:14px auto 0;font-size:14px;line-height:1.65}.settings-confirm-actions{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:26px;display:grid}.settings-confirm-actions button{min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.confirm-cancel{color:#475569;background:#f1f5f9}.confirm-cancel:hover{color:#0f172a;background:#e2e8f0}.confirm-approve{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 24px #4f46e533}.confirm-approve:hover{transform:translateY(-2px);box-shadow:0 16px 30px #4f46e547}.settings-card:has(.premium-control.open){z-index:80}.settings-field{margin-bottom:22px;position:relative}.settings-field:last-child{margin-bottom:0}.settings-field-label{color:#1e293b;margin-bottom:10px;font-size:14px;font-weight:850;display:block}.premium-control{z-index:1;width:100%;position:relative}.premium-control.open{z-index:100}.premium-control-trigger{color:#0f172a;width:100%;min-height:58px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#fffffffa 0%,#f8fbfffa 100%);border:1px solid #cbd5e1f2;border-radius:18px;justify-content:space-between;align-items:center;padding:0 54px 0 18px;font-size:14px;font-weight:850;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;display:flex;position:relative;box-shadow:0 10px 24px #0f172a0d,inset 0 1px #fffffff2}.premium-control-trigger:after{content:"";background:linear-gradient(#0000,#dbe4f0,#0000);width:1px;position:absolute;top:11px;bottom:11px;right:46px}.premium-control-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.premium-control-trigger .placeholder{color:#94a3b8;font-weight:700}.premium-control-trigger>svg{color:#64748b;font-size:19px;transition:color .2s,transform .25s;position:absolute;right:17px}.premium-control-trigger:hover:not(:disabled){background:#fff;border-color:#60a5fad9;transform:translateY(-1px);box-shadow:0 15px 32px #2563eb1a,inset 0 1px #fff}.premium-control.open .premium-control-trigger{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 4px #2563eb1c,0 18px 34px #2563eb1f}.premium-control.open .premium-control-trigger>svg{color:#2563eb;transform:rotate(180deg)}.premium-control.disabled .premium-control-trigger{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:linear-gradient(#f8fafc,#f1f5f9);border-color:#e2e8f0}.premium-control-menu{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#c7d2fe transparent;background:radial-gradient(circle at 100% 0,#7c3aed14,#0000 32%),#fffffffa;border:1px solid #cbd5e1eb;border-radius:20px;max-height:292px;padding:8px;animation:.18s premium-menu-in;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow-y:auto;box-shadow:0 28px 70px #0f172a2e,0 8px 22px #2563eb14}.premium-control-menu::-webkit-scrollbar{width:8px}.premium-control-menu::-webkit-scrollbar-track{background:0 0}.premium-control-menu::-webkit-scrollbar-thumb{background:#c7d2fe padding-box padding-box;border:2px solid #0000;border-radius:999px}.premium-control-option{color:#334155;width:100%;min-height:46px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:0 13px 0 14px;font-size:13px;font-weight:800;transition:color .18s,background .18s,transform .18s;display:flex}.premium-control-option+.premium-control-option{margin-top:3px}.premium-control-option:hover{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#f5f3ff);transform:translate(2px)}.premium-control-option.selected{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 48%,#7c3aed 100%);box-shadow:0 10px 22px #4f46e538}.premium-control-option>svg{flex-shrink:0;font-size:17px}.time-control-group{background:radial-gradient(circle at 100% 0,#2563eb12,#0000 35%),linear-gradient(145deg,#fbfdff,#f7f8ff);border:1px solid #e2e8f0eb;border-radius:21px;min-width:0;padding:14px;position:relative}.time-control-group>small{color:#64748b;letter-spacing:.07em;text-transform:uppercase;margin:0 0 9px 3px;font-size:11px;font-weight:900;display:block}.panel-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@keyframes premium-menu-in{0%{opacity:0;transform:translateY(-7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.panel-controls-grid{grid-template-columns:1fr}.premium-control-menu{max-height:250px}}@keyframes settings-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes settings-modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1280px){.settings-page{padding:36px 34px 60px}}@media (width<=1100px){.settings-page{width:100%;margin-left:0;padding:28px 22px 50px}.settings-grid{grid-template-columns:1fr}.wide-card{grid-column:span 1}}@media (width<=760px){.settings-header{flex-direction:column;align-items:stretch}.save-btn{width:100%}.business-info-title{flex-direction:column;align-items:flex-start}.business-edit-button,.business-edit-cancel-button{width:100%}.time-row{grid-template-columns:1fr}}@media (width<=600px){.settings-page{padding:20px 14px 38px}.settings-header h1{font-size:32px}.settings-card{border-radius:22px;padding:22px 18px}.card-title h2,.business-info-title h2{font-size:20px}.settings-confirm-modal{border-radius:24px;padding:26px 20px}.settings-confirm-actions{grid-template-columns:1fr}.connection-status,.public-link-card{align-items:flex-start}.connection-status em{margin-left:0}}@media (width<=420px){.day-checkboxes label{flex:calc(50% - 5px);justify-content:center}.settings-header h1{font-size:29px}}.mobile-settings-save{display:none}@media (width<=780px){.settings-wrapper,.settings-wrapper *,.settings-wrapper :before,.settings-wrapper :after{box-sizing:border-box}.settings-wrapper{width:100%;max-width:100vw;overflow-x:clip}.settings-page{min-width:0;overflow-x:clip;width:100%!important;max-width:100%!important;margin-left:0!important;padding:14px 14px 112px!important}.settings-page>*{max-width:100%}.settings-header{gap:8px;margin-bottom:14px}.settings-header>div>span{letter-spacing:.08em;font-size:10px}.settings-header h1{letter-spacing:-.7px;margin:5px 0 7px;font-size:29px;line-height:1.08}.settings-header p{max-width:100%;font-size:13px;line-height:1.45}.settings-header .save-btn{display:none}.mobile-settings-save{z-index:1500;padding:10px 14px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #e2e8f0f5;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-settings-save button{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 48%,#7c3aed 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 26px #4f46e53b}.mobile-settings-save button:disabled{opacity:.65;cursor:not-allowed}.settings-success-message,.settings-error-message{border-radius:13px;margin-bottom:12px;padding:11px 13px;font-size:11px;line-height:1.4}.settings-grid{grid-template-columns:1fr;gap:11px}.wide-card{grid-column:auto}.settings-card{border-radius:20px;padding:15px;box-shadow:0 11px 26px #0f172a0b}.settings-card:hover{transform:none;box-shadow:0 11px 26px #0f172a0b}.card-title,.business-info-title{align-items:center;min-height:38px;margin-bottom:13px}.business-info-title{flex-direction:row;justify-content:space-between;gap:9px}.business-info-title>div{gap:8px;min-width:0}.card-title{gap:8px}.card-title>svg,.business-info-title>div>svg{border-radius:11px;width:36px;height:36px;padding:8px}.card-title h2,.business-info-title h2{font-size:18px;line-height:1.2}.business-edit-button,.business-edit-cancel-button{white-space:nowrap;border-radius:11px;gap:6px;width:auto;min-height:36px;padding:0 11px;font-size:10px}.business-edit-button svg,.business-edit-cancel-button svg{font-size:14px}.logo-upload{border-radius:15px;gap:10px;margin-bottom:13px;padding:10px}.logo-preview{border-radius:14px;width:46px;height:46px;font-size:13px}.logo-upload button{border-radius:11px;min-height:38px;padding:0 11px;font-size:10px}.settings-card label{gap:6px;margin-bottom:12px;font-size:12px}.settings-card input,.settings-card select{border-radius:13px;height:46px;padding:0 12px;font-size:13px}.input-icon>svg{font-size:15px;left:12px}.input-icon input{padding-left:38px}.settings-field{margin-bottom:13px}.settings-field-label{margin-bottom:6px;font-size:12px}.premium-control-trigger{border-radius:13px;min-height:46px;padding:0 44px 0 12px;font-size:13px}.premium-control-trigger:after{height:24px;right:39px}.premium-control-trigger>svg{font-size:17px;right:12px}.premium-control-menu{border-radius:14px;max-height:220px;padding:7px;top:calc(100% + 6px)}.premium-control-option{border-radius:10px;min-height:40px;padding:0 10px;font-size:11px}.time-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.time-control-group{border-radius:14px;padding:8px}.time-control-group>small{margin:0 0 5px 2px;font-size:9px}.work-days{margin-bottom:13px}.work-days>span{margin-bottom:7px;font-size:12px}.day-checkboxes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.day-checkboxes label{border-radius:12px;gap:5px;min-width:0;min-height:40px;padding:0 5px;font-size:10px}.day-checkboxes input{flex-shrink:0;width:14px;height:14px}.connection-status,.public-link-card{border-radius:15px;align-items:center;gap:9px;margin-bottom:11px;padding:11px}.connection-status>svg,.public-link-card>svg{border-radius:11px;width:36px;height:36px;padding:8px}.connection-status strong,.public-link-card strong{margin-top:3px;font-size:11px;line-height:1.35}.connection-status span,.public-link-card span{font-size:10px;line-height:1.35}.connection-status em{margin-left:auto;padding:6px 8px;font-size:9px}.whatsapp-settings-card.is-disconnected .settings-field{display:none}.booking-url-field{display:none!important}.panel-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.panel-controls-grid .settings-field{min-width:0;margin-bottom:0}.panel-controls-grid .premium-control-trigger{font-size:11px}.settings-confirm-overlay{z-index:4000;padding:14px 14px max(14px, env(safe-area-inset-bottom));align-items:end}.settings-confirm-modal{border-radius:22px 22px 16px 16px;width:100%;padding:20px 16px}.settings-confirm-icon{border-radius:15px;width:48px;height:48px;margin-bottom:12px;font-size:21px}.settings-confirm-modal h2{font-size:19px}.settings-confirm-modal p{margin-top:8px;font-size:11px;line-height:1.45}.settings-confirm-actions{grid-template-columns:.8fr 1.35fr;gap:8px;margin-top:16px}.settings-confirm-actions button{border-radius:12px;min-height:44px;padding:0 10px;font-size:11px}}@media (width<=360px){.settings-page{padding-inline:11px!important}.settings-header h1{font-size:27px}.business-info-title h2,.card-title h2{font-size:17px}.day-checkboxes{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-controls-grid{grid-template-columns:1fr}}.connection-status em.inactive{color:#64748b;background:#e2e8f0}.connection-status em.active{color:#047857;background:#dcfce7}.logo-upload.view-mode{align-items:center}.logo-view-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.logo-view-copy strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.logo-view-copy span{color:#64748b;font-size:12px;font-weight:700}.business-summary-list{background:#f8fafcc7;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}.business-summary-row{border-bottom:1px solid #e9eef5;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;min-height:58px;padding:12px 16px;display:grid}.business-summary-row:last-child{border-bottom:none}.business-summary-row span{color:#64748b;font-size:12px;font-weight:800}.business-summary-row strong{overflow-wrap:anywhere;color:#0f172a;text-align:right;min-width:0;font-size:13px;font-weight:900}.business-edit-fields{min-width:0}.save-btn:disabled,.mobile-settings-save button:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.2);opacity:.48}@media (width<=780px){.logo-upload.view-mode{margin-bottom:10px}.logo-view-copy strong{font-size:12px}.logo-view-copy span{font-size:10px}.business-summary-list{border-radius:14px}.business-summary-row{grid-template-columns:88px minmax(0,1fr);gap:8px;min-height:44px;padding:9px 11px}.business-summary-row span{font-size:10px}.business-summary-row strong{font-size:11px}.business-edit-fields .settings-card label,.business-edit-fields label{margin-bottom:12px}}.services-layout{background:#f4f7fc;min-height:100vh}.services-page{box-sizing:border-box;width:calc(100% - 240px);min-width:0;min-height:100vh;margin-left:240px;padding:42px 56px 64px}.services-page>*{width:100%;max-width:1480px;margin-left:auto;margin-right:auto}.services-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:30px;display:flex}.services-header>div{min-width:0}.services-header>div>span{color:#2563eb;font-size:14px;font-weight:800;display:inline-block}.services-header h1{color:#0f172a;margin:9px 0 10px;font-size:38px;line-height:1.1}.services-header p{color:#64748b;max-width:680px;margin:0;line-height:1.6}.services-new-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 24px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 24px #2563eb33}.services-new-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #2563eb42}.services-message{border-radius:14px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 17px;font-weight:700;display:flex}.services-message.success{color:#047857;background:#d1fae5}.services-message.error{color:#b91c1c;background:#fee2e2}.services-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:26px;display:grid}.services-stats article{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;align-items:center;gap:18px;min-width:0;min-height:118px;padding:25px 28px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 34px #0f172a0e}.services-stats article:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a14}.services-stats article>svg{color:#2563eb;flex-shrink:0;font-size:30px}.services-stats article>div{min-width:0}.services-stats strong{color:#0f172a;margin-bottom:3px;font-size:29px;line-height:1;display:block}.services-stats span{color:#64748b}.service-suggestions{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;margin-bottom:26px;padding:26px 28px;box-shadow:0 14px 34px #0f172a0e}.service-suggestions-heading span{color:#2563eb;letter-spacing:.06em;font-size:12px;font-weight:900}.service-suggestions-heading h2{color:#0f172a;margin:8px 0 7px;font-size:23px}.service-suggestions-heading p{color:#64748b;margin:0;line-height:1.55}.service-suggestion-list{flex-wrap:wrap;gap:10px;margin-top:19px;display:flex}.service-suggestion-list button{color:#1e3a8a;cursor:pointer;background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 16px;font-weight:800;transition:border-color .2s,background .2s,transform .2s;display:flex}.service-suggestion-list button:hover{background:#eef2ff;border-color:#2563eb;transform:translateY(-1px)}.services-content{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0cc;border-radius:26px;min-height:400px;padding:26px 28px 30px;box-shadow:0 14px 34px #0f172a0e}.services-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.services-toolbar>span{color:#64748b;flex-shrink:0;font-size:14px}.services-search{box-sizing:border-box;background:#f8fafc;border:1px solid #dbe4f0;border-radius:14px;align-items:center;gap:10px;width:min(420px,100%);min-height:48px;padding:0 16px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.services-search:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.services-search svg{color:#64748b;flex-shrink:0}.services-search input{width:100%;min-width:0;font:inherit;color:#0f172a;background:0 0;border:none;outline:none}.services-search input::placeholder{color:#94a3b8}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.service-management-card{box-sizing:border-box;background:#fff;border:1px solid #e5eaf2;border-radius:22px;min-width:0;padding:23px;transition:transform .2s,border-color .2s,box-shadow .2s}.service-management-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 16px 32px #0f172a12}.service-card-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.service-card-icon{background:#eef2ff;border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.service-status{cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:8px 13px;font-weight:800}.service-status.active{color:#15803d;background:#dcfce7}.service-status.passive{color:#64748b;background:#f1f5f9}.service-management-card h3{color:#0f172a;margin:20px 0 8px;font-size:20px;line-height:1.3}.service-management-card>p{color:#64748b;min-height:44px;margin:0;line-height:1.55}.service-card-details{background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;padding:14px 15px;display:flex}.service-card-details span{color:#64748b;align-items:center;gap:7px;display:flex}.service-card-details strong{color:#2563eb;flex-shrink:0;font-size:18px}.service-price-visibility{color:#64748b;align-items:center;gap:7px;margin:-7px 0 18px;font-size:13px;font-weight:700;display:flex}.service-card-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.service-card-actions button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:43px;font-weight:800;transition:transform .2s,opacity .2s;display:flex}.service-card-actions button:hover{opacity:.92;transform:translateY(-1px)}.service-card-actions button.delete{color:#dc2626;background:#fee2e2}.services-empty{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:30px 20px;display:flex}.services-empty>svg{color:#94a3b8;font-size:48px}.services-empty h2{color:#0f172a;margin:17px 0 7px}.services-empty p{color:#64748b;max-width:460px;margin:0;line-height:1.55}.services-empty button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:13px;align-items:center;gap:8px;min-height:45px;margin-top:16px;padding:0 19px;font-weight:800;display:flex;box-shadow:0 10px 22px #2563eb33}.service-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:flex-end;display:flex;position:fixed;inset:0}.service-panel{box-sizing:border-box;background:#fff;width:min(520px,100%);height:100%;padding:28px;overflow-y:auto;box-shadow:-18px 0 45px #0f172a26}.service-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.service-panel-header span{color:#2563eb;font-size:13px;font-weight:900}.service-panel-header h2{color:#0f172a;margin:7px 0 0}.service-panel-header>button{cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.service-form{flex-direction:column;gap:18px;display:flex}.service-form label>span{color:#334155;margin-bottom:8px;font-weight:800;display:block}.service-form input,.service-form textarea,.service-form select{width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #dbe4f0;border-radius:13px;outline:none;padding:12px 14px}.service-form textarea{resize:vertical;min-height:110px}.service-form input:focus,.service-form textarea:focus,.service-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.service-form label small{color:#64748b;margin-top:7px;font-size:12px;line-height:1.4;display:block}.service-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.service-icon-list{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.service-icon-list button{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:12px;font-size:22px}.service-icon-list button.selected{background:#eef2ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.service-active-control{background:#f8fafc;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.service-active-control strong{color:#0f172a;display:block}.service-active-control span{font-size:13px;color:#64748b!important;margin:4px 0 0!important;font-weight:400!important}.service-active-control input{flex-shrink:0;width:20px;height:20px;min-height:auto}.service-form-actions{grid-template-columns:1fr 2fr;gap:12px;margin-top:10px;display:grid}.service-form-actions button{cursor:pointer;border:none;border-radius:13px;min-height:48px;font-weight:900}.service-form-actions .cancel{color:#334155;background:#f1f5f9}.service-form-actions .save{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}@media (width<=1280px){.services-page{padding:38px 36px 58px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.services-page{padding:34px 28px 50px}.services-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.services-header{flex-direction:column;align-items:stretch}.services-new-button{align-self:flex-start}}@media (width<=780px){.services-page{width:100%;margin-left:0;padding:24px 18px 40px}.services-header{gap:20px;margin-bottom:24px}.services-header h1{font-size:32px}.services-new-button{align-self:stretch;width:100%}.services-toolbar{flex-direction:column;align-items:stretch}.services-toolbar>span{align-self:flex-end}.services-search{width:100%}.services-stats,.services-grid,.service-form-row{grid-template-columns:1fr}.services-stats{gap:16px}.services-stats article{min-height:104px;padding:22px}.services-content,.service-suggestions{border-radius:20px;padding:21px 18px}.service-panel{padding:22px 18px}}@media (width<=480px){.services-page{padding:20px 14px 34px}.services-header h1{font-size:29px}.services-header p{font-size:14px}.services-stats article{border-radius:20px;padding:20px}.service-management-card{padding:19px}.service-card-actions,.service-form-actions{grid-template-columns:1fr}.service-icon-list{grid-template-columns:repeat(4,1fr)}.service-active-control{align-items:flex-start}}@media (width<=780px){.services-layout,.services-layout *,.services-layout :before,.services-layout :after{box-sizing:border-box}.services-layout{width:100%;max-width:100vw;overflow-x:clip}.services-page{width:100%;min-width:0;max-width:100%;margin-left:0;padding:14px 14px 36px;overflow-x:clip}.services-page>*{max-width:100%}.services-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.services-header>div>span{font-size:13px}.services-header h1{letter-spacing:-.8px;margin:4px 0 6px;font-size:29px;line-height:1.08}.services-header p{max-width:100%;font-size:13px;line-height:1.45}.services-new-button{border-radius:14px;width:100%;min-height:44px;padding:0 16px;font-size:13px;box-shadow:0 12px 26px #2563eb33}.services-new-button:hover{transform:none}.services-message{border-radius:13px;gap:8px;margin-bottom:12px;padding:11px 13px;font-size:12px}.services-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.services-stats article{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;gap:6px;min-height:84px;padding:11px 8px;box-shadow:0 10px 24px #0f172a0b}.services-stats article:hover{transform:none;box-shadow:0 10px 24px #0f172a0b}.services-stats article>svg{font-size:19px}.services-stats strong{white-space:nowrap;margin-bottom:3px;font-size:18px;line-height:1}.services-stats span{font-size:10px;line-height:1.2;display:block}.service-suggestions{border-radius:18px;margin-bottom:14px;padding:14px}.service-suggestions-heading span{font-size:10px}.service-suggestions-heading h2{margin:5px 0 4px;font-size:18px}.service-suggestions-heading p{font-size:12px;line-height:1.45}.service-suggestion-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:7px;margin-top:11px;padding-bottom:4px;overflow-x:auto}.service-suggestion-list::-webkit-scrollbar{display:none}.service-suggestion-list button{border-radius:11px;flex:none;min-height:38px;padding:0 12px;font-size:11px}.services-content{border-radius:18px;min-height:0;padding:11px;box-shadow:0 12px 28px #0f172a0b}.services-toolbar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:11px}.services-search{border-radius:13px;width:100%;min-height:42px;padding:0 12px}.services-search input{font-size:13px}.services-toolbar>span{color:#2563eb;background:#eff6ff;border-radius:999px;align-self:flex-start;padding:5px 9px;font-size:11px;font-weight:800}.services-grid{grid-template-columns:1fr;gap:10px}.service-management-card{border-radius:18px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:13px;display:grid;overflow:hidden;box-shadow:0 10px 24px #0f172a0b}.service-management-card:hover{border-color:#e5eaf2;transform:none;box-shadow:0 10px 24px #0f172a0b}.service-card-top{display:contents}.service-card-icon{border-radius:14px;grid-area:1/1;width:46px;height:46px;font-size:21px}.service-status{grid-area:1/3;min-height:32px;padding:0 10px;font-size:10px}.service-management-card h3{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;min-width:0;margin:0;font-size:17px;line-height:1.25;overflow:hidden}.service-management-card>p{text-overflow:ellipsis;white-space:nowrap;grid-area:2/2/auto/4;min-height:0;margin:-2px 0 1px;font-size:11px;line-height:1.35;overflow:hidden}.service-card-details{border-radius:12px;grid-area:3/1/auto/-1;min-height:42px;margin:2px 0 0;padding:9px 11px}.service-card-details span{gap:5px;font-size:12px}.service-card-details strong{font-size:15px}.service-price-visibility{grid-area:4/1/auto/-1;gap:5px;margin:0;font-size:10px}.service-card-actions{grid-area:5/1/auto/-1;grid-template-columns:minmax(0,1fr) 44px;gap:7px;margin-top:2px}.service-card-actions button{border-radius:12px;min-height:42px;font-size:12px}.service-card-actions button:hover{transform:none}.service-card-actions button.delete{width:44px;padding:0;font-size:0}.service-card-actions button.delete svg{font-size:17px}.services-empty{min-height:220px;padding:24px 16px}.services-empty>svg{font-size:36px}.services-empty h2{margin:12px 0 6px;font-size:19px}.services-empty p{font-size:12px;line-height:1.5}.services-empty button{min-height:42px;font-size:12px}.service-panel-overlay{z-index:1200}.service-panel{width:100%;height:100dvh;padding:max(14px, env(safe-area-inset-top)) 14px max(20px, env(safe-area-inset-bottom));box-shadow:none}.service-panel-header{z-index:4;padding:max(14px, env(safe-area-inset-top)) 14px 11px;-webkit-backdrop-filter:blur(16px);background:#fffffff7;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;margin:-14px -14px 14px;position:sticky;top:-14px}.service-panel-header span{font-size:10px}.service-panel-header h2{margin-top:3px;font-size:21px;line-height:1.2}.service-panel-header>button{border-radius:13px;width:40px;height:40px}.service-form{gap:12px;padding-bottom:74px}.service-form label>span{margin-bottom:6px;font-size:12px}.service-form input,.service-form textarea,.service-form select{border-radius:13px;min-height:46px;padding:10px 12px;font-size:14px}.service-form textarea{min-height:82px}.service-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-form label small{margin-top:5px;font-size:10px}.service-icon-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.service-icon-list button{border-radius:10px;min-width:0;font-size:19px}.service-active-control{border-radius:14px;align-items:center;gap:12px;padding:12px}.service-active-control strong{font-size:12px}.service-active-control span{line-height:1.35;font-size:10px!important}.service-active-control input{width:22px;height:22px}.service-form-actions{z-index:5;padding:10px 14px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #e2e8f0;grid-template-columns:.8fr 1.5fr;gap:8px;margin:0;position:fixed;bottom:0;left:0;right:0}.service-form-actions button{border-radius:13px;min-height:46px;font-size:12px}}@media (width<=360px){.services-page{padding-inline:11px}.services-header h1{font-size:27px}.services-stats article{padding-inline:5px}.services-stats strong{font-size:16px}.services-stats span{font-size:9px}.service-form-row{grid-template-columns:1fr}.service-icon-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.services-description-break{display:none}.service-card-actions{grid-template-columns:1fr}.service-panel-delete-button{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-weight:900;transition:background .2s,border-color .2s,transform .2s;display:flex}.service-panel-delete-button:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.service-panel-delete-button:disabled{cursor:not-allowed;opacity:.55}@media (width<=780px){.services-description-break{display:block}.service-management-card.without-description .service-card-details{grid-row:2;margin-top:3px}.service-management-card.without-description .service-price-visibility{grid-row:3}.service-management-card.without-description .service-card-actions{grid-row:4}.service-card-actions{grid-template-columns:1fr}.service-form{padding-bottom:128px}.service-panel-delete-button{border-radius:13px;min-height:44px;margin-top:2px;font-size:12px}}.staff-wrapper{background:linear-gradient(135deg,#f8fbff,#eef4ff);min-height:100vh}.staff-page{margin-left:280px;padding:42px}.staff-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.staff-header span{color:#2563eb;font-weight:900}.staff-header h1{margin-top:8px;font-size:38px}.staff-header p{color:#64748b;max-width:700px;margin-top:8px}.staff-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;align-items:center;gap:10px;height:54px;padding:0 22px;font-weight:900;transition:all .25s;display:flex}.staff-primary-btn:hover{transform:translateY(-2px)}.staff-stats{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:30px;display:grid}.staff-stats div{background:#fff;border-radius:26px;padding:24px;box-shadow:0 18px 45px #0f172a0f}.staff-stats svg{color:#2563eb;font-size:24px}.staff-stats h3{margin-top:12px;font-size:34px}.staff-stats p{color:#64748b;margin-top:4px}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.staff-card{background:#fff;border-radius:28px;padding:24px;transition:all .25s;box-shadow:0 18px 45px #0f172a0f}.staff-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #0f172a14}.staff-card-top{align-items:center;gap:16px;display:flex}.staff-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:900;display:grid}.staff-card-top h3{font-size:18px}.staff-card-top p{color:#64748b;margin-top:4px}.staff-status{border-radius:999px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:900}.staff-status.active{color:#16a34a;background:#dcfce7}.staff-status.passive{color:#dc2626;background:#fee2e2}.staff-info{flex-direction:column;gap:18px;margin-top:22px;display:flex}.staff-info div{grid-template-columns:24px 110px 1fr;align-items:center;gap:10px;display:grid}.staff-info svg{color:#2563eb}.staff-info span{color:#64748b;font-size:14px}.staff-info strong{font-size:14px}.staff-mini-stats{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.staff-mini-stats div{text-align:center;background:#f8fafc;border-radius:18px;padding:18px}.staff-mini-stats strong{color:#2563eb;font-size:28px;display:block}.staff-mini-stats span{color:#64748b;font-size:13px}.staff-edit-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-top:24px;font-weight:900;transition:all .25s;display:flex}.staff-edit-btn:hover{background:#2563eb}@media (width<=1100px){.staff-page{margin-left:0;padding:24px}.staff-header{flex-direction:column;align-items:flex-start;gap:20px}.staff-stats{grid-template-columns:1fr}}.staff-service-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.staff-service-list span{color:#2563eb;background:#eff6ff;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}.staff-panel-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;background:#0f172a61;justify-content:flex-end;display:flex;position:fixed;inset:0}.staff-panel{background:#fff;width:460px;height:100vh;padding:30px;animation:.25s staffPanelSlide;overflow-y:auto;box-shadow:-30px 0 70px #0f172a2e}@keyframes staffPanelSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.staff-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.staff-panel-header span{color:#2563eb;font-weight:900}.staff-panel-header h2{margin-top:6px;font-size:30px}.staff-panel-header button{cursor:pointer;background:#f1f5f9;border:none;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.photo-upload-box{background:#f8fafc;border-radius:22px;align-items:center;gap:16px;margin-bottom:22px;padding:18px;display:flex}.photo-preview{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:900;display:grid}.photo-upload-box button{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:15px;align-items:center;gap:8px;height:46px;padding:0 16px;font-weight:900;display:flex}.staff-form{flex-direction:column;gap:16px;display:flex}.staff-form label{flex-direction:column;gap:8px;font-size:14px;font-weight:900;display:flex}.staff-form input,.staff-form select{width:100%;height:52px;font:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;outline:none;padding:0 14px}.staff-time-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.staff-panel-days,.staff-panel-services{flex-direction:column;gap:10px;display:flex}.staff-panel-days>span,.staff-panel-services>span{font-size:14px;font-weight:900}.staff-panel-days>div,.staff-service-options{flex-wrap:wrap;gap:8px;display:flex}.staff-panel-days button,.staff-service-options button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;padding:10px 12px;font-weight:900}.staff-panel-days button.selected,.staff-service-options button.selected{color:#fff;background:#2563eb}.save-staff-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;height:54px;margin-top:8px;font-weight:900}.staff-onboarding{margin-top:28px}.staff-onboarding-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;padding:34px;display:grid;box-shadow:0 20px 60px #0f172a14}.staff-onboarding-left{flex-direction:column;align-items:flex-start;display:flex}.staff-onboarding-eyebrow{color:#2563eb;letter-spacing:.04em;background:#eef4ff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.staff-onboarding-left h2{color:#0f172a;max-width:650px;margin:20px 0 12px;font-size:clamp(28px,3vw,42px);line-height:1.12}.staff-onboarding-left>p{color:#64748b;max-width:680px;margin:0;font-size:16px;line-height:1.7}.staff-onboarding-progress{width:100%;max-width:620px;margin-top:28px}.staff-progress-top{color:#475569;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.staff-progress-top strong{color:#2563eb}.staff-progress-bar{background:#e8edf5;border-radius:999px;height:10px;overflow:hidden}.staff-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#7c3aed);width:20%;height:100%;display:block}.staff-onboarding-steps{gap:12px;margin-top:28px;display:grid}.staff-onboarding-steps div{color:#475569;align-items:center;gap:12px;font-weight:700;display:flex}.staff-onboarding-steps div svg{color:#94a3b8;flex-shrink:0}.staff-onboarding-steps .completed{color:#334155;background:#f5f8ff;border:1px solid #dbeafe;border-radius:12px;width:fit-content;padding:8px 11px}.staff-onboarding-steps .completed svg{color:#4f46e5}.staff-onboarding-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-top:30px;padding:0 24px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 30px #4f46e53d}.staff-onboarding-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #4f46e54d}.staff-onboarding-visual{color:#fff;background:radial-gradient(circle at 100% 0,#7c3aed2e,#0000 38%),linear-gradient(145deg,#0f172a,#1e293b);border-radius:24px;flex-direction:column;justify-content:center;min-height:360px;padding:30px;display:flex}.staff-visual-icon{background:#ffffff1f;border-radius:20px;place-items:center;width:64px;height:64px;font-size:30px;display:grid}.staff-onboarding-visual h3{margin:24px 0 10px;font-size:25px}.staff-onboarding-visual p{color:#cbd5e1;margin:0;line-height:1.7}.staff-visual-items{gap:12px;margin-top:28px;display:grid}.staff-visual-items span{color:#e2e8f0;align-items:center;gap:10px;font-weight:700;display:flex}.staff-visual-items svg{color:#93c5fd}@media (width<=1000px){.staff-onboarding-card{grid-template-columns:1fr}.staff-onboarding-visual{min-height:auto}}@media (width<=640px){.staff-onboarding-card{border-radius:22px;padding:22px}.staff-onboarding-left h2{font-size:28px}}.staff-services-empty{background:#f7faff;border:1px solid #dbeafe;border-radius:16px;grid-template-columns:22px minmax(0,1fr);align-items:flex-start;gap:11px;padding:15px;display:grid}.staff-services-empty>svg{color:#2563eb;margin-top:2px;font-size:20px}.staff-services-empty>div{min-width:0}.staff-services-empty strong{color:#1e3a8a;font-size:13px;display:block}.staff-services-empty p{color:#64748b;margin:5px 0 12px;font-size:12px;font-weight:600;line-height:1.55}.staff-services-empty button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.save-staff-btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}@media (width<=640px){.staff-services-empty{padding:13px}.staff-services-empty p{font-size:11.5px}}.staff-phone-link{color:#0f172a;font-size:14px;font-weight:800;text-decoration:none}.staff-phone-link:hover{color:#2563eb}.staff-time-group{flex-direction:column;gap:8px;display:flex}.staff-time-group>span{font-size:14px;font-weight:900}.staff-time-field{gap:6px!important}.staff-time-field small{color:#64748b;font-size:11px;font-weight:800}.staff-select-row,.staff-form-actions{display:contents}.cancel-staff-btn{display:none}.delete-staff-btn{color:#dc2626;min-height:48px;font:inherit;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:16px;justify-content:center;align-items:center;gap:9px;font-weight:900;display:flex}.delete-staff-btn:disabled{opacity:.58;cursor:not-allowed}.staff-error-message{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:16px;padding:13px 15px;font-size:13px;font-weight:800}.staff-empty-state{text-align:center;background:#ffffffb8;border:1px dashed #cbd5e1;border-radius:22px;align-content:center;place-items:center;gap:12px;min-height:220px;padding:28px;display:grid}.staff-empty-state svg{color:#2563eb;font-size:34px}@media (width<=780px){.staff-wrapper,.staff-wrapper *,.staff-wrapper :before,.staff-wrapper :after{box-sizing:border-box}.staff-wrapper{width:100%;max-width:100vw;overflow-x:clip}.staff-page{width:100%;min-width:0;max-width:100%;margin-left:0;padding:14px 14px 36px;overflow-x:clip}.staff-header{align-items:stretch;gap:12px;margin-bottom:14px}.staff-header>div>span{font-size:13px}.staff-header h1{letter-spacing:-.8px;margin-top:4px;font-size:29px;line-height:1.08}.staff-header p{max-width:100%;margin-top:6px;font-size:13px;line-height:1.45}.staff-primary-btn{border-radius:14px;justify-content:center;width:100%;height:44px;padding:0 16px;font-size:13px;box-shadow:0 12px 26px #2563eb33}.staff-primary-btn:hover{transform:none}.staff-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.staff-stats>div{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:84px;padding:10px 6px;display:flex;box-shadow:0 10px 24px #0f172a0b}.staff-stats svg{font-size:19px}.staff-stats h3{margin-top:6px;font-size:19px;line-height:1}.staff-stats p{margin-top:4px;font-size:10px;line-height:1.2}.staff-grid{grid-template-columns:1fr;gap:10px}.staff-card{border:1px solid #e5eaf2;border-radius:19px;min-width:0;padding:13px;box-shadow:0 10px 24px #0f172a0b}.staff-card:hover{transform:none;box-shadow:0 10px 24px #0f172a0b}.staff-card-top{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;display:grid}.staff-avatar{border-radius:15px;width:48px;height:48px;font-size:19px}.staff-card-top>div:nth-child(2){min-width:0}.staff-card-top h3{text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.2;overflow:hidden}.staff-card-top p{margin-top:3px;font-size:12px}.staff-status{align-self:start;margin-left:0;padding:7px 10px;font-size:10px}.staff-info{gap:7px;margin-top:12px}.staff-info>div{grid-template-columns:18px 82px minmax(0,1fr);gap:7px;min-width:0;min-height:30px}.staff-info svg{font-size:15px}.staff-info span{font-size:11px}.staff-info strong,.staff-phone-link{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.35}.staff-service-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;margin-top:10px;padding-bottom:2px;overflow-x:auto}.staff-service-list::-webkit-scrollbar{display:none}.staff-service-list span{flex:none;padding:6px 9px;font-size:10px}.staff-service-list span.empty{color:#c2410c;background:#fff7ed}.staff-mini-stats{gap:7px;margin-top:11px}.staff-mini-stats>div{border-radius:13px;min-height:58px;padding:9px 8px}.staff-mini-stats strong{font-size:20px;line-height:1}.staff-mini-stats span{margin-top:4px;font-size:10px;line-height:1.2;display:block}.staff-edit-btn{border-radius:13px;height:42px;margin-top:10px;font-size:12px}.staff-edit-btn:hover{background:#0f172a}.staff-onboarding{margin-top:14px}.staff-onboarding-card{border-radius:20px;gap:14px;padding:17px}.staff-onboarding-eyebrow{padding:6px 9px;font-size:10px}.staff-onboarding-left h2{margin:13px 0 8px;font-size:23px}.staff-onboarding-left>p{font-size:12px;line-height:1.5}.staff-onboarding-progress,.staff-onboarding-steps{margin-top:17px}.staff-onboarding-steps{gap:9px}.staff-onboarding-steps div{gap:8px;font-size:12px}.staff-onboarding-button{width:100%;min-height:44px;margin-top:18px;font-size:12px}.staff-onboarding-visual{display:none}.staff-panel-overlay{z-index:2200;background:#0f172a7a}.staff-panel{width:100%;height:100dvh;padding:max(14px, env(safe-area-inset-top)) 14px max(22px, env(safe-area-inset-bottom));box-shadow:none;overflow-x:hidden}.staff-panel-header{top:calc(-1 * max(14px, env(safe-area-inset-top)));z-index:5;margin:calc(-1 * max(14px, env(safe-area-inset-top))) -14px 12px;padding:max(14px, env(safe-area-inset-top)) 14px 11px;-webkit-backdrop-filter:blur(16px);background:#fffffff7;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;position:sticky}.staff-panel-header span{font-size:10px}.staff-panel-header h2{margin-top:3px;font-size:21px;line-height:1.15}.staff-panel-header>button{border-radius:13px;flex-shrink:0;width:40px;height:40px}.photo-upload-box{border-radius:16px;gap:10px;margin-bottom:12px;padding:10px}.photo-preview{border-radius:14px;width:46px;height:46px;font-size:18px}.photo-upload-box button{border-radius:12px;height:40px;padding:0 12px;font-size:11px}.photo-upload-box button:disabled{opacity:.62;cursor:not-allowed}.staff-form{gap:12px;padding-bottom:104px}.staff-form label,.staff-time-group>span,.staff-panel-days>span,.staff-panel-services>span{gap:6px;font-size:12px}.staff-form input,.staff-form select{border-radius:13px;height:46px;padding:0 12px;font-size:14px}.staff-time-row{gap:8px}.staff-time-field small{font-size:10px}.staff-panel-days>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.staff-panel-days button,.staff-service-options button{border-radius:12px;min-height:40px;padding:0 9px;font-size:11px}.staff-service-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.staff-service-options button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.staff-select-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.staff-select-row label{min-width:0}.staff-form-actions{z-index:7;padding:10px 14px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #e2e8f0;grid-template-columns:.8fr 1.5fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.cancel-staff-btn,.save-staff-btn{border-radius:13px;height:auto;min-height:46px;margin:0;font-size:12px}.cancel-staff-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:none;justify-content:center;align-items:center;font-weight:900;display:flex}.delete-staff-btn{border-radius:13px;min-height:44px;margin-top:2px;font-size:12px}}@media (width<=360px){.staff-page{padding-inline:11px}.staff-header h1{font-size:27px}.staff-stats>div{padding-inline:4px}.staff-stats p{font-size:9px}.staff-info>div{grid-template-columns:17px 74px minmax(0,1fr)}.staff-panel-days>div{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-select-row{grid-template-columns:1fr}}@media (width<=780px){.staff-status{align-self:center}.staff-select-row label{justify-content:flex-end;min-height:88px}.staff-select-row select{flex-shrink:0}.staff-info>div:last-child strong{font-size:11.5px;line-height:1.35}.staff-form{padding-bottom:125px}}.booking-page{color:#0f172a;background:radial-gradient(circle at 0 0,#2563eb17,#0000 34%),linear-gradient(135deg,#f8fbff,#eef4ff);min-height:100vh;padding:36px}.booking-page,.booking-page *{box-sizing:border-box}.booking-container{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.booking-business-card,.booking-main-card{background:#fffffff5;border:1px solid #e2e8f0cc;border-radius:28px;min-width:0;padding:28px;box-shadow:0 18px 45px #0f172a12}.booking-business-card{position:sticky;top:24px}.booking-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:16px;font-size:22px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 12px 26px #4f46e533}.booking-business-card h1{color:#0f172a;letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(26px,3vw,30px);line-height:1.15}.booking-rating{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;margin-bottom:18px;padding:7px 11px;font-size:14px;font-weight:900;display:inline-flex}.booking-business-card>p{color:#64748b;align-items:flex-start;gap:10px;margin:11px 0 0;font-size:15px;line-height:1.45;display:flex}.booking-business-card>p svg{color:#2563eb;flex:none;margin-top:2px;font-size:18px}.booking-summary{background:#f8fafc;border:1px solid #eef2f7;border-radius:22px;margin-top:24px;padding:18px}.booking-summary h3{color:#0f172a;margin:0 0 12px;font-size:19px}.booking-summary div{border-bottom:1px solid #e2e8f0;padding:11px 0}.booking-summary div:last-child{border-bottom:none}.booking-summary span{color:#64748b;margin-bottom:4px;font-size:12px;display:block}.booking-summary strong{overflow-wrap:anywhere;color:#0f172a;font-size:14px;line-height:1.4;display:block}.booking-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:32px;display:grid}.progress-item{color:#94a3b8;background:#f8fafc;border:1px solid #0000;border-radius:15px;align-items:center;gap:8px;min-width:0;min-height:52px;padding:10px;font-weight:850;transition:color .2s,background .2s,border-color .2s;display:flex}.progress-item span{color:#64748b;background:#e2e8f0;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.progress-item p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;overflow:hidden}.progress-item.completed{color:#475569;background:#f1f5f9}.progress-item.completed span{color:#fff;background:#64748b}.progress-item.current{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#2563eb24}.progress-item.current span{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 6px 14px #4f46e53d}.booking-step h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,34px);line-height:1.15}.booking-step>p{color:#64748b;margin:8px 0 22px;line-height:1.55}.service-list,.staff-list{gap:13px;display:grid}.service-card,.booking-staff-card{color:#0f172a;width:100%;min-height:96px;font:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dfe6ef;border-radius:21px;align-items:center;gap:15px;padding:16px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.service-card.selected,.booking-staff-card.selected{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#2563eb;box-shadow:0 14px 30px #2563eb21}.service-card>span,.staff-avatar-booking{background:#fff;border-radius:18px;flex:none;place-items:center;width:56px;height:56px;font-size:26px;display:grid;box-shadow:0 6px 16px #0f172a0d}.service-card.selected>span,.staff-avatar-booking{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:900}.service-card>div,.booking-staff-card>div:last-child{min-width:0}.service-card h3,.booking-staff-card h3{color:#0f172a;margin:0;font-size:19px;line-height:1.3}.service-card p,.booking-staff-card p{color:#64748b;margin:4px 0 0;font-size:14px;line-height:1.45}.booking-staff-card span{color:#16a34a;margin-top:6px;font-size:12px;font-weight:900;display:inline-block}.booking-service-price{color:#2563eb;margin-top:6px;font-size:17px;font-weight:900;display:block}.booking-service-price.hidden{color:#64748b;font-size:13px;font-weight:700}.date-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.date-card{color:#0f172a;min-height:112px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #dfe6ef;border-radius:20px;padding:12px;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s}.date-card span{color:#64748b;text-transform:capitalize;font-size:13px;font-weight:900;display:block}.date-card strong{margin:8px 0 3px;font-size:31px;line-height:1;display:block}.date-card small{color:#64748b;text-transform:capitalize;font-size:12px;font-weight:900}.date-card.selected{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 12px 24px #4f46e533}.date-card.selected span,.date-card.selected small{color:#ffffffd6}.time-legend{color:#64748b;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;font-size:13px;font-weight:850;display:flex}.available-dot,.booked-dot{border-radius:999px;flex:none;width:10px;height:10px}.available-dot{background:#22c55e}.booked-dot{background:#fca5a5;margin-left:10px}.time-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.time-btn{min-height:54px;font:inherit;cursor:pointer;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;font-weight:900;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:flex}.time-btn span{font-weight:900}.time-btn small{font-size:10px;font-weight:800}.time-btn.available{color:#15803d;background:#dcfce7}.time-btn.available.selected{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 10px 22px #22c55e33}.time-btn.booked{color:#dc2626;cursor:not-allowed;background:#fee2e2}.time-btn.booked small{color:#dc2626}.booking-no-time{color:#64748b;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:20px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:180px;padding:26px;display:flex}.booking-no-time svg{color:#2563eb;margin-bottom:12px;font-size:34px}.booking-no-time strong{color:#0f172a;font-size:17px}.booking-no-time p{color:#64748b;margin:6px 0 0;line-height:1.5}.booking-form{gap:15px;display:grid}.booking-form label{color:#0f172a;flex-direction:column;gap:7px;font-size:14px;font-weight:900;display:flex}.booking-form input,.booking-form textarea{color:#0f172a;width:100%;font:inherit;background:#f8fafc;border:1px solid #dfe6ef;border-radius:15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.booking-form input{height:52px;padding:0 15px}.booking-form textarea{resize:vertical;min-height:110px;padding:13px 15px}.booking-form input:focus,.booking-form textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.booking-form button,.booking-success button{color:#fff;min-height:54px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:17px;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 12px 24px #4f46e52e}.booking-form button:disabled{cursor:not-allowed;opacity:.65}.back-btn{color:#475569;min-height:44px;font:inherit;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;margin-top:20px;padding:0 17px;font-weight:900;transition:background .2s,color .2s}.booked-warning{background:#fff1f2;border:1px solid #fecdd3;border-radius:19px;margin:0 0 20px;padding:18px}.booked-warning strong{color:#dc2626;font-size:17px;display:block}.booked-warning p{color:#7f1d1d;margin:5px 0 0;line-height:1.5}.booked-warning span{color:#64748b;margin-top:9px;font-size:12px;font-weight:800;display:block}.booked-warning button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#dc2626;border:none;border-radius:13px;margin-top:14px;padding:0 16px;font-weight:900}.booking-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:410px;display:flex}.booking-success>svg{color:#16a34a;font-size:66px}.booking-success h2{color:#0f172a;margin:18px 0 0;font-size:32px;line-height:1.2}.booking-success>p{color:#64748b;max-width:520px;margin:16px auto 0;line-height:1.65}.success-summary{text-align:left;background:#f8fafc;border-radius:22px;width:min(520px,100%);margin:22px auto;padding:20px}.success-summary div{border-bottom:1px solid #e2e8f0;padding:10px 0}.success-summary div:last-child{border-bottom:none}.success-summary span{color:#64748b;margin-bottom:4px;font-size:12px;display:block}.success-summary strong{color:#0f172a}.booking-success button{padding:0 22px}.booking-loading{color:#64748b;text-align:center;background:#fff;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;width:min(620px,100%);min-height:290px;margin:70px auto;padding:28px;display:flex;box-shadow:0 18px 45px #0f172a0f}.booking-loading svg{color:#2563eb;margin-bottom:13px;font-size:40px}.booking-loading h2{color:#0f172a;margin:0}.booking-loading p{margin:9px 0 0}.powered-by{color:#64748b;text-align:center;border-top:1px solid #e2e8f0;margin-top:26px;padding-top:18px;font-size:13px}.powered-by strong{color:#2563eb}@media (hover:hover){.service-card:hover,.booking-staff-card:hover,.date-card:hover{border-color:#2563eb;transform:translateY(-2px)}.service-card:hover,.booking-staff-card:hover{background:#eff6ff}.date-card:hover{box-shadow:0 10px 22px #2563eb1a}.time-btn.available:hover{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);transform:translateY(-2px)}.booking-form button:hover:not(:disabled),.booking-success button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #4f46e53d}.back-btn:hover{color:#0f172a;background:#e2e8f0}}@media (width<=980px){.booking-page{padding:20px}.booking-container{grid-template-columns:1fr;gap:16px}.booking-business-card{position:static}.booking-business-card,.booking-main-card{padding:24px}.date-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.booking-page{background:linear-gradient(#f5f8ff,#eef4ff);padding:9px}.booking-container{gap:10px}.booking-business-card,.booking-main-card{border-radius:24px;box-shadow:0 10px 28px #0f172a0f}.booking-business-card{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:16px;display:grid}.booking-logo{border-radius:18px;grid-area:1/1/3;width:56px;height:56px;margin:0;font-size:18px}.booking-business-card h1{grid-area:1/2;align-self:end;margin:0;font-size:22px;line-height:1.15}.booking-rating{grid-area:1/3/3;align-self:center;margin:0;padding:6px 9px;font-size:12px}.booking-business-card>p{grid-column:1/-1;gap:8px;margin:8px 0 0;font-size:13px;line-height:1.35}.booking-business-card>p:first-of-type{margin-top:14px}.booking-business-card>p svg{font-size:16px}.booking-summary{border-radius:18px;grid-column:1/-1;margin-top:14px;padding:14px}.booking-summary:not(.has-selection){display:none}.booking-summary h3{margin-bottom:9px;font-size:16px}.booking-summary.has-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.booking-summary.has-selection h3{grid-column:1/-1}.booking-summary div{min-width:0;padding:9px 0}.booking-summary div:nth-of-type(3),.booking-summary div:nth-of-type(4){border-bottom:none}.booking-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.booking-main-card{padding:20px 16px 18px;scroll-margin-top:8px}.booking-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 27px;position:relative}.booking-progress:before{content:"";background:#e2e8f0;height:2px;position:absolute;top:17px;left:9%;right:9%}.progress-item{z-index:1;text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:flex-start;gap:6px;min-height:auto;padding:0 2px;position:relative}.progress-item.completed,.progress-item.current{background:0 0;border:none}.progress-item span{border:4px solid #fff;width:34px;height:34px;font-size:11px}.progress-item p{color:#94a3b8;text-overflow:clip;white-space:normal;width:100%;font-size:10px;line-height:1.15;overflow:visible}.progress-item.completed p{color:#64748b}.progress-item.current p{color:#2563eb}.booking-step h2{font-size:28px}.booking-step>p{margin:7px 0 18px;font-size:15px}.service-list,.staff-list{gap:11px}.service-card,.booking-staff-card{border-radius:19px;gap:13px;min-height:88px;padding:13px}.service-card>span,.staff-avatar-booking{border-radius:16px;width:52px;height:52px;font-size:24px}.service-card h3,.booking-staff-card h3{font-size:18px}.service-card p,.booking-staff-card p{font-size:13px}.booking-service-price{margin-top:4px;font-size:16px}.date-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.date-card{border-radius:17px;min-height:88px;padding:11px}.date-card strong{margin:5px 0 2px;font-size:27px}.time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.time-btn{border-radius:14px;min-height:50px;font-size:14px}.booking-form textarea{min-height:96px}.back-btn{width:100%;margin-top:16px}.booking-success{min-height:360px}.booking-success>svg{font-size:58px}.booking-success h2{font-size:27px}.success-summary{border-radius:19px;margin:19px auto;padding:17px}.powered-by{margin-top:22px;padding-top:16px;font-size:12px}}@media (width<=390px){.booking-business-card{grid-template-columns:52px minmax(0,1fr) auto;column-gap:10px}.booking-logo{width:52px;height:52px}.booking-business-card h1{font-size:20px}.booking-rating{padding:5px 8px;font-size:11px}.progress-item p{font-size:9px}.booking-step h2{font-size:26px}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.booking-page *,.booking-page :before,.booking-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.tr-phone-input{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;width:100%;min-height:52px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;overflow:hidden}.tr-phone-input:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.tr-phone-input>span{color:#2563eb;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;background:#eff6ff;border-right:1px solid #e2e8f0;align-self:stretch;place-items:center;min-width:68px;padding:0 14px;font-weight:900;display:grid}.tr-phone-input input{min-width:0;font:inherit;letter-spacing:.02em;flex:1;height:50px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0 14px!important}.phone-field-help{color:#64748b;margin-top:7px;font-size:12px;font-weight:700;line-height:1.45;display:block}@media (width<=640px){.tr-phone-input{min-height:50px}.tr-phone-input>span{min-width:62px;padding:0 11px}}.finance-layout{background:#f4f7fc;min-height:100vh}.finance-page{box-sizing:border-box;width:calc(100% - 240px);min-width:0;min-height:100vh;margin-left:240px;padding:40px 52px 64px}.finance-page>*{width:100%;max-width:1480px;margin-left:auto;margin-right:auto}.finance-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:28px;display:flex}.finance-header>div{min-width:0}.finance-header>div>span,.finance-card-heading>div>span{color:#2563eb;letter-spacing:.08em;font-size:12px;font-weight:900}.finance-header h1{color:#0f172a;margin:8px 0 10px;font-size:38px;line-height:1.1}.finance-header p{color:#64748b;max-width:720px;margin:0;line-height:1.65}.finance-refresh-button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:800;display:flex;box-shadow:0 12px 25px #2563eb38}.finance-refresh-button:disabled{cursor:not-allowed;opacity:.7}.finance-message{border-radius:15px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 18px;font-weight:700;display:flex}.finance-message.error{color:#b91c1c;background:#fee2e2}.finance-filter-bar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 12px 32px #0f172a0b}.finance-period-filters{align-items:center;gap:8px;display:flex}.finance-period-filters button{color:#64748b;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:11px;padding:0 16px;font-size:14px;font-weight:800;transition:background .2s,color .2s,transform .2s}.finance-period-filters button:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.finance-period-filters button.active{color:#2563eb;background:#eef2ff}.finance-search{box-sizing:border-box;background:#f8fafc;border:1px solid #dbe4f0;border-radius:13px;align-items:center;gap:10px;width:min(390px,100%);min-height:44px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.finance-search:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61a}.finance-search svg{color:#64748b;flex-shrink:0}.finance-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:none;outline:none}.finance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.finance-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;align-items:center;gap:16px;min-width:0;min-height:130px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 34px #0f172a0d}.finance-stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a13}.finance-stat-icon{border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.finance-stat-icon.blue{color:#2563eb;background:#dbeafe}.finance-stat-icon.green{color:#047857;background:#d1fae5}.finance-stat-icon.orange{color:#c2410c;background:#ffedd5}.finance-stat-icon.purple{color:#7c3aed;background:#ede9fe}.finance-stat-card>div:last-child{min-width:0}.finance-stat-card span{color:#64748b;font-size:13px;font-weight:700;display:block}.finance-stat-card strong{color:#0f172a;margin:6px 0 4px;font-size:27px;line-height:1.1;display:block}.finance-stat-card small{color:#94a3b8;font-size:12px}.finance-payment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.finance-payment-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0eb;border-radius:22px;align-items:center;gap:15px;min-width:0;min-height:116px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #0f172a0d}.finance-payment-card:after{content:"";opacity:.45;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-55px;right:-55px}.finance-payment-card:hover{border-color:#94a3b859;transform:translateY(-3px);box-shadow:0 20px 42px #0f172a14}.finance-payment-card>div:last-child{z-index:1;min-width:0;position:relative}.finance-payment-icon{z-index:1;border-radius:16px;flex-shrink:0;place-items:center;width:50px;height:50px;font-size:22px;font-weight:900;display:grid;position:relative}.finance-payment-icon svg{font-size:22px}.finance-payment-card.cash .finance-payment-icon{color:#047857;background:linear-gradient(135deg,#d1fae5,#ecfdf5)}.finance-payment-card.cash:after{background:#d1fae5}.finance-payment-card.card .finance-payment-icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.finance-payment-card.card:after{background:#dbeafe}.finance-payment-card.transfer .finance-payment-icon{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#f5f3ff)}.finance-payment-card.transfer:after{background:#ede9fe}.finance-payment-card.unspecified .finance-payment-icon{color:#64748b;background:linear-gradient(135deg,#e2e8f0,#f8fafc)}.finance-payment-card.unspecified:after{background:#e2e8f0}.finance-payment-card span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;display:block;overflow:hidden}.finance-payment-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 4px;font-size:22px;font-weight:900;line-height:1.1;display:block;overflow:hidden}.finance-payment-card small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;display:block;overflow:hidden}.finance-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:22px;margin-bottom:24px;display:grid}.finance-chart-card,.finance-transactions-card{box-sizing:border-box;background:linear-gradient(#fff,#fcfdff);border:1px solid #e2e8f0e6;border-radius:28px;padding:28px;box-shadow:0 20px 50px #0f172a0f}.finance-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.finance-card-heading h2{color:#0f172a;margin:7px 0 0;font-size:24px;line-height:1.15}.finance-card-heading>div>span{color:#2563eb;letter-spacing:.08em;background:#eef2ff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;display:inline-block}.finance-chart-total{text-align:right;background:#f8fbff;border:1px solid #e6edf8;border-radius:18px;padding:10px 14px}.finance-chart-total small{color:#64748b;font-size:12px;display:block}.finance-chart-total strong{color:#2563eb;margin-top:4px;font-size:18px;font-weight:900;display:block}.finance-chart-scroll{scrollbar-width:thin;scrollbar-color:#dbe4f0 transparent;width:100%;padding-bottom:4px;overflow:auto hidden}.finance-chart-scroll::-webkit-scrollbar{height:7px}.finance-chart-scroll::-webkit-scrollbar-track{background:0 0}.finance-chart-scroll::-webkit-scrollbar-thumb{background:#dbe4f0;border-radius:999px}.finance-chart{box-sizing:border-box;justify-content:flex-start;align-items:stretch;gap:12px;min-width:100%;height:310px;padding:22px 4px 4px;display:flex}.finance-chart-column{text-align:center;flex:1 0 72px;grid-template-rows:30px minmax(0,1fr) 32px;align-items:end;min-width:72px;display:grid}.finance-chart-value{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.finance-chart-track{box-sizing:border-box;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #e8edf4;border-radius:15px 15px 9px 9px;align-items:flex-end;width:min(52px,78%);height:100%;margin:0 auto;display:flex;overflow:hidden}.finance-chart-bar{background:linear-gradient(#7c3aed 0%,#4f46e5 48%,#2563eb 100%);border-radius:14px 14px 8px 8px;width:100%;min-height:8%;transition:transform .22s,filter .22s;box-shadow:0 8px 18px #2563eb33}.finance-chart-column.has-revenue:hover .finance-chart-bar{filter:saturate(1.08);transform:translateY(-3px)}.finance-chart-column.zero-revenue .finance-chart-value{color:#a1aec0}.finance-chart-column.zero-revenue .finance-chart-track{background:linear-gradient(#fbfcfe 0%,#f5f7fa 100%);border-color:#edf1f6}.finance-chart-date{color:#64748b;white-space:nowrap;padding-top:9px;font-size:12px;font-weight:800}.finance-loading-area,.finance-empty-chart{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:30px 20px;display:flex}.finance-loading-area.premium,.finance-empty-chart.premium{background:radial-gradient(circle at 100% 0,#2563eb14,#0000 25%),linear-gradient(#f8fbff,#fff);border:1px solid #edf2f7;border-radius:24px}.finance-loading-pulse{background:linear-gradient(135deg,#2563eb1f,#7c3aed1f);border-radius:24px;width:72px;height:72px;margin-bottom:12px}.finance-loading-area strong{color:#0f172a;margin-top:4px;font-size:18px}.finance-loading-area p{color:#64748b;margin:6px 0 0;font-size:14px}.finance-empty-icon{background:linear-gradient(135deg,#2563eb1a,#7c3aed1f);border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:16px;display:grid}.finance-empty-icon svg{color:#2563eb;font-size:34px}.finance-empty-chart h3{color:#0f172a;margin:0 0 8px;font-size:22px}.finance-empty-chart p{color:#64748b;max-width:420px;margin:0;line-height:1.6}.finance-insights{flex-direction:column;gap:16px;display:flex}.finance-insight-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:21px;align-items:center;gap:14px;min-height:104px;padding:20px;display:flex;box-shadow:0 12px 30px #0f172a0b}.finance-insight-card.primary{isolation:isolate;color:#fff;background:radial-gradient(circle at 88% 12%,#ffffff38,#0000 32%),linear-gradient(135deg,#2563eb 0%,#4f46e5 46%,#7c3aed 100%);border:none;border-radius:26px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0;min-height:190px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px #4f46e547,inset 0 1px #fff3}.finance-insight-card.primary:before{content:"";z-index:-1;background:#ffffff14;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-50px}.finance-insight-card.primary:after{content:"";z-index:-1;filter:blur(2px);background:#ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:38px}.finance-insight-card.primary>svg{color:#fff;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:17px;width:52px;height:52px;margin:0 0 20px;padding:12px;font-size:27px;box-shadow:inset 0 1px #ffffff38,0 12px 24px #1e293b26}.finance-insight-card.primary span{color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900;display:block}.finance-insight-card.primary strong{letter-spacing:-.035em;text-overflow:clip;text-shadow:0 5px 22px #0f172a3d;white-space:normal;width:100%;margin:0 0 12px;font-size:clamp(34px,3vw,48px);font-weight:900;line-height:1;display:block;overflow:visible;color:#fff!important}.finance-insight-card.primary p{color:#ffffffe0;max-width:300px;margin:0;font-size:13px;line-height:1.65}.finance-insight-icon{color:#2563eb;background:#eef2ff;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.finance-insight-card>div:last-child{min-width:0}.finance-insight-card span{color:#64748b;font-size:12px;font-weight:800;display:block}.finance-insight-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;display:block;overflow:hidden}.finance-insight-card.primary span{color:#ffffffd1}.finance-insight-card.primary strong{text-overflow:clip;white-space:normal;overflow:visible;color:#fff!important}.finance-insight-card small{color:#94a3b8;font-size:12px}.finance-record-count{color:#2563eb;background:#eef2ff;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:800}.finance-table-wrapper{width:100%;overflow-x:auto}.finance-table{border-collapse:collapse;width:100%;min-width:1050px}.finance-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:12px;font-weight:900}.finance-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:16px 14px;font-size:14px}.finance-table tbody tr:last-child td{border-bottom:none}.finance-table tbody tr:hover{background:#fafbff}.finance-table td>small{color:#94a3b8;margin-top:4px;display:block}.finance-customer-cell{align-items:center;gap:11px;display:flex}.finance-customer-avatar{color:#2563eb;background:#eef2ff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.finance-customer-cell strong{color:#0f172a}.finance-price{color:#0f172a;font-size:15px}.finance-payment-method{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:31px;padding:0 12px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.finance-payment-method.cash{color:#047857;background:#d1fae5;border-color:#a7f3d0}.finance-payment-method.card{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.finance-payment-method.transfer{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.finance-payment-method.unspecified{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.finance-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.finance-status.completed{color:#047857;background:#d1fae5}.finance-status.pending{color:#b45309;background:#fef3c7}.finance-status.cancelled{color:#b91c1c;background:#fee2e2}.finance-table-message{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px 20px;display:flex}.finance-table-message>svg{color:#94a3b8;margin-bottom:14px;font-size:38px}.finance-table-message strong{color:#0f172a}.finance-table-message p{margin:7px 0 0}.finance-note{color:#94a3b8;text-align:center;margin-top:16px;font-size:12px;line-height:1.55}@keyframes finance-spin{to{transform:rotate(360deg)}}@media (width<=1280px){.finance-page{padding:36px 34px 56px}.finance-stats,.finance-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr)}}@media (width<=1050px){.finance-main-grid{grid-template-columns:1fr}.finance-insights{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.finance-insight-card.primary{min-height:180px}}@media (width<=850px){.finance-header,.finance-filter-bar{flex-direction:column;align-items:stretch}.finance-refresh-button{align-self:flex-start}.finance-search{width:100%}.finance-insights{grid-template-columns:1fr}}@media (width<=780px){.finance-page{width:100%;margin-left:0;padding:24px 18px 42px}.finance-header h1{font-size:32px}.finance-refresh-button{width:100%}.finance-period-filters{width:100%;overflow-x:auto}.finance-period-filters button{flex-shrink:0}.finance-stats,.finance-payment-summary{grid-template-columns:1fr}.finance-payment-card{min-height:108px}.finance-chart-card,.finance-transactions-card{border-radius:20px;padding:21px 18px}.finance-chart{gap:7px;height:245px}.finance-chart-track{width:min(42px,82%)}.finance-insight-card.primary{min-height:174px;padding:24px}.finance-insight-card.primary>svg{width:48px;height:48px;margin-bottom:18px}.finance-insight-card.primary strong{font-size:38px}}@media (width<=480px){.finance-page{padding:20px 14px 36px}.finance-header h1{font-size:29px}.finance-filter-bar{padding:12px}.finance-stat-card{padding:19px}.finance-stat-card strong{font-size:24px}.finance-payment-card{padding:18px}.finance-payment-icon{border-radius:14px;width:46px;height:46px}.finance-payment-card strong{font-size:20px}.finance-card-heading{flex-direction:column}.finance-chart-total{text-align:left}}@media (width<=760px){.finance-chart-shell{min-height:330px;padding:16px 12px 10px}.finance-chart{gap:8px;height:auto;min-height:245px}.finance-chart-column{grid-template-rows:32px minmax(155px,1fr) 44px}.finance-chart-track{width:min(46px,86%)}.finance-chart-value{font-size:11px}}@media (width<=480px){.finance-chart-topline{gap:12px}.finance-chart-scroll{margin-bottom:2px}.finance-chart-column{flex-basis:64px;min-width:64px}.finance-chart-total{text-align:left;width:fit-content}}@media (width<=760px){.finance-chart{height:285px}.finance-chart-column{flex-basis:66px;min-width:66px}.finance-chart-track{width:46px}}@media (width<=780px){.finance-layout,.finance-layout *,.finance-layout :before,.finance-layout :after{box-sizing:border-box}.finance-layout{width:100%;max-width:100vw;overflow-x:clip}.finance-page{min-width:0;overflow-x:clip;width:100%!important;max-width:100%!important;margin-left:0!important;padding:14px 14px 38px!important}.finance-page>*{max-width:100%}.finance-header{gap:12px;margin-bottom:14px}.finance-header>div>span{letter-spacing:.08em;font-size:10px}.finance-header h1{letter-spacing:-.8px;margin:5px 0 7px;font-size:29px;line-height:1.08}.finance-header p{max-width:100%;font-size:13px;line-height:1.45}.finance-refresh-button{border-radius:14px;width:100%;min-height:44px;padding:0 15px;font-size:13px}.finance-filter-bar{border-radius:17px;gap:9px;margin-bottom:14px;padding:10px}.finance-period-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;display:grid;overflow:visible}.finance-period-filters button{white-space:normal;border-radius:10px;min-width:0;min-height:38px;padding:0 4px;font-size:10px;line-height:1.15}.finance-search{border-radius:12px;width:100%;min-height:42px;padding:0 11px}.finance-search input{font-size:12px}.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.finance-stat-card{border-radius:17px;gap:9px;min-height:88px;padding:11px}.finance-stat-card:hover,.finance-payment-card:hover{transform:none}.finance-stat-icon{border-radius:12px;width:38px;height:38px;font-size:18px}.finance-stat-card span{font-size:10px;line-height:1.2}.finance-stat-card strong{margin:4px 0 0;font-size:19px}.finance-stat-card small{display:none}.finance-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.finance-payment-card{border-radius:17px;gap:9px;min-height:82px;padding:11px}.finance-payment-card:after{width:90px;height:90px;top:-45px;right:-45px}.finance-payment-icon{border-radius:12px;width:38px;height:38px;font-size:17px}.finance-payment-icon svg{font-size:17px}.finance-payment-card span{white-space:normal;font-size:10px;line-height:1.2}.finance-payment-card strong{margin:4px 0 0;font-size:18px}.finance-payment-card small{display:none}.finance-main-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.finance-chart-card,.finance-transactions-card{border-radius:19px;padding:14px}.finance-card-heading{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:13px}.finance-card-heading>div:first-child{min-width:0}.finance-card-heading>div>span{padding:5px 8px;font-size:9px}.finance-card-heading h2{margin-top:5px;font-size:19px;line-height:1.15}.finance-chart-total{text-align:right;border-radius:13px;flex-shrink:0;width:auto;padding:7px 10px}.finance-chart-total small{font-size:9px}.finance-chart-total strong{margin-top:2px;font-size:14px}.finance-chart-scroll{width:100%;max-width:100%}.finance-chart{min-height:210px;padding:10px 0 0;gap:4px!important;height:210px!important}.finance-chart-column{flex:1 0 42px!important;grid-template-rows:24px minmax(122px,1fr) 30px!important;min-width:42px!important}.finance-chart-value{font-size:9px}.finance-chart-track{border-radius:10px 10px 7px 7px;width:28px!important}.finance-chart-date{padding-top:6px;font-size:9px}.finance-loading-area,.finance-empty-chart{min-height:165px;padding:18px 12px}.finance-loading-pulse,.finance-empty-icon{border-radius:15px;width:48px;height:48px;margin-bottom:9px}.finance-empty-icon svg{font-size:23px}.finance-loading-area strong,.finance-empty-chart h3{font-size:16px}.finance-loading-area p,.finance-empty-chart p{font-size:11px;line-height:1.45}.finance-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.finance-insight-card.primary{border-radius:19px;grid-column:1/-1;min-height:126px;padding:17px}.finance-insight-card.primary>svg{border-radius:12px;width:38px;height:38px;margin-bottom:10px;padding:9px}.finance-insight-card.primary span{margin-bottom:5px;font-size:9px}.finance-insight-card.primary strong{margin-bottom:7px;font-size:29px}.finance-insight-card.primary p{max-width:100%;font-size:11px;line-height:1.45}.finance-insight-card:not(.primary){border-radius:16px;align-items:flex-start;gap:8px;min-height:98px;padding:11px}.finance-insight-icon{border-radius:11px;width:34px;height:34px;font-size:16px}.finance-insight-card:not(.primary) span{font-size:9px;line-height:1.25}.finance-insight-card:not(.primary) strong{white-space:normal;margin:4px 0;font-size:12px;line-height:1.25}.finance-insight-card:not(.primary) small{font-size:9px;line-height:1.3}.finance-transactions-card{margin-top:0}.finance-record-count{padding:6px 9px;font-size:10px}.finance-table-message{min-height:145px;padding:20px 12px}.finance-table-message>svg{margin-bottom:9px;font-size:30px}.finance-table-message strong{max-width:250px;font-size:14px;line-height:1.35}.finance-table-message p{margin-top:5px;font-size:11px}.finance-table-wrapper{overflow:visible}.finance-table{border-collapse:separate;border-spacing:0;min-width:0}.finance-table thead{display:none}.finance-table,.finance-table tbody,.finance-table tr,.finance-table td{width:100%;display:block}.finance-table tbody tr{background:#fff;border:1px solid #e5eaf2;border-radius:16px;margin-bottom:10px;padding:11px}.finance-table tbody tr:last-child{margin-bottom:0}.finance-table td{text-align:right;border-bottom:1px solid #eef2f7;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;padding:8px 0;font-size:12px;display:grid}.finance-table td:last-child{border-bottom:none}.finance-table td:before{content:attr(data-label);color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:900}.finance-customer-cell{justify-content:flex-end;gap:8px}.finance-customer-avatar{border-radius:10px;width:32px;height:32px;font-size:12px}.finance-price{font-size:13px}.finance-payment-method,.finance-status{justify-self:end;min-height:28px;padding:0 9px;font-size:10px}.finance-note{margin-top:12px;font-size:10px;line-height:1.45}}@media (width<=360px){.finance-page{padding-inline:11px!important}.finance-header h1{font-size:27px}.finance-period-filters button{font-size:9px}.finance-stat-card,.finance-payment-card{gap:7px;padding:9px}.finance-stat-icon,.finance-payment-icon{width:34px;height:34px}.finance-stat-card strong,.finance-payment-card strong{font-size:17px}.finance-insights{grid-template-columns:1fr}.finance-insight-card.primary{grid-column:auto}}.finance-summary-currency{color:#fff;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:#ffffff24;border-radius:17px;place-items:center;width:52px;height:52px;margin:0 0 20px;padding:12px;font-size:27px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff38,0 12px 24px #1e293b26}@media (width<=780px){.finance-empty-chart{min-height:142px;padding:17px 12px}.finance-empty-chart h3{max-width:270px;font-size:15px;line-height:1.3}.finance-empty-chart p{max-width:280px;font-size:10.5px;line-height:1.4}.finance-summary-currency{border-radius:12px;width:38px;height:38px;margin-bottom:10px;padding:8px;font-size:21px}.finance-insights{grid-template-columns:1fr;gap:8px}.finance-insight-card.primary{grid-column:auto}.finance-insight-card:not(.primary){align-items:center;gap:10px;min-height:76px;padding:11px 13px}.finance-insight-card:not(.primary)>div:last-child{flex:1;min-width:0}.finance-insight-card:not(.primary) span{font-size:10px;line-height:1.3}.finance-insight-card:not(.primary) strong{margin:3px 0;font-size:13px;line-height:1.25}.finance-insight-card:not(.primary) small{font-size:9.5px;line-height:1.3;display:block}}.analytics-layout{background:radial-gradient(circle at 100% 0,#7c3aed0f,#0000 30%),#f4f7fc;min-height:100vh}.analytics-page{box-sizing:border-box;width:calc(100% - 240px);min-width:0;min-height:100vh;margin-left:240px;padding:40px 52px 64px}.analytics-page>*{width:100%;max-width:1480px;margin-left:auto;margin-right:auto}.analytics-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:28px;display:flex}.analytics-header span,.analytics-card-heading span{color:#2563eb;letter-spacing:.08em;font-size:12px;font-weight:900}.analytics-header h1{color:#0f172a;margin:8px 0 10px;font-size:38px;line-height:1.1}.analytics-header p{color:#64748b;max-width:760px;margin:0;line-height:1.65}.analytics-refresh-button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:900;display:inline-flex;box-shadow:0 12px 25px #2563eb38}.analytics-refresh-button:disabled{cursor:not-allowed;opacity:.7}.analytics-message{border-radius:15px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 18px;font-weight:800;display:flex}.analytics-message.error{color:#b91c1c;background:#fee2e2}.analytics-period-bar{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 12px 32px #0f172a0b}.analytics-period-bar>div{align-items:center;gap:8px;display:flex}.analytics-period-bar button{color:#64748b;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:11px;padding:0 16px;font-size:14px;font-weight:900;transition:background .2s,color .2s,transform .2s}.analytics-period-bar button:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.analytics-period-bar button.active{color:#2563eb;background:#eef2ff}.analytics-period-bar>span{color:#64748b;font-size:13px;font-weight:800}.analytics-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.analytics-stat-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;align-items:center;gap:16px;min-width:0;min-height:130px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 34px #0f172a0d}.analytics-stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a13}.analytics-stat-icon{border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.analytics-stat-icon.blue{color:#2563eb;background:#dbeafe}.analytics-stat-icon.green{color:#047857;background:#d1fae5}.analytics-stat-icon.orange{color:#c2410c;background:#ffedd5}.analytics-stat-icon.purple{color:#7c3aed;background:#ede9fe}.analytics-stat-card span{color:#64748b;font-size:13px;font-weight:800;display:block}.analytics-stat-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 4px;font-size:27px;line-height:1.1;display:block;overflow:hidden}.analytics-stat-card small{color:#94a3b8;font-size:12px}.analytics-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:22px;margin-bottom:24px;display:grid}.analytics-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;min-width:0;padding:26px;box-shadow:0 14px 34px #0f172a0d}.analytics-card.compact{padding:22px}.analytics-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.analytics-card-heading.small{margin-bottom:16px}.analytics-card-heading h2,.analytics-card-heading h3{color:#0f172a;margin:7px 0 0}.analytics-card-heading h2{font-size:23px}.analytics-card-heading h3{font-size:18px}.analytics-heading-metric{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-shrink:0;min-width:82px;padding:10px 14px}.analytics-heading-metric small{color:#64748b;font-size:11px;display:block}.analytics-heading-metric strong{color:#2563eb;margin-top:3px;font-size:21px;display:block}.analytics-chart-scroll{width:100%;padding-bottom:4px;overflow-x:auto}.analytics-chart{align-items:stretch;gap:12px;min-width:100%;height:310px;padding:18px 4px 0;display:grid}.analytics-chart.wide{min-width:980px}.analytics-chart-column{text-align:center;grid-template-rows:28px minmax(0,1fr) 38px;align-items:end;min-width:0;display:grid}.analytics-chart-value{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.analytics-chart-track{background:#f1f5f9;border-radius:14px 14px 8px 8px;align-items:flex-end;width:min(48px,80%);height:100%;margin:0 auto;display:flex;overflow:hidden}.analytics-chart-bar{background:linear-gradient(#7c3aed,#2563eb);border-radius:14px 14px 8px 8px;width:100%;min-height:8px;box-shadow:0 8px 18px #2563eb38}.analytics-chart-bar.zero{box-shadow:none;background:#dbe3ef}.analytics-chart-date{color:#64748b;white-space:nowrap;padding-top:8px;font-size:11px;font-weight:800;line-height:1.25}.analytics-loading,.analytics-empty{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.analytics-loading{gap:10px}.analytics-empty>svg{color:#94a3b8;font-size:42px}.analytics-empty h3{color:#0f172a;margin:15px 0 6px}.analytics-empty p{max-width:360px;margin:0;line-height:1.55}.analytics-side-stack{flex-direction:column;gap:16px;display:flex}.analytics-highlight-card{isolation:isolate;color:#fff;background:radial-gradient(circle at 88% 12%,#ffffff38,#0000 32%),linear-gradient(135deg,#2563eb 0%,#4f46e5 46%,#7c3aed 100%);border-radius:26px;flex-direction:column;align-items:flex-start;min-height:210px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px #4f46e547}.analytics-highlight-card:before,.analytics-highlight-card:after{content:"";z-index:-1;background:#ffffff14;border-radius:50%;position:absolute}.analytics-highlight-card:before{width:210px;height:210px;top:-70px;right:-50px}.analytics-highlight-card:after{width:180px;height:180px;bottom:-90px;right:38px}.analytics-highlight-icon{background:#ffffff24;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:20px;font-size:26px;display:grid}.analytics-highlight-card span{color:#ffffffd1;letter-spacing:.08em;font-size:12px;font-weight:900}.analytics-highlight-card strong{color:#fff;margin:8px 0 12px;font-size:clamp(34px,3vw,48px);line-height:1}.analytics-highlight-card p{color:#ffffffe0;max-width:310px;margin:0;font-size:13px;line-height:1.65}.analytics-mini-list,.analytics-ranking-list{gap:10px;display:grid}.analytics-mini-row,.analytics-ranking-row{background:#fafbff;border:1px solid #eef2f7;border-radius:15px;align-items:center;gap:11px;min-width:0;padding:12px;display:flex}.analytics-mini-row strong{color:#0f172a}.analytics-mini-row small{color:#64748b;margin-left:auto;font-size:12px}.analytics-rank{color:#2563eb;background:#eef2ff;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.analytics-rank.large{border-radius:11px;width:36px;height:36px}.analytics-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.analytics-weekdays{gap:14px;display:grid}.analytics-weekday-row{grid-template-columns:42px 1fr 30px;align-items:center;gap:10px;display:grid}.analytics-weekday-row>span{color:#475569;font-size:13px;font-weight:800}.analytics-weekday-row>div{background:#eef2f7;border-radius:999px;height:10px;overflow:hidden}.analytics-weekday-row i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#7c3aed);height:100%;display:block}.analytics-weekday-row strong{color:#0f172a;text-align:right}.analytics-ranking-row>div{flex:1;min-width:0}.analytics-ranking-row strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.analytics-ranking-row small{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.analytics-ranking-row b{color:#2563eb;flex-shrink:0;font-size:13px}.analytics-no-data{color:#94a3b8;text-align:center;margin:0;padding:26px 12px}.spinning{animation:.9s linear infinite analytics-spin}@keyframes analytics-spin{to{transform:rotate(360deg)}}@media (width<=1250px){.analytics-page{padding:36px 34px 56px}.analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-secondary-grid{grid-template-columns:1fr 1fr}.analytics-secondary-grid>:first-child{grid-column:span 2}}@media (width<=1000px){.analytics-page{width:100%;margin-left:0;padding:28px 22px 50px}.analytics-main-grid,.analytics-secondary-grid{grid-template-columns:1fr}.analytics-secondary-grid>:first-child{grid-column:span 1}}@media (width<=720px){.analytics-header,.analytics-period-bar{flex-direction:column;align-items:stretch}.analytics-refresh-button{width:100%}.analytics-period-bar>div{padding-bottom:4px;overflow-x:auto}.analytics-period-bar button{white-space:nowrap}.analytics-stats{grid-template-columns:1fr}.analytics-header h1{font-size:32px}}@media (width<=480px){.analytics-page{padding:20px 14px 40px}.analytics-card,.analytics-highlight-card{border-radius:21px;padding:20px}.analytics-card-heading{flex-direction:column}.analytics-heading-metric{text-align:left;box-sizing:border-box;width:100%}}.analytics-mobile-empty{display:none}@media (width<=780px){.analytics-layout,.analytics-layout *,.analytics-layout :before,.analytics-layout :after{box-sizing:border-box}.analytics-layout{width:100%;max-width:100vw;overflow-x:clip}.analytics-page{min-width:0;overflow-x:clip;width:100%!important;max-width:100%!important;margin-left:0!important;padding:14px 14px 38px!important}.analytics-page>*{max-width:100%}.analytics-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.analytics-header span,.analytics-card-heading span{letter-spacing:.08em;font-size:10px}.analytics-header h1{letter-spacing:-.7px;margin:5px 0 7px;font-size:29px;line-height:1.08}.analytics-header p{max-width:100%;font-size:13px;line-height:1.45}.analytics-refresh-button{border-radius:14px;width:100%;min-height:44px;padding:0 15px;font-size:13px}.analytics-period-bar{border-radius:17px;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:13px;padding:9px}.analytics-period-bar>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;padding:0;display:grid;overflow:visible}.analytics-period-bar button{white-space:normal;border-radius:10px;min-width:0;min-height:38px;padding:0 4px;font-size:10px;line-height:1.15}.analytics-period-bar>span{padding:0 3px 2px;font-size:10px}.analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.analytics-stat-card{border-radius:17px;gap:9px;min-height:90px;padding:11px}.analytics-stat-card:hover{transform:none;box-shadow:0 14px 34px #0f172a0d}.analytics-stat-icon{border-radius:12px;width:38px;height:38px;font-size:18px}.analytics-stat-card>div:last-child{min-width:0}.analytics-stat-card span{font-size:10px;line-height:1.2}.analytics-stat-card strong{margin:4px 0 0;font-size:20px}.analytics-stat-card small{display:none}.analytics-main-grid,.analytics-secondary-grid{grid-template-columns:1fr;gap:11px;margin-bottom:11px}.analytics-card,.analytics-card.compact{border-radius:19px;padding:14px}.analytics-card-heading,.analytics-card-heading.small{flex-direction:row;align-items:flex-start;gap:9px;margin-bottom:12px}.analytics-card-heading>div:first-child{min-width:0}.analytics-card-heading h2{margin-top:5px;font-size:19px;line-height:1.15}.analytics-card-heading h3{margin-top:5px;font-size:16px}.analytics-heading-metric{text-align:right;border-radius:12px;flex-shrink:0;width:auto;min-width:64px;padding:7px 9px}.analytics-heading-metric small{font-size:9px}.analytics-heading-metric strong{margin-top:2px;font-size:15px}.analytics-chart{gap:5px;height:210px;min-height:210px;padding:8px 0 0}.analytics-chart.wide{min-width:760px}.analytics-chart-column{grid-template-rows:22px minmax(120px,1fr) 28px;min-width:40px}.analytics-chart-value{font-size:9px}.analytics-chart-track{border-radius:10px 10px 7px 7px;width:27px}.analytics-chart-date{padding-top:6px;font-size:9px}.analytics-chart-scroll.is-zero{display:none}.analytics-mobile-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;padding:16px 12px;display:flex}.analytics-mobile-empty svg{color:#2563eb;font-size:26px}.analytics-mobile-empty strong{color:#0f172a;font-size:14px;line-height:1.3}.analytics-mobile-empty span{max-width:280px;font-size:10.5px;line-height:1.4}.analytics-mobile-empty.compact{min-height:112px}.analytics-loading,.analytics-empty{min-height:140px;padding:16px 12px}.analytics-empty>svg{font-size:28px}.analytics-empty h3{margin:9px 0 4px;font-size:15px}.analytics-empty p{font-size:10.5px;line-height:1.4}.analytics-side-stack{gap:9px}.analytics-highlight-card{border-radius:19px;min-height:138px;padding:16px}.analytics-highlight-icon{border-radius:12px;width:38px;height:38px;margin-bottom:10px;font-size:19px}.analytics-highlight-card span{font-size:9px}.analytics-highlight-card strong{margin:5px 0 7px;font-size:28px;line-height:1.05}.analytics-highlight-card p{max-width:100%;font-size:10.5px;line-height:1.4}.analytics-card.compact.is-empty{display:none}.analytics-mini-list,.analytics-ranking-list{gap:7px}.analytics-mini-row,.analytics-ranking-row{border-radius:13px;gap:8px;padding:9px}.analytics-rank{border-radius:8px;width:25px;height:25px;font-size:10px}.analytics-rank.large{border-radius:10px;width:31px;height:31px}.analytics-mini-row strong,.analytics-ranking-row strong{font-size:11px}.analytics-mini-row small,.analytics-ranking-row small,.analytics-ranking-row b{font-size:9px}.analytics-weekdays.is-zero{display:none}.analytics-weekdays{gap:9px}.analytics-weekday-row{grid-template-columns:34px 1fr 22px;gap:7px}.analytics-weekday-row>span,.analytics-weekday-row strong{font-size:10px}.analytics-weekday-row>div{height:8px}.analytics-no-data{place-items:center;min-height:82px;padding:20px 10px;font-size:11px;display:grid}.analytics-secondary-grid>.analytics-card{min-height:0}}@media (width<=360px){.analytics-page{padding-inline:11px!important}.analytics-header h1{font-size:27px}.analytics-period-bar button{font-size:9px}.analytics-stat-card{gap:7px;padding:9px}.analytics-stat-icon{width:34px;height:34px}.analytics-stat-card strong{font-size:18px}}@media (width<=780px){.analytics-highlight-card.is-empty{min-height:116px;padding:14px 16px}.analytics-highlight-card.is-empty .analytics-highlight-icon{border-radius:11px;width:34px;height:34px;margin-bottom:7px;font-size:17px}.analytics-highlight-card.is-empty span{font-size:8.5px}.analytics-highlight-card.is-empty strong{margin:4px 0 5px;font-size:25px}.analytics-highlight-card.is-empty p{font-size:10px;line-height:1.35}.analytics-mobile-empty.compact{gap:4px;min-height:92px;padding:12px 10px}.analytics-mobile-empty.compact svg{font-size:22px}.analytics-mobile-empty.compact strong{font-size:12.5px}.analytics-mobile-empty.compact span{font-size:9.5px;line-height:1.35}.analytics-secondary-grid>.analytics-card:has(.analytics-no-data){padding-bottom:12px}.analytics-secondary-grid>.analytics-card:has(.analytics-no-data) .analytics-card-heading{margin-bottom:5px}.analytics-no-data{min-height:54px;padding:10px 8px;font-size:10.5px}.analytics-ranking-list .analytics-no-data{min-height:54px;padding:10px 8px}}