:root{--bg:#0b0b0a;--panel:#141413;--panel2:#191918;--line:#292722;--text:#f4f0e7;--muted:#969186;--gold:#d7b56d;--gold2:#f0d99f;--green:#74aa85;--red:#d97c6d}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{background:var(--bg);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit}svg{width:20px}.app{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:10;background:#10100f;flex-direction:column;width:252px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;height:52px;display:flex}.brand .monogram{color:var(--gold);border:1px solid #6d5b36;place-items:center;width:39px;height:39px;font:italic 30px Playfair Display;display:grid;transform:rotate(-3deg)}.brand>span:last-child{letter-spacing:3px;flex-direction:column;font-size:12px;display:flex}.brand small{color:var(--muted);letter-spacing:2px;margin-top:3px;font-size:7px}.role-button{border:1px solid var(--line);text-align:left;background:#171716;border-radius:10px;align-items:center;gap:10px;width:100%;margin:22px 0;padding:10px;display:flex}.role-button .avatar{color:#111;background:linear-gradient(135deg,#7e693e,#d7b56d);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:600;display:grid}.role-button>span:nth-child(2){flex-direction:column;flex:1;display:flex}.role-button small,.side-foot small{letter-spacing:1.5px;color:var(--muted);font-size:8px}.role-button svg{width:15px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{color:#a4a097;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:11px 14px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:var(--gold2);background:#d7b56d10}.sidebar nav button.active:after{content:"";background:var(--gold);width:3px;height:20px;position:absolute;left:0}.navicon{color:var(--gold);font-size:20px}.side-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:15px 12px;display:flex}.side-foot svg{color:var(--gold)}.side-foot div{flex-direction:column;display:flex}.main{min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:8;background:#0b0b0af2;justify-content:space-between;align-items:center;height:94px;padding:0 42px;display:flex;position:sticky;top:0}.topbar small,.title>small,.panel-head small,.booking-flow>small,.role-picker>small,.stylist-hello small{letter-spacing:2px;color:var(--gold);font-size:9px}.topbar h2{margin:5px 0 0;font:500 22px Playfair Display}.top-actions{align-items:center;gap:10px;display:flex}.reset,.iconbtn,.textbtn{color:var(--muted);background:0 0;border:0}.reset:hover{color:var(--gold)}.iconbtn{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;position:relative}.iconbtn svg{width:18px}.iconbtn i{background:var(--gold);color:#111;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-3px;right:-2px}.user{text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.user>span{width:38px;height:38px;color:var(--gold);background:#302b22;border-radius:50%;place-items:center;display:grid}.user div{flex-direction:column;display:flex}.user small{letter-spacing:0;color:var(--muted)}.pad{padding:40px 42px 80px}.title h1{margin:8px 0;font:500 36px Playfair Display}.title p{color:var(--muted);max-width:580px;margin:0;line-height:1.6}.hero-row{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.range,.outline{border:1px solid var(--line);background:#131312;border-radius:7px;align-items:center;gap:15px;padding:11px 14px;display:flex}.range svg{width:14px}.kpis{border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(4,1fr);margin:28px 0;display:grid;overflow:hidden}.kpi{background:var(--panel);border-right:1px solid var(--line);padding:21px 23px}.kpi:last-child{border:0}.kpi>small{color:var(--muted)}.kpi>div{flex-direction:column;gap:7px;margin-top:10px;display:flex}.kpi strong{font:500 28px Playfair Display}.kpi span{color:var(--green);font-size:10px}.dash-grid{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px}.panel-head{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.panel-head h3{margin:6px 0 0;font:500 20px Playfair Display}.panel-head>b{color:var(--gold2);font:500 25px Playfair Display}.panel-head>span{color:var(--muted);font-size:11px}.chart{padding-bottom:12px}.alerts{padding-bottom:10px}.alert{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0 12px;padding:14px 20px;display:flex}.alert>i{border-radius:50%;width:8px;height:8px}.alert>i.amber{background:#d1a85c}.alert>i.red{background:var(--red)}.alert>i.green{background:var(--green)}.alert div{flex-direction:column;flex:1;display:flex}.alert small{color:var(--muted);margin-top:4px}.alert svg{width:15px;color:var(--muted)}.alerts>button,.panel-head button{color:var(--gold);background:0 0;border:0;align-items:center;gap:8px;padding:15px 20px;display:flex}.alerts>button svg{width:15px}.appointments{grid-column:1/-1;margin-top:18px}.table{width:100%}.tr{border-top:1px solid var(--line);color:#cbc6bb;grid-template-columns:.65fr 1.7fr 1fr 1fr .8fr;align-items:center;padding:14px 24px;display:grid}.tr span{flex-direction:column;gap:3px;display:flex}.tr small{color:var(--muted)}.tr.th{letter-spacing:1.5px;color:#6f6b63;padding:11px 24px;font-size:9px}.status{color:var(--gold2);background:#d7b56d0c;border:1px solid #4f4632;border-radius:20px;width:max-content;padding:5px 9px;font-size:10px;font-style:normal}.status.checkedin{color:#8ec7a0;border-color:#315842}.status.inservice{color:#a98ee3;border-color:#52417a}.demo-pill{z-index:20;border:1px solid var(--line);color:var(--muted);background:#1a1a18ee;border-radius:30px;padding:8px 13px;font-size:10px;position:fixed;bottom:16px;right:18px;box-shadow:0 8px 30px #000}.demo-pill span{background:var(--gold);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.gold-button{color:#111;background:linear-gradient(135deg,#c19a50,#e4ca8b);border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:600;display:flex}.gold-button svg{width:16px}.sidebar>.gold-button{margin-top:18px}.toast{z-index:100;background:#1e221e;border:1px solid #425545;border-radius:8px;align-items:center;gap:9px;padding:12px 18px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #000}.toast svg{color:#83b791}.branch-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px;display:grid}.branch-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;overflow:hidden}.branch-card>img{object-fit:cover;filter:saturate(.65);width:100%;height:210px}.branch-card>div{padding:20px}.branch-card small{letter-spacing:2px;color:var(--gold);font-size:9px}.branch-card h3{margin:7px 0;font:500 23px Playfair Display}.branch-card p{color:var(--muted);gap:6px;display:flex}.branch-card p svg,.branch-card span svg{width:14px}.branch-card>div>div{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:18px;padding-top:15px;display:flex}.branch-card span{align-items:center;gap:4px;display:flex}.branch-card b{color:var(--gold2);margin-left:auto;font:500 17px Playfair Display}.service-list{border:1px solid var(--line);border-radius:11px;margin-top:25px;overflow:hidden}.service-list article{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:50px 1fr 120px 110px 30px;align-items:center;gap:18px;padding:20px 22px;display:grid}.service-list article:last-child{border:0}.round{width:42px;height:42px;color:var(--gold);border:1px solid #665535;border-radius:50%;place-items:center;font:500 18px Playfair Display;display:grid}.service-list small{letter-spacing:1.5px;color:var(--gold);font-size:9px}.service-list h3{margin:4px 0;font:500 18px Playfair Display}.service-list p{color:var(--muted);margin:0}.service-list article>span{color:var(--muted);gap:5px;display:flex}.service-list article>span svg{width:15px}.service-list article>button{background:0 0;border:0}.inventory-summary{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);margin:28px 0;display:grid;overflow:hidden}.inventory-table .tr{grid-template-columns:1.5fr 1fr .7fr 1fr 1fr}.front-tools{border:1px solid var(--line);background:var(--panel);border-radius:10px;grid-template-columns:1.8fr repeat(3,1fr);margin:25px 0;display:grid}.front-tools label{align-items:center;gap:10px;padding:18px;display:flex}.front-tools input{color:var(--text);background:0 0;border:0;outline:0;width:100%}.front-tools label svg{color:var(--muted)}.front-tools>div{border-left:1px solid var(--line);flex-direction:column;padding:15px 20px;display:flex}.front-tools b{font:500 23px Playfair Display}.front-tools small{color:var(--muted)}.stylist-hello{grid-template-columns:80px 1fr 180px;align-items:center;gap:20px;display:grid}.stylist-hello>img{object-fit:cover;filter:saturate(.6);border-radius:50%;width:75px;height:75px}.stylist-hello h1{margin:5px 0;font:500 34px Playfair Display}.stylist-hello p{color:var(--muted);margin:0}.stylist-hello>div:last-child{border-left:1px solid var(--line);grid-template-columns:28px 1fr;padding-left:25px;display:grid}.stylist-hello>div:last-child svg{color:var(--gold)}.stylist-hello>div:last-child b{font:500 25px Playfair Display}.stylist-hello>div:last-child span{color:var(--muted);grid-column:1/-1}.review{margin-top:18px;padding:28px}.review>small{color:var(--gold);letter-spacing:2px}.review .stars{color:var(--gold);letter-spacing:5px;margin:25px 0 10px}.review blockquote{margin:0;font:italic 19px/1.6 Playfair Display}.review p{color:var(--muted)}.customer-header{z-index:5;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:92px;padding:0 5%;display:flex;position:absolute;top:0;left:0;right:0}.customer-header nav{gap:32px;display:flex}.customer-header nav button,.textbtn{color:#dad6cd;background:0 0;border:0}.customer-header>div{align-items:center;gap:15px;display:flex}.textbtn{align-items:center;gap:5px;display:flex}.textbtn svg{width:13px}.customer-header .outline{background:#0003;border-color:#b99c61}.customer-main{min-height:100vh}.customer-hero{align-items:center;height:760px;padding:7%;display:flex;position:relative}.hero-bg{filter:saturate(.7);background:linear-gradient(90deg,#080807 10%,#090909c9 45%,#08080835 75%,#080808aa),linear-gradient(#0000 65%,#0b0b0a),url(https://images.unsplash.com/photo-1595476108010-b4d1f102b1b1?auto=format&fit=crop&w=2000&q=90) 50% 28%/cover;position:absolute;inset:0}.hero-copy{z-index:2;max-width:680px;position:relative}.hero-copy>small,.customer-section .title>small{letter-spacing:4px;color:var(--gold);font-size:10px}.hero-copy h1{margin:20px 0;font:500 72px/1.08 Playfair Display}.hero-copy h1 i{color:var(--gold2)}.hero-copy p{color:#c9c4b9;max-width:560px;font:300 18px/1.7 DM Sans}.hero-copy>div{align-items:center;gap:25px;margin-top:28px;display:flex}.link-button{color:var(--text);background:0 0;border:0;border-bottom:1px solid #806e48;padding:10px 2px}.hero-note{z-index:2;align-items:center;gap:15px;display:flex;position:absolute;bottom:45px;right:6%}.hero-note>span{color:var(--gold);font:italic 22px Playfair Display}.hero-note>div{background:#8d7952;width:60px;height:1px}.hero-note p{line-height:1.5}.hero-note small{color:var(--muted)}.customer-section{padding:95px 7%}.customer-section>.title{text-align:center;margin:auto auto 45px}.customer-section>.title p{margin:auto}.customer-section>.title h1{font-size:43px}.service-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-grid article{background:var(--panel);border:1px solid var(--line);padding-bottom:20px}.service-photo{filter:saturate(.65);background-position:50%;background-size:cover;height:290px;margin-bottom:20px}.service-photo.p0{background-image:url(https://images.unsplash.com/photo-1605980625600-88d1c5c7f692?auto=format&fit=crop&w=900&q=80)}.service-photo.p1{background-image:url(https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?auto=format&fit=crop&w=900&q=80)}.service-photo.p2{background-image:url(https://images.unsplash.com/photo-1562322140-8baeececf3df?auto=format&fit=crop&w=900&q=80)}.service-grid article>:not(.service-photo){margin-left:22px;margin-right:22px}.service-grid article>small{color:var(--gold);letter-spacing:2px}.service-grid h3,.artist-grid h3{margin-top:8px;font:500 24px Playfair Display}.service-grid p{color:var(--muted);min-height:48px;line-height:1.6}.service-grid article>div:last-child{border-top:1px solid var(--line);justify-content:space-between;padding-top:15px;display:flex}.service-grid button{color:var(--gold);background:0 0;border:0;gap:6px;display:flex}.service-grid button svg{width:14px}.artists{background:#10100f}.artist-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.artist-grid article{height:450px;position:relative;overflow:hidden}.artist-grid img{object-fit:cover;filter:grayscale(.3)saturate(.5);width:100%;height:100%}.artist-grid article:after{content:"";background:linear-gradient(#0000,#090909);position:absolute;inset:40% 0 0}.artist-grid article>div{z-index:2;position:absolute;bottom:22px;left:24px}.artist-grid small{letter-spacing:2px;color:var(--gold)}.artist-grid h3{margin:8px 0;font-size:27px}.artist-grid p{color:#c2beb4}.artist-grid span{color:#d7d2c8;gap:5px;display:flex}.artist-grid svg{width:15px;color:var(--gold)}.customer-bookings{min-height:100vh;padding:150px 10%}.booking-ticket{border:1px solid var(--line);background:var(--panel);border-radius:11px;grid-template-columns:90px 1fr auto;align-items:center;margin-top:35px;padding:28px;display:grid}.dateblock{align-items:center;gap:8px;display:flex}.dateblock b{color:var(--gold2);font:500 45px Playfair Display}.dateblock span{color:var(--muted);font-size:10px}.booking-ticket small{color:var(--green);letter-spacing:2px}.booking-ticket h3{margin:8px 0;font:500 24px Playfair Display}.booking-ticket p{color:var(--muted)}.overlay{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#151514;border:1px solid #393429;border-radius:13px;width:min(650px,96vw);max-height:92vh;padding:36px;position:relative;overflow:auto;box-shadow:0 30px 100px #000}.modal-x{color:var(--muted);background:0 0;border:0;position:absolute;top:18px;right:18px}.modal-x svg{width:20px}.role-picker h2,.booking-flow h2{margin:9px 0;font:500 32px Playfair Display}.role-picker>p{color:var(--muted)}.role-picker>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;display:grid}.role-picker>div>button{text-align:left;border:1px solid var(--line);background:#1a1a18;border-radius:8px;align-items:center;gap:11px;padding:15px;display:flex}.role-picker button.selected{background:#d7b56d0a;border-color:#8d7444}.role-picker button>span{width:35px;height:35px;color:var(--gold);background:#29261f;border-radius:50%;place-items:center;display:grid}.role-picker button div{flex-direction:column;flex:1;display:flex}.role-picker button small{color:var(--muted);margin-top:3px}.role-picker button svg{width:15px;color:var(--muted)}.steps{margin:25px 0;display:flex}.steps span{color:#67635c;align-items:center;display:flex}.steps span.on{color:var(--gold)}.steps i{background:#38352e;width:100px;height:1px;margin:0 9px;display:block}.steps span:last-child i{display:none}.options h3{font:500 20px Playfair Display}.options>button{border:1px solid var(--line);text-align:left;background:#1a1a18;border-radius:8px;align-items:center;gap:12px;width:100%;margin:8px 0;padding:15px;display:flex}.options>button.selected,.times button.selected{background:#d7b56d0d;border-color:#9b804a}.options>button>svg{color:var(--gold)}.options>button>span{flex-direction:column;flex:1;display:flex}.options>button small{color:var(--muted);margin-top:4px}.options>button em{color:var(--gold2);font-style:normal}.privacy{color:var(--muted);background:#10100f;padding:9px;font-size:11px}.times{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.times button{border:1px solid var(--line);background:#191918;border-radius:6px;padding:12px}.summary{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;padding-top:18px;display:grid}.summary span{color:var(--muted);flex-direction:column;font-size:10px;display:flex}.summary b{color:var(--text);margin-top:4px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.success{text-align:center;padding:20px}.success>svg{width:64px;color:var(--gold);stroke-width:1px}.success h3{font:500 26px Playfair Display}.success p{color:var(--muted);line-height:1.7}.success>small{color:var(--muted);line-height:1.5;display:block}.wa{color:#91be9d;background:#172019;border:1px solid #304636;border-radius:7px;margin:20px;padding:12px}.wa b{float:right}.booking-flow .modal-actions .gold-button{min-width:140px}@media (max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(2){border-right:0}.dash-grid{grid-template-columns:1fr}.customer-header nav{display:none}.hero-copy h1{font-size:60px}.service-grid,.artist-grid{grid-template-columns:1fr 1fr}.branch-grid{grid-template-columns:1fr}.tr{grid-template-columns:.6fr 1.5fr 1fr}.tr span:nth-child(4),.tr.th span:nth-child(4){display:none}}@media (max-width:760px){.sidebar{width:72px;padding:18px 10px}.brand>span:last-child,.role-button>span:nth-child(2),.role-button svg,.sidebar nav button:not(.active),.sidebar nav button.active{font-size:0}.sidebar nav button.active{justify-content:center}.sidebar nav button.active .navicon{font-size:20px}.sidebar .gold-button,.side-foot{display:none}.main{margin-left:72px}.topbar{padding:0 18px}.topbar h2{font-size:18px}.top-actions .reset,.user div{display:none}.pad{padding:30px 18px 70px}.kpis{grid-template-columns:1fr}.kpi{border-right:0;border-bottom:1px solid var(--line)}.front-tools{grid-template-columns:1fr}.front-tools>div{border-left:0;border-top:1px solid var(--line)}.service-list article{grid-template-columns:45px 1fr}.service-list article>span,.service-list article>b,.service-list article>button{display:none}.stylist-hello{grid-template-columns:60px 1fr}.stylist-hello>img{width:55px;height:55px}.stylist-hello>div:last-child{display:none}.tr{grid-template-columns:.55fr 1.5fr .8fr;padding:12px}.tr span:nth-child(3),.tr.th span:nth-child(3){display:none}.customer-header{padding:0 20px}.customer-header .textbtn{display:none}.customer-header .outline{padding:9px}.customer-hero{height:700px;padding:100px 25px 40px}.hero-copy h1{font-size:49px}.hero-copy p{font-size:15px}.hero-note{display:none}.customer-section{padding:70px 20px}.service-grid,.artist-grid{grid-template-columns:1fr}.service-photo{height:250px}.role-picker>div{grid-template-columns:1fr}.modal{padding:30px 20px}.summary{grid-template-columns:1fr}.booking-ticket{grid-template-columns:1fr;gap:20px}.customer-bookings{padding:140px 20px}.hero-row{flex-direction:column;gap:20px}.inventory-summary{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--sidebar:252px;--bill:340px}.sidebar,.main,.billing-panel{transition:width .24s,margin .24s,transform .24s}.collapse-control{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:79px;right:12px}.collapse-control svg{width:14px}.side-collapsed .sidebar{width:76px;padding-inline:11px}.side-collapsed .brand>span:last-child,.side-collapsed .role-button>span:nth-child(2),.side-collapsed .role-button>svg,.side-collapsed .side-foot>div,.side-collapsed .navlabel,.side-collapsed .sidebar>.gold-button span,.side-collapsed .collapse-control span{display:none}.side-collapsed .role-button{justify-content:center;padding:8px}.side-collapsed .sidebar nav button{justify-content:center;padding-inline:8px}.side-collapsed .side-foot{justify-content:center}.side-collapsed .main{margin-left:76px}.bill-expanded .main{margin-right:340px}.billing-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:22;background:#121211ee;border-left:1px solid #373229;flex-direction:column;width:340px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 50px #0005}.billing-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;min-height:94px;padding:20px;display:flex}.billing-panel header small,.bill-customer small,.bill-items small{letter-spacing:1.5px;color:var(--gold);font-size:8px}.billing-panel h3{margin:5px 0;font:500 19px Playfair Display}.billing-panel header button{color:var(--muted);background:0 0;border:0}.bill-customer{border:1px solid var(--line);background:#181817;border-radius:9px;align-items:center;gap:10px;margin:16px;padding:13px;display:flex}.bill-customer>span{width:35px;height:35px;color:var(--gold);background:#332d21;border-radius:50%;place-items:center;display:grid}.bill-customer>div{flex-direction:column;flex:1;display:flex}.bill-customer em{color:var(--muted);margin-top:3px;font-size:10px;font-style:normal}.bill-customer button,.bill-label button{color:var(--gold);background:0 0;border:0;font-size:10px}.bill-label{color:var(--muted);letter-spacing:1px;justify-content:space-between;padding:0 19px 8px;font-size:9px;display:flex}.bill-label button{align-items:center;display:flex}.bill-label svg{width:13px}.bill-items article{border-top:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:9px;padding:14px 19px;display:grid}.bill-items article>div:first-child{flex-direction:column;display:flex}.bill-items article span{color:var(--muted);margin-top:3px;font-size:10px}.qty{border:1px solid var(--line);border-radius:5px;align-items:center;display:flex}.qty button{background:0 0;border:0;padding:3px 6px}.qty span{color:var(--text)!important;margin:0!important}.trash{color:var(--muted);background:0 0;border:0}.trash svg{width:14px}.bill-empty{text-align:center;color:var(--muted);padding:35px}.discount,.payment{border-top:1px solid var(--line);padding:18px}.discount label,.payment label{color:var(--muted);flex-direction:column;font-size:10px;display:flex}.discount select,.payment select{border:1px solid var(--line);color:var(--text);background:#1c1b18;border-radius:6px;margin-top:7px;padding:9px}.discount p{justify-content:space-between;margin:13px 0;display:flex}.discount>small{color:var(--muted);line-height:1.5}.bill-total{border-top:1px solid var(--line);padding-top:13px;font-size:19px}.bill-total b{color:var(--gold2);font:500 22px Playfair Display}.payment{margin-top:auto}.payment>div{grid-template-columns:1fr 1.5fr;gap:8px;margin-top:12px;display:grid}.gold-button:disabled{opacity:.4;cursor:not-allowed}.receipt{text-align:center;padding:50px 22px}.receipt>svg{width:65px;color:var(--green);stroke-width:1px}.receipt>small{color:var(--green);letter-spacing:2px;margin-top:15px;display:block}.receipt>h3{color:var(--gold2);font-size:35px}.receipt>p{color:var(--muted);line-height:1.7}.receipt>div{border-top:1px dashed var(--line);color:var(--muted);flex-direction:column;gap:5px;padding-top:20px;font-size:10px;display:flex}.bill-collapsed{z-index:25;color:var(--gold);background:#191816;border:1px solid #4a402e;border-right:0;border-radius:9px 0 0 9px;flex-direction:column;align-items:center;gap:8px;padding:12px 9px;display:flex;position:fixed;top:130px;right:0;box-shadow:-8px 8px 30px #0008}.bill-collapsed span{writing-mode:vertical-rl;font-size:9px}.bill-collapsed b{font-size:10px}.bill-collapsed svg{width:17px}.connectivity{z-index:60;border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181817dd;border-radius:30px;padding:7px 11px;font-size:9px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.connectivity i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.connectivity.offline i{background:var(--red)}.install-app{z-index:24;color:var(--gold2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181715dd;border:1px solid #5c4c30;border-radius:30px;padding:9px 13px;position:fixed;bottom:16px;right:18px}.pwa-note,.update-note{z-index:70;background:#1b1a17;border:1px solid #55482e;border-radius:10px;flex-direction:column;gap:7px;width:310px;padding:16px;display:flex;position:fixed;bottom:60px;right:18px;box-shadow:0 15px 50px #000}.pwa-note button{background:0 0;border:0;position:absolute;top:5px;right:8px}.pwa-note span,.update-note span{color:var(--muted);font-size:11px;line-height:1.5}.update-note button{background:var(--gold);color:#111;border:0;border-radius:5px;padding:8px}.confirm-reset h2{font:500 30px Playfair Display}.confirm-reset p{color:var(--muted);line-height:1.7}.confirm-reset>div{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.danger-button{color:#f1b2a8;background:#3a1d1a;border:1px solid #803f37;border-radius:7px;padding:11px 15px}.demo-pill{bottom:52px}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.billing-panel,.topbar,.connectivity,.install-app{background:#121211}}@media (max-width:1280px){.bill-expanded .main{margin-right:0}.billing-panel{width:min(380px,92vw);box-shadow:-30px 0 80px #000}.bill-expanded:after{content:"";z-index:20;pointer-events:none;background:#0007;position:fixed;inset:0}}@media (max-width:760px){.side-collapsed .sidebar,.sidebar{width:252px;transform:translate(-100%)}.side-collapsed .main,.main{margin-left:0}.billing-panel{border-radius:18px 18px 0 0;width:100%;top:8vh}.bill-collapsed{border:1px solid #5c4b2f;border-radius:9px;flex-direction:row;justify-content:center;padding:13px;inset:auto 14px 64px}.bill-collapsed span{writing-mode:initial}.install-app{bottom:105px}.connectivity{bottom:18px}.demo-pill{display:none}}.directory-search{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:10px;margin:25px 0;padding:14px 16px;display:flex}.directory-search svg{color:var(--muted)}.directory-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.inline-form{background:#171614;border:1px solid #55482f;border-radius:10px;grid-template-columns:1fr 1fr auto auto;gap:10px;margin-bottom:18px;padding:16px;display:grid}.inline-form label,.form-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:10px;display:flex}.inline-form input,.form-card input,.form-card textarea{border:1px solid var(--line);color:var(--text);background:#0f0f0e;border-radius:6px;padding:10px}.customer-list,.ops-list{border:1px solid var(--line);border-radius:11px;overflow:hidden}.customer-list article{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:48px 1.5fr .5fr .8fr .5fr auto;align-items:center;gap:15px;padding:17px 20px;display:grid}.customer-list article>span{width:38px;height:38px;color:var(--gold);background:#332d21;border-radius:50%;place-items:center;display:grid}.customer-list h3,.ops-list h3{margin:0;font:500 17px Playfair Display}.customer-list p,.ops-list p{color:var(--muted);margin:5px 0 0}.customer-list article>div:nth-child(n+3){flex-direction:column;display:flex}.customer-list small,.ops-list small{letter-spacing:1px;color:var(--gold);font-size:8px}.customer-list em{color:var(--gold2);font-style:normal}.empty-state{text-align:center;color:var(--muted);background:var(--panel);padding:60px}.empty-state small{margin-top:7px;display:block}.ops-list article{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:75px 1fr auto minmax(200px,auto);align-items:center;gap:18px;padding:16px 20px;display:grid}.time-box{color:var(--gold2);font:500 16px Playfair Display}.row-actions{justify-content:flex-end;gap:7px;display:flex}.row-actions .gold-button,.row-actions .outline{padding:8px 10px;font-size:10px}.text-danger{color:#dd887b;background:0 0;border:0;padding:7px}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;gap:16px;max-width:600px;margin-top:28px;padding:24px;display:grid}.form-card textarea{resize:vertical;min-height:100px}.availability-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;justify-content:space-between;align-items:center;margin-top:28px;padding:24px;display:flex}.availability-card>div{grid-template-columns:12px 1fr;display:grid}.availability-card h3,.availability-card p{margin:0 0 5px}.availability-card p{color:var(--muted);grid-column:2}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-top:5px}.module-actions{gap:9px;display:flex}.module-actions select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:10px}.module-kpis{grid-template-columns:repeat(3,1fr)}.module-detail{margin-top:20px}.panel-head button svg{width:14px}.activity-lines{display:grid}.activity-lines>button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:15px;padding:16px 22px;display:flex}.activity-lines>button:hover{background:#d7b56d08}.activity-lines>button>span{width:28px;height:28px;color:var(--gold);border:1px solid #55472e;border-radius:50%;place-items:center;display:grid}.activity-lines>button>div{flex-direction:column;flex:1;display:flex}.activity-lines small{color:var(--muted);margin-top:3px}.activity-lines svg{width:15px;color:var(--muted)}.customer-module-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.customer-module-grid article{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:22px}.customer-module-grid article>span{color:var(--gold);font:italic 18px Playfair Display}.customer-module-grid h3{font:500 20px Playfair Display}.customer-module-grid p{color:var(--muted);line-height:1.5}.ticket-actions{align-items:center;gap:8px;display:flex}@media (max-width:1100px){.customer-list article{grid-template-columns:45px 1fr auto}.customer-list article>div:nth-child(3),.customer-list article>div:nth-child(4),.customer-list article>em{display:none}.ops-list article{grid-template-columns:60px 1fr auto}.row-actions{grid-column:2/-1}.inline-form,.customer-module-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.inline-form{grid-template-columns:1fr}.customer-list article{grid-template-columns:40px 1fr}.customer-list article>.outline{grid-column:2}.ops-list article{grid-template-columns:1fr}.time-box{font-size:13px}.row-actions{flex-wrap:wrap;grid-column:1;justify-content:flex-start}.module-kpis,.customer-module-grid{grid-template-columns:1fr}.module-actions{width:100%}}.mobile-menu,.mobile-close,.mobile-backdrop{display:none}@media (max-width:760px){.mobile-menu{z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:42px;color:var(--gold2);background:#181714e8;border:1px solid #4c412d;border-radius:8px;align-items:center;gap:7px;padding:0 12px;display:flex;position:fixed;top:16px;left:14px;box-shadow:0 8px 25px #0008}.mobile-menu svg{width:20px}.mobile-menu span{font-size:11px}.mobile-backdrop{z-index:39;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000b;border:0;display:block;position:fixed;inset:0}.mobile-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#181817;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:12px}.mobile-close svg{width:18px}.mobile-nav-open .sidebar,.mobile-nav-open.side-collapsed .sidebar{z-index:40;width:min(286px,86vw);padding:22px 16px;transform:translate(0);box-shadow:30px 0 80px #000}.mobile-nav-open .sidebar .brand>span:last-child,.mobile-nav-open .sidebar .role-button>span:nth-child(2),.mobile-nav-open .sidebar .role-button>svg,.mobile-nav-open .sidebar .side-foot>div,.mobile-nav-open .sidebar .navlabel,.mobile-nav-open .sidebar>.gold-button span{display:flex}.mobile-nav-open .sidebar .role-button{justify-content:flex-start;padding:10px}.mobile-nav-open .sidebar nav button,.mobile-nav-open.side-collapsed .sidebar nav button{justify-content:flex-start;gap:11px;padding-inline:14px;font-size:14px!important}.mobile-nav-open .sidebar .navlabel{color:inherit;font-size:14px!important}.mobile-nav-open .sidebar .navicon{min-width:22px;font-size:20px!important}.mobile-nav-open .sidebar .side-foot{justify-content:flex-start}.mobile-nav-open .collapse-control{display:none}.topbar{padding-left:82px}}:root{--gold:#d8ad52;--gold2:#ffe6a3;--gold-dark:#72531d;--gold-shine:#fff4c7}.gold-button{color:#171006;text-shadow:0 1px #fff7d477;background:linear-gradient(115deg,#7d581d 0%,#c08b2e 18%,#ffe8a3 43%,#d09a38 62%,#8b621f 100%);border:1px solid #f5d27c;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff7cf,inset 0 -2px 4px #6f470a99,0 6px 18px #b7862b24}.gold-button:before{content:"";pointer-events:none;background:linear-gradient(#fffbe9a8,#0000);border-radius:999px;height:42%;position:absolute;inset:1px 8% auto}.gold-button>*{z-index:1;position:relative}.gold-button:hover{filter:saturate(1.12)brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #fff9da,inset 0 -2px 4px #6f470a99,0 9px 24px #c99a3a38}.gold-button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #6f470a88}.brand .monogram,.navicon,.hero-copy h1 i,.panel-head>b,.kpi strong,.bill-total b,.branch-card b{background:linear-gradient(#fff6cf 0%,#f3d47e 28%,#c68e2d 68%,#f5d981 100%);color:#0000;text-shadow:0 2px 14px #d6a84a1f;-webkit-background-clip:text;background-clip:text}.sidebar nav button.active{background:linear-gradient(100deg,#e4b95618,#6c4b1210);border:1px solid #b4893b55;box-shadow:inset 0 1px #ffe9aa12}.sidebar nav button.active:after{background:linear-gradient(#fff0b1,#bb7f20);box-shadow:0 0 9px #e6b85488}.role-button .avatar{color:#171006;background:radial-gradient(circle at 32% 24%,#fff3be 0%,#e6b958 28%,#a56f1c 72%,#65400d 100%);border:1px solid #f3d37b;box-shadow:inset 0 1px 2px #fff7d9,0 4px 14px #b17c252f}.status.confirmed,.demo-pill span,.live-dot,.connectivity i{box-shadow:0 0 10px}.outline:hover{color:var(--gold2);background:linear-gradient(120deg,#d6a84a12,#0000);border-color:#b99249}.mobile-menu{background:linear-gradient(145deg,#211b10ee,#11100eee)!important;border-color:#b08942!important;box-shadow:inset 0 1px #ffe8a526,0 8px 25px #0008!important}.bill-collapsed{background:linear-gradient(145deg,#2a2112,#15130e);border-color:#c29848;box-shadow:inset 0 1px #fff0bd35,-8px 8px 30px #0008}.artist-grid svg,.branch-card span svg,.stars{filter:drop-shadow(0 0 5px #e4b44b66)}.report-hero{background:radial-gradient(circle at 85% 10%,#d5a03a18,#0000 35%),linear-gradient(145deg,#191816,#11110f);border:1px solid #4a3d27;border-radius:14px;justify-content:space-between;align-items:flex-end;padding:30px;display:flex;box-shadow:inset 0 1px #ffe8a510}.report-hero small,.report-card-head small{color:var(--gold);letter-spacing:2px;font-size:9px}.report-hero h1{margin:9px 0;font:500 39px Playfair Display}.report-hero p,.report-card-head p{color:var(--muted);margin:0;line-height:1.5}.report-toolbar{align-items:flex-end;gap:12px;margin:18px 0;display:flex}.report-tabs{border:1px solid var(--line);background:#121210;border-radius:8px;margin-right:auto;padding:4px;display:flex}.report-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:9px 15px}.report-tabs button.active{color:var(--gold2);background:linear-gradient(130deg,#d8ad5225,#8b621f15);box-shadow:inset 0 0 0 1px #b78b3c66}.report-toolbar label{color:var(--muted);letter-spacing:1px;flex-direction:column;gap:5px;font-size:9px;display:flex}.report-toolbar select{min-width:150px;color:var(--text);border:1px solid var(--line);background:#171715;border-radius:7px;padding:10px}.report-kpis{border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.report-grid{grid-template-columns:1.8fr .8fr;gap:18px;display:grid}.report-chart{padding-bottom:15px}.report-card-head{justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.report-card-head h3{margin:6px 0;font:500 21px Playfair Display}.legend-dot{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.legend-dot i{background:linear-gradient(#ffe8a3,#9e6a1f);border-radius:2px;width:9px;height:9px}.report-insights{padding-bottom:16px}.insight{border-top:1px solid var(--line);gap:12px;padding:17px 20px;display:flex}.insight>span{color:var(--gold);font:italic 18px Playfair Display}.insight b{font-weight:500}.insight p{color:var(--muted);margin:6px 0 0;line-height:1.5}.report-insights>button{color:var(--gold2);background:0 0;border:0;align-items:center;gap:8px;padding:15px 20px;display:flex}.report-insights>button svg{width:14px}.report-table{margin-top:18px}.report-row{border-top:1px solid var(--line);color:#c9c4b8;grid-template-columns:1.4fr repeat(5,1fr);align-items:center;padding:14px 24px;display:grid}.report-row.head{letter-spacing:1.3px;color:#77736b;padding-block:11px;font-size:8px}.report-row>span:first-child{align-items:center;gap:10px;display:flex}.report-row>span:first-child b{width:23px;height:23px;color:var(--gold);border:1px solid #57482d;border-radius:50%;place-items:center;font-size:9px;display:grid}.report-row strong{color:var(--gold2);font-weight:500}.report-row>span:last-child{background:#24221d;border-radius:4px;height:5px;overflow:hidden}.report-row>span:last-child i{background:linear-gradient(90deg,#8c5f1c,#f2cf76);border-radius:4px;height:100%;display:block}.positive{color:var(--green)}.report-disclaimer{color:var(--muted);margin:15px 3px;font-size:10px}.report-table .outline{font-size:10px}.recharts-cartesian-axis-tick-value{font-family:DM Sans,sans-serif}@media (max-width:1200px){.report-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.report-hero{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.report-hero h1{font-size:31px}.report-toolbar{flex-direction:column;align-items:stretch}.report-tabs{margin:0;overflow:auto}.report-tabs button{white-space:nowrap;flex:1}.report-toolbar select{width:100%}.report-kpis{grid-template-columns:1fr}.report-chart{overflow:hidden}.report-card-head{flex-direction:column;gap:10px;padding:18px}.report-row{grid-template-columns:1.3fr 1fr .8fr;padding:13px 16px}.report-row span:nth-child(4),.report-row span:nth-child(5),.report-row span:nth-child(6),.report-row.head span:nth-child(4),.report-row.head span:nth-child(5),.report-row.head span:nth-child(6){display:none}.reports-page{padding-top:80px}}.detail-hero{background:radial-gradient(circle at 88% 12%,#d6a74818,#0000 32%),linear-gradient(145deg,#191816,#11110f);border:1px solid #493c27;border-radius:14px;justify-content:space-between;align-items:flex-end;padding:28px 30px;display:flex}.detail-hero small{color:var(--gold);letter-spacing:2px;font-size:9px}.detail-hero h1{margin:8px 0;font:500 37px Playfair Display}.detail-hero p{color:var(--muted);max-width:650px;margin:0;line-height:1.6}.detail-toolbar{gap:10px;margin:18px 0;display:flex}.detail-toolbar>label{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.detail-toolbar input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:11px 0}.detail-toolbar svg{color:var(--muted);width:17px}.detail-toolbar select,.detail-form select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:10px 12px}.detail-form{background:#171613;border:1px solid #5b492c;border-radius:11px;grid-template-columns:1.3fr 1fr 1fr auto auto;align-items:end;gap:12px;margin-bottom:18px;padding:18px;display:grid}.detail-form small{color:var(--gold);letter-spacing:1px}.detail-form h3{margin:4px 0;font:500 19px Playfair Display}.detail-form p{color:var(--muted);margin:0;font-size:10px}.detail-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.detail-form input{border:1px solid var(--line);color:var(--text);background:#0f0f0e;border-radius:7px;padding:10px}.detail-kpis{border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.detail-grid{grid-template-columns:1.6fr .8fr;gap:18px;display:grid}.detail-chart{padding-bottom:15px}.detail-signal{border-top:1px solid var(--line);gap:12px;padding:16px 20px;display:flex}.detail-signal>span{color:var(--gold);font:italic 17px Playfair Display}.detail-signal p{color:var(--muted);margin:5px 0 0;line-height:1.5}.detail-table{margin-top:18px}.detail-table-scroll{overflow:auto}.detail-row{border:0;border-top:1px solid var(--line);text-align:left;color:#c9c4b8;background:0 0;grid-template-columns:1.35fr repeat(5,1fr);align-items:center;gap:12px;width:100%;min-width:760px;padding:14px 22px;display:grid}.detail-row:not(.head):hover{background:#d7b56d08}.detail-row.head{letter-spacing:1.3px;color:#77736b;font-size:8px}.detail-row .primary{color:var(--text);font-weight:500}.detail-row .state{color:var(--gold2)}@media (max-width:1150px){.detail-grid{grid-template-columns:1fr}.detail-kpis{grid-template-columns:repeat(2,1fr)}.detail-form{grid-template-columns:1fr 1fr}.detail-form>div{grid-column:1/-1}}@media (max-width:760px){.detailed-page{padding-top:80px}.detail-hero{flex-direction:column;align-items:flex-start;gap:18px;padding:21px}.detail-hero h1{font-size:30px}.detail-toolbar{flex-direction:column}.detail-toolbar>label{min-height:43px}.detail-kpis,.detail-form{grid-template-columns:1fr}.detail-form>div{grid-column:auto}.detail-row{min-width:650px}}.bar-3d{transform-box:fill-box;transform-origin:bottom;transition:filter .2s,opacity .2s}.bar-3d:hover{filter:brightness(1.12)saturate(1.15)drop-shadow(4px 8px 7px #00000075)drop-shadow(0 0 8px #f5c9643d)}.bar-3d path:nth-child(2){filter:drop-shadow(0 1px 2px #fff2b066)}.bar-3d path:nth-child(4){animation:3.8s ease-in-out infinite goldGleam}@keyframes goldGleam{0%,70%,to{opacity:.18}82%{opacity:.68}90%{opacity:.3}}@media (prefers-reduced-motion:reduce){.bar-3d path:nth-child(4){opacity:.35;animation:none}}.brand-logo{justify-content:center;height:138px;padding:5px 0;overflow:visible}.brand-logo img{filter:drop-shadow(0 6px 18px #d9a44118);width:202px;height:132px;display:block;object-fit:contain!important;object-position:center!important}.sidebar .collapse-control{top:160px}.side-collapsed .brand-logo{height:66px;padding:2px 0}.side-collapsed .brand-logo img{border-radius:5px;width:58px;height:62px;object-fit:contain!important;object-position:center!important}.side-collapsed .collapse-control{top:90px}.customer-header .brand-logo{height:86px;padding:2px 0}.customer-header .brand-logo img{width:145px;height:82px;object-fit:contain!important}.launch-splash{z-index:1000;background:radial-gradient(circle at 50% 44%,#2d2110 0%,#0a0a09 35%,#050505 72%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.launch-splash:before{content:"";aspect-ratio:1;border:1px solid #d8aa4d18;border-radius:50%;width:min(70vw,680px);position:absolute;box-shadow:0 0 100px #d8aa4d12,inset 0 0 100px #d8aa4d0d}.launch-mark{text-align:center;width:min(78vw,430px);padding:18px;position:relative;overflow:visible}.launch-mark img{object-fit:contain;filter:drop-shadow(0 16px 38px #d5a13c22);width:100%;height:auto;display:block}.launch-mark i{filter:blur(7px);pointer-events:none;background:linear-gradient(90deg,#0000,#fff7c4a3,#0000);width:22%;position:absolute;top:4%;bottom:19%;transform:skew(-17deg)}.launch-mark span{color:#cdbb94;letter-spacing:4px;text-transform:uppercase;margin-top:14px;font-size:10px;display:block}.launch-mark:after{content:"";background:linear-gradient(90deg,#0000,#e4bb65,#0000);width:75px;height:1px;margin:16px auto 0;display:block}@media (max-width:760px){.mobile-nav-open .brand-logo{height:142px;padding:4px 0}.mobile-nav-open .brand-logo img{border-radius:0;width:210px;height:136px;display:block;object-fit:contain!important;object-position:center!important}.mobile-nav-open .role-button{margin-top:20px}.launch-mark{width:min(84vw,370px)}.launch-mark span{letter-spacing:3px;font-size:8px}}@media (prefers-reduced-motion:reduce){.launch-mark i{display:none}.launch-splash:before{box-shadow:none}}.sidebar{-webkit-backdrop-filter:blur(22px)saturate(1.18);background:linear-gradient(155deg,#171613e0 0%,#0a0a09f0 48%,#100e0ae8 100%);border-right:1px solid #e1b96338;box-shadow:inset -1px 0 #ffefbf09,18px 0 55px #0000003d}.sidebar:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 14% 8%,#ffe09713,#0000 24%),linear-gradient(115deg,#ffffff06,#0000 36%);position:absolute;inset:0}.sidebar nav{scrollbar-width:thin;scrollbar-color:#6d5426 transparent;padding:5px 0;overflow:hidden auto}.sidebar nav button{border:1px solid #0000;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.sidebar nav button:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 10%,#ffe19717 50%,#0000 90%);transition:transform .48s;position:absolute;inset:0;transform:translate(-115%)}.sidebar nav button:hover{color:#ffe7a3;background:linear-gradient(110deg,#daae511f,#7c56170a);border-color:#d8ad5238;transform:translate(3px);box-shadow:inset 0 1px #fff4ce0b,0 7px 20px #00000021}.sidebar nav button:hover:before{transform:translate(115%)}.sidebar nav button:hover .navicon{filter:drop-shadow(0 0 7px #f4c66394);transform:scale(1.08)}.sidebar .navicon{transition:transform .2s,filter .2s}.sidebar nav button.active{background:linear-gradient(110deg,#e1b5562e,#60410f12);border-color:#deb55c6b;box-shadow:inset 0 1px #fff2c117,0 10px 28px #00000024}.sidebar .role-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#23201ab8,#13120fcc);border-color:#deb55c33;box-shadow:inset 0 1px #fff4d20d}.sidebar .role-button:hover{border-color:#e5be6673;box-shadow:inset 0 1px #fff4d214,0 9px 25px #0000002e}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.sidebar{background:#11110f}.sidebar .role-button{background:#1a1916}}@media (prefers-reduced-motion:reduce){.sidebar nav button,.sidebar nav button:before,.sidebar .navicon{transition:none}.sidebar nav button:hover{transform:none}}@media (max-width:760px){.mobile-menu.floating{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;opacity:0;transition:opacity .18s,transform .18s,box-shadow .18s;transform:scale(.96)}.mobile-menu.floating.ready{opacity:1;transform:scale(1)}.mobile-menu.floating:active{cursor:grabbing;transform:scale(.98);box-shadow:inset 0 1px #ffe8a526,0 12px 34px #000b!important}.mobile-menu.floating>i{letter-spacing:-2px;color:#987a43;margin-left:2px;font-size:10px;font-style:normal}.mobile-nav-open .mobile-menu.floating{opacity:0;pointer-events:none}.mobile-menu.floating:after{content:"";pointer-events:none;border:1px solid #0000;border-radius:13px;position:absolute;inset:-7px}.mobile-backdrop{-webkit-backdrop-filter:blur(7px)saturate(.8);background:#00000085}.mobile-nav-open .sidebar,.mobile-nav-open.side-collapsed .sidebar{-webkit-backdrop-filter:blur(30px)saturate(1.35);background:linear-gradient(150deg,#201e19c2 0%,#0a0a09b8 48%,#18130cbd 100%);border-right:1px solid #f4cf7d6b;box-shadow:inset -1px 0 #fff6d61c,inset 0 1px #ffffff09,35px 0 85px #0000007a}.mobile-nav-open .sidebar:before{background:radial-gradient(circle at 15% 5%,#ffe5a729,#0000 25%),radial-gradient(circle at 95% 48%,#ce973117,#0000 36%),linear-gradient(115deg,#ffffff0e,#0000 32%)}.mobile-nav-open .sidebar .role-button{-webkit-backdrop-filter:blur(15px);background:linear-gradient(140deg,#38322780,#12110e6b);border-color:#e9c26b61;box-shadow:inset 0 1px #fff7da1c,0 12px 35px #0000002e}.mobile-nav-open .sidebar nav button{-webkit-backdrop-filter:blur(8px);background-color:#13120f2e}.mobile-nav-open .sidebar nav button:hover{background:linear-gradient(110deg,#e7be632b,#5d411314)}.mobile-nav-open .sidebar nav button.active{background:linear-gradient(110deg,#ebc3693d,#6444111c);border-color:#f0c96f7a;box-shadow:inset 0 1px #fff8d821,0 9px 28px #0000002e}.mobile-nav-open .mobile-close{-webkit-backdrop-filter:blur(12px);background:#1c1b177a;border-color:#e7c37042;box-shadow:inset 0 1px #ffffff0f}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (max-width:760px){.mobile-nav-open .sidebar{background:#151410}.mobile-backdrop{background:#000000b3}}}.read-only-badge{color:var(--gold2);letter-spacing:1px;background:#d8ad5210;border:1px solid #6b5731;border-radius:30px;padding:10px 14px;font-size:10px}.permission-note{background:linear-gradient(120deg,#d8ad520d,#121211);border:1px solid #433b2c;border-radius:10px;align-items:flex-start;gap:13px;margin:18px 0;padding:16px 18px;display:flex}.permission-note>svg{color:var(--gold);flex:none}.permission-note p{color:var(--muted);margin:5px 0 0;line-height:1.5}.access-form{background:var(--panel);border:1px solid #58462a;border-radius:11px;grid-template-columns:1fr 1fr 1fr auto auto;align-items:end;gap:10px;margin-bottom:18px;padding:18px;display:grid}.access-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.access-form input,.access-form select{border:1px solid var(--line);color:var(--text);background:#0f0f0e;border-radius:7px;padding:10px}.access-kpis{border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(4,1fr);margin:18px 0;display:grid;overflow:hidden}.access-row{border-top:1px solid var(--line);color:#c7c2b7;grid-template-columns:1.45fr .65fr 1.2fr .9fr .65fr 1fr;align-items:center;gap:12px;padding:15px 22px;display:grid}.access-row.head{letter-spacing:1.3px;color:#78736a;font-size:8px}.access-row>span:first-child{align-items:center;gap:10px;display:flex}.access-row>span:first-child>i{color:#15100a;background:radial-gradient(circle at 30% 25%,#f8dc91,#9b6b20);border-radius:50%;place-items:center;width:35px;height:35px;font-style:normal;display:grid}.access-row>span:first-child>span{flex-direction:column;display:flex}.access-row small{color:var(--muted);margin-top:3px}.access-row>span:last-child{gap:5px;display:flex}.access-row>span:last-child button{border:1px solid var(--line);color:var(--gold2);background:#181715;border-radius:6px;padding:7px 9px}.access-row>span:last-child button:disabled{opacity:.45;color:var(--muted);cursor:not-allowed}.status.cancelled{color:#d99589;border-color:#633b36}@media (max-width:1150px){.access-form{grid-template-columns:1fr 1fr}.access-form label:first-child{grid-column:1/-1}.access-kpis{grid-template-columns:repeat(2,1fr)}.access-table{overflow:auto}.access-row{min-width:880px}}.stylist-v2{min-width:0}.stylist-metrics{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);margin:22px 0;display:grid;overflow:hidden}.stylist-metrics article{border-right:1px solid var(--line);background:linear-gradient(135deg,#1b1916,#111);padding:22px}.stylist-metrics article:last-child{border:0}.stylist-metrics small,.salary-panel small{color:var(--muted);letter-spacing:1.2px;font-size:9px}.stylist-metrics b{color:var(--gold2);font:31px var(--serif);margin:9px 0;display:block}.stylist-metrics span{color:#77b88d;font-size:11px}.calendar-toolbar{justify-content:space-between;align-items:end;margin:25px 0 14px;display:flex}.calendar-toolbar small{color:var(--gold);letter-spacing:2px}.calendar-toolbar h2{font:34px var(--serif);margin:7px 0 0}.calendar-toolbar>div:last-child{border:1px solid var(--line);background:#111;border-radius:9px;padding:4px;display:flex}.calendar-toolbar button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:10px 18px}.calendar-toolbar button.active{color:#15100a;background:linear-gradient(135deg,#edd17d,#9b681a)}.month-calendar{border:1px solid var(--line);background:#111;border-radius:12px;overflow:hidden}.week-head,.month-grid{grid-template-columns:repeat(7,1fr);display:grid}.week-head span{color:var(--muted);letter-spacing:1px;border-right:1px solid var(--line);padding:13px;font-size:9px}.month-grid article{border-top:1px solid var(--line);border-right:1px solid var(--line);min-height:125px;padding:9px;position:relative}.month-grid article.muted{background:#0b0b0b}.month-grid article.on-leave{background:#d8ad5209}.month-grid article>em{float:right;color:#e0bb63;font-size:9px}.month-grid article>button{text-align:left;color:#e9e3d8;background:linear-gradient(120deg,#d8ad5218,#161513);border:1px solid #5d4928;border-radius:5px;width:100%;margin-top:6px;padding:6px;font-size:10px;display:block}.month-grid article>button span{color:var(--gold);margin-right:5px}.month-grid article>button small{color:var(--muted);margin-top:3px;display:block}.week-calendar{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(7,1fr);min-height:430px;display:grid;overflow:auto}.week-calendar article{border-right:1px solid var(--line);min-width:125px;padding:13px}.week-calendar header{border-bottom:1px solid var(--line);flex-direction:column;gap:5px;padding-bottom:13px;display:flex}.week-calendar button{text-align:left;width:100%;color:var(--text);background:#d8ad5212;border:1px solid #5d4928;border-radius:7px;flex-direction:column;margin-top:12px;padding:10px;display:flex}.week-calendar button>b{color:var(--gold)}.week-calendar button span{margin-top:7px}.week-calendar button small,.week-calendar article>em{color:var(--muted);margin-top:5px;display:block}.day-calendar{border:1px solid var(--line);background:repeating-linear-gradient(#111 0 61px,#ffffff0b 62px);border-radius:12px;grid-template-columns:75px 1fr;height:620px;padding:18px;display:grid}.day-calendar aside{flex-direction:column;display:flex}.day-calendar aside span{height:62px;color:var(--muted);font-size:10px}.day-calendar>div{border-left:1px solid var(--line);position:relative}.day-calendar article{background:linear-gradient(135deg,#e5bd5a30,#171510);border:1px solid #8c6a2d;border-radius:8px;padding:12px;position:absolute;left:18px;right:18px}.day-calendar article>*{margin-bottom:5px;display:block}.day-calendar article small{color:var(--gold)}.stylist-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px;display:flex}.stylist-panel-head h3{font:27px var(--serif);margin:5px 0}.stylist-panel-head p{color:var(--muted);margin:0}.stylist-panel-head svg,.salary-panel button svg{width:17px}.slot-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:22px;display:grid}.slot-grid button{color:var(--text);background:#d8ad5210;border:1px solid #765d2d;border-radius:8px;justify-content:space-between;padding:18px;display:flex}.slot-grid button.closed{border-color:var(--line);color:#777;background:#111}.slot-grid button b{color:#79b98e}.slot-grid button.closed b{color:#9b7770}.leave-layout{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.mini-month{grid-template-columns:repeat(7,1fr);gap:7px;padding:22px;display:grid}.mini-month>*{aspect-ratio:1;border-radius:50%;place-items:center;font-size:11px;display:grid}.mini-month>b{color:var(--gold)}.mini-month span{background:#181715}.mini-month span.approved{color:#d6f3df;background:#426b50}.mini-month span.pending{color:#fff1b8;background:#8b641f}.leave-legend{color:var(--muted);gap:25px;padding:0 22px 22px;font-size:10px;display:flex}.leave-legend i{border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.leave-legend .approved{background:#57966a}.leave-legend .pending{background:#c18b2e}.leave-request{padding:25px}.leave-request h3{font:28px var(--serif)}.leave-request label,.profile-grid label{color:var(--muted);flex-direction:column;gap:6px;margin:13px 0;font-size:10px;display:flex}.leave-request input,.leave-request select,.profile-grid input{border:1px solid var(--line);color:var(--text);background:#111;border-radius:6px;padding:12px}.leave-request button{width:100%;margin-top:12px}.leave-list{margin-top:18px}.leave-list article{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr auto;align-items:center;padding:16px 22px;display:grid}.leave-list article>span{color:var(--gold);font:20px var(--serif)}.leave-list article div{flex-direction:column;gap:4px;display:flex}.leave-list small{color:var(--muted)}.salary-panel article{border-top:1px solid var(--line);grid-template-columns:1.3fr repeat(4,1fr) auto;align-items:center;gap:18px;padding:20px 24px;display:grid}.salary-panel article>div,.salary-panel article>span{flex-direction:column;gap:7px;display:flex}.salary-panel strong{color:var(--gold2);font-size:18px}.salary-panel button{align-items:center;gap:7px;display:flex}.stylist-dashboard{grid-template-columns:1.3fr .8fr;gap:18px;display:grid}.todays-list article,.stylist-guests article{border-top:1px solid var(--line);grid-template-columns:90px 1fr auto auto;align-items:center;gap:16px;padding:17px 22px;display:grid}.todays-list article>div{flex-direction:column;display:flex}.todays-list small,.stylist-guests small{color:var(--muted);margin-top:4px}.todays-list em{color:var(--gold)}.todays-list button{color:var(--gold2);background:#d8ad5214;border:1px solid #80652f;border-radius:5px;padding:8px}.mini-performance{padding:24px}.mini-performance h3{font:27px var(--serif)}.stylist-guests article{grid-template-columns:45px 1fr auto auto}.stylist-guests i{color:#17110a;background:linear-gradient(135deg,#efd37d,#8c5d16);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.review-wall{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.review-wall article{border:1px solid var(--line);background:linear-gradient(145deg,#1b1916,#111);border-radius:10px;padding:24px}.review-wall article>div{color:var(--gold);letter-spacing:4px}.review-wall blockquote{font:21px/1.5 var(--serif);margin:18px 0}.review-wall small{color:var(--muted)}.profile-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.profile-grid>.panel{padding:25px}.profile-grid h3{font:30px var(--serif)}.profile-grid p{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:14px 0;display:flex}@media (max-width:900px){.stylist-metrics{grid-template-columns:1fr 1fr}.stylist-metrics article:nth-child(2){border-right:0}.calendar-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.month-calendar{overflow:auto}.week-head,.month-grid{min-width:760px}.leave-layout,.stylist-dashboard,.profile-grid{grid-template-columns:1fr}.salary-panel{overflow:auto}.salary-panel article{min-width:850px}.slot-grid{grid-template-columns:1fr 1fr}.review-wall{grid-template-columns:1fr}.stylist-guests{overflow:auto}.stylist-guests article{min-width:680px}}.modal:has(.booking-flow-artists){width:min(900px,96vw)}.ritual-select h3,.artist-select h3{font:21px var(--serif);margin:10px 0}.ritual-select{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.ritual-select>h3{grid-column:1/-1}.ritual-select>button{text-align:left;border:1px solid var(--line);background:#1a1a18;border-radius:8px;align-items:center;gap:9px;padding:12px;display:flex}.ritual-select>button.selected{background:#d7b56d12;border-color:#a88644;box-shadow:inset 0 0 24px #d7b56d0a}.ritual-select svg{width:18px;color:var(--gold)}.ritual-select button>span{flex-direction:column;flex:1;display:flex}.ritual-select small{color:var(--muted);margin-top:4px}.ritual-select em{color:var(--gold2);font-style:normal}.artist-select{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.artist-title{justify-content:space-between;align-items:end;display:flex}.artist-title>div>small{color:var(--gold);letter-spacing:1.5px;font-size:8px}.artist-title>span{color:var(--muted);margin-bottom:10px;font-size:10px}.artist-choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.artist-choice-grid>button{border:1px solid var(--line);text-align:left;background:#171716;border-radius:10px;padding:0;transition:all .25s;overflow:hidden}.artist-choice-grid>button:hover{border-color:#715c35;transform:translateY(-3px);box-shadow:0 14px 35px #0008}.artist-choice-grid>button.selected{border-color:#d0a84e;box-shadow:0 0 0 1px #d0a84e,0 12px 35px #d7b56d1c}.artist-photo{background:#0e0e0d;height:145px;position:relative;overflow:hidden}.artist-photo img{object-fit:cover;object-position:center 25%;filter:saturate(.72)contrast(1.04);width:100%;height:100%;transition:all .3s}.artist-choice-grid button:hover img,.artist-choice-grid button.selected img{filter:saturate(.9)contrast(1.08);transform:scale(1.025)}.artist-photo:after{content:"";background:linear-gradient(#0000,#171716);height:45%;position:absolute;inset:auto 0 0}.artist-photo i{z-index:2;color:#17110a;background:linear-gradient(135deg,#f7dda0,#a77422);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px}.artist-photo i svg{width:19px}.artist-choice-copy{flex-direction:column;padding:13px;display:flex}.artist-choice-copy>small{color:var(--gold);letter-spacing:1px;font-size:8px}.artist-choice-copy>b{font:20px var(--serif);margin:5px 0}.artist-choice-copy>span{color:var(--muted);font-size:10px}.artist-choice-copy>em{color:var(--gold2);align-items:center;gap:4px;margin-top:10px;font-size:10px;font-style:normal;display:flex}.artist-choice-copy>em svg{fill:currentColor;width:13px}.artist-choice-copy>em strong{color:#8f897e;margin-left:auto;font-weight:400}.confirmed-artist{text-align:left;background:#d7b56d0b;border:1px solid #65512e;border-radius:40px;align-items:center;gap:12px;width:max-content;max-width:100%;margin:15px auto;padding:8px 18px 8px 8px;display:flex}.confirmed-artist img{object-fit:cover;border-radius:50%;width:48px;height:48px}.confirmed-artist span{flex-direction:column;display:flex}.confirmed-artist small{color:var(--gold);letter-spacing:1.3px;font-size:8px}.confirmed-artist b{margin-top:4px}@media (max-width:700px){.modal:has(.booking-flow-artists){padding:25px 18px}.ritual-select{grid-template-columns:1fr}.ritual-select>h3{grid-column:auto}.artist-title>span{display:none}.artist-choice-grid{grid-template-columns:1fr}.artist-choice-grid>button{grid-template-columns:105px 1fr;display:grid}.artist-photo{height:125px}.artist-choice-copy{justify-content:center}.booking-flow-artists .steps i{width:55px}}@media (max-width:760px){.access-page{padding-top:80px}.access-form{grid-template-columns:1fr}.access-form label:first-child{grid-column:auto}.access-kpis{grid-template-columns:1fr}.permission-note{font-size:11px}}.messaging-suite{flex-direction:column;gap:24px;display:flex}.partner-view-banner{border:1px solid #d7b56d4d;border-left:4px solid var(--gold);background:linear-gradient(135deg,#22201bd9 0%,#141412f2 100%);border-radius:10px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 8px 24px #00000038}.partner-banner-badge{color:var(--gold);letter-spacing:1px;white-space:nowrap;background:#d7b56d1f;border:1px solid #d7b56d40;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.partner-banner-copy{flex-direction:column;gap:3px;display:flex}.partner-banner-copy strong{color:var(--text);font-size:13px}.partner-banner-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.role-access-chip span{letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;display:inline-flex}.badge-owner{color:var(--gold2);background:linear-gradient(135deg,#d7b56d33,#785a1e33);border:1px solid #d7b56d66}.badge-manager{color:#8ed2a3;background:#74aa8526;border:1px solid #74aa8559}.badge-partner{color:#d1ccc0;background:#96918624;border:1px solid #9691864d}.messaging-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.wa-kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.wa-kpi-header{align-items:center;gap:8px;display:flex}.wa-dot{background:#25d366;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #25d36699}.wa-dot.active{animation:2s ease-in-out infinite waPulse}@keyframes waPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.wa-kpi-card small{color:var(--muted);letter-spacing:1.5px;font-size:10px}.wa-kpi-card strong{color:var(--text);font:500 24px Playfair Display,serif}.wa-kpi-card span{color:var(--muted);font-size:11px}.wa-kpi-card span.positive{color:#74aa85}.messaging-nav-tabs{border-bottom:1px solid var(--line);gap:8px;padding-bottom:12px;display:flex}.messaging-nav-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.messaging-nav-tabs button:hover{color:var(--text);background:#d7b56d0f}.messaging-nav-tabs button.active{color:var(--gold2);background:#d7b56d1f;border-color:#d7b56d4d}.tab-icon{width:17px;height:17px}.compose-grid{grid-template-columns:1.25fr .95fr;gap:22px;display:grid}.compose-form-panel{padding:24px}.category-pills{border:1px solid var(--line);background:#0f0f0e;border-radius:8px;gap:6px;padding:4px;display:flex}.category-pills button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px 14px;font-size:12px;transition:all .2s}.category-pills button.active{color:var(--gold2);background:linear-gradient(135deg,#d7b56d38,#6e501947);border:1px solid #d7b56d4d;font-weight:500}.form-content{flex-direction:column;gap:16px;margin-top:20px;display:flex}.input-group{flex-direction:column;gap:14px;display:flex}.field-label{color:var(--muted);letter-spacing:.5px;flex-direction:column;gap:6px;font-size:11px;display:flex}.field-label span{text-transform:uppercase}.field-label input,.field-label select,.field-label textarea{border:1px solid var(--line);color:var(--text);background:#0e0e0d;border-radius:7px;padding:10px 14px;font-size:13px;transition:border-color .2s}.field-label input:focus,.field-label select:focus,.field-label textarea:focus{border-color:var(--gold);outline:none}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.promo-scope-note{color:var(--gold2);background:#d7b56d12;border:1px solid #d7b56d33;border-radius:7px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.template-picker-row{align-items:flex-end;gap:10px;display:flex}.btn-add-tpl{white-space:nowrap;align-items:center;gap:6px;height:40px;font-size:12px;display:flex}.compose-actions{border-top:1px solid var(--line);margin-top:12px;padding-top:18px}.btn-send-wa{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:1px solid #25d36666;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 6px 20px #25d36633}.btn-send-wa:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 24px #25d3664d}.view-only-lock-msg{color:var(--muted);background:#ffffff08;border:1px dashed #d7b56d4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.simulator-panel{background:linear-gradient(#131312 0%,#0d0d0c 100%);flex-direction:column;padding:24px;display:flex}.simulator-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.simulator-header small{color:var(--gold);letter-spacing:1.5px;font-size:10px}.end-to-end-badge{color:#74aa85;font-size:11px}.phone-mockup{background:#0b141a;border:4px solid #23221e;border-radius:28px;flex-direction:column;min-height:480px;display:flex;overflow:hidden;box-shadow:0 18px 45px #0009,inset 0 0 0 1px #ffffff14}.phone-top-bar{color:#ffffffd9;background:#075e54;justify-content:space-between;align-items:center;padding:8px 18px 4px;font-size:10px;display:flex}.camera-notch{background:#000;border-radius:10px;width:44px;height:6px}.wa-app-bar{background:#075e54;border-bottom:1px solid #00000026;align-items:center;gap:10px;padding:10px 14px 12px;display:flex}.wa-back-btn{color:#fff;font-size:16px}.wa-avatar{color:#111;background:linear-gradient(135deg,#d7b56d,#755018);border-radius:50%;place-items:center;width:36px;height:36px;font:italic 600 16px Playfair Display,serif;display:grid;box-shadow:0 2px 6px #0000004d}.wa-contact-info{flex-direction:column;flex:1;display:flex}.wa-name-row{align-items:center;gap:5px;display:flex}.wa-name-row b{color:#fff;font-size:13px;font-weight:600}.wa-verified-badge{color:#25d366;fill:currentColor;width:14px;height:14px}.wa-contact-info small{color:#ffffffb3;font-size:10px}.wa-chat-canvas{background:#0b141a radial-gradient(#ffffff08 1px,#0000 0) 0 0/14px 14px;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.wa-encryption-bubble{color:#ffd279;text-align:center;background:#182229;border-radius:7px;align-self:center;max-width:85%;padding:8px 12px;font-size:10px;line-height:1.4;box-shadow:0 1px 3px #0000004d}.wa-message-bubble{color:#e9edef;background:#005c4b;border-radius:10px 2px 10px 10px;flex-direction:column;align-self:flex-end;max-width:90%;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000004d}.wa-bubble-header{color:#ffe699;letter-spacing:.5px;border-bottom:1px solid #ffffff14;padding:10px 12px 6px;font-size:11px;font-weight:700}.wa-bubble-image{max-height:140px;overflow:hidden}.wa-bubble-image img{object-fit:cover;width:100%;height:140px;display:block}.wa-bubble-body{white-space:pre-wrap;padding:10px 12px;font-size:12px;line-height:1.55}.wa-bubble-body p{margin:0 0 6px}.wa-bubble-body p:last-child{margin-bottom:0}.wa-bubble-footer{color:#e9edefa6;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:4px 12px 8px;font-size:9px;display:flex}.wa-time-checks{align-items:center;gap:4px;display:flex}.wa-double-check{color:#53bdeb;letter-spacing:-2px;font-weight:700}.wa-quick-replies{background:#00000026;border-top:1px solid #ffffff14;flex-direction:column;display:flex}.wa-btn-pill{color:#53bdeb;text-align:center;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff14;padding:9px 12px;font-size:11px;font-weight:600;transition:background .15s}.wa-btn-pill:last-child{border-bottom:0}.wa-btn-pill:hover{background:#ffffff0f}.simulator-note{color:var(--muted);text-align:center;margin-top:14px;font-size:11px}.templates-tab-content{flex-direction:column;gap:20px;display:flex}.tab-actions-row{justify-content:space-between;align-items:center;display:flex}.tab-actions-row h3{margin:0 0 4px;font:500 24px Playfair Display,serif}.tab-actions-row p{color:var(--muted);margin:0;font-size:13px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.template-card{border:1px solid var(--line);background:linear-gradient(145deg,#181715,#111110);border-radius:10px;flex-direction:column;gap:14px;padding:20px;transition:transform .2s,border-color .2s;display:flex}.template-card:hover{border-color:#d7b56d59;transform:translateY(-2px)}.tpl-card-top{justify-content:space-between;align-items:flex-start;display:flex}.tpl-card-top h4{margin:6px 0 0;font:500 17px Playfair Display,serif}.cat-tag{letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:600;display:inline-block}.tag-confirmation{color:#74aa85;background:#74aa8526;border:1px solid #74aa854d}.tag-promotional{color:var(--gold2);background:#d7b56d26;border:1px solid #d7b56d4d}.tag-festival{color:#ffa475;background:#dc825a26;border:1px solid #dc825a4d}.tag-followup{color:#9cbaff;background:#82a0dc26;border:1px solid #82a0dc4d}.tpl-status-badge{color:#74aa85;align-items:center;gap:4px;font-size:11px;display:flex}.tpl-preview-box{background:#0c0c0b;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.tpl-lang-label{color:var(--gold);letter-spacing:1px;font-size:9px}.tpl-body-text{color:var(--text);white-space:pre-wrap;max-height:120px;margin:0;font-size:12px;line-height:1.5;overflow-y:auto}.tpl-footer-text{color:var(--muted);border-top:1px solid #ffffff0d;padding-top:6px;font-size:10px}.tpl-buttons-list{flex-wrap:wrap;gap:6px;display:flex}.tpl-btn-tag{color:#83d1f5;background:#53bdeb1a;border:1px solid #53bdeb40;border-radius:4px;padding:3px 8px;font-size:10px}.tpl-card-actions{gap:8px;margin-top:auto;padding-top:10px;display:flex}.tpl-card-actions button{flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.btn-use-tpl{color:var(--gold2);border-color:#d7b56d4d}.btn-use-tpl:hover{background:#d7b56d26}.history-tab-panel{padding:24px}.history-filters{align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);background:#0f0f0e;border-radius:7px;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:none;width:190px;font-size:12px}.history-filters select{border:1px solid var(--line);color:var(--text);background:#0f0f0e;border-radius:7px;padding:8px 12px;font-size:12px}.table-responsive{margin-top:18px;overflow-x:auto}.wa-table-row{border-bottom:1px solid var(--line);grid-template-columns:110px 180px 110px 1.5fr 120px 120px 110px;align-items:center;gap:12px;padding:14px 16px;font-size:12px;display:grid}.wa-table-row.head{letter-spacing:1.5px;color:var(--muted);background:#ffffff05;border-bottom:1px solid #d7b56d33;font-size:9px;font-weight:600}.wa-table-row span{flex-direction:column;gap:3px;display:flex}.sent-by-tag{color:var(--gold);font-size:10px}.cat-pill{border-radius:4px;width:fit-content;padding:2px 7px;font-size:10px;font-style:normal}.cat-confirmation{color:#74aa85;background:#74aa8526}.cat-promotional{color:var(--gold);background:#d7b56d26}.cat-festival{color:#ffa475;background:#dc825a26}.content-cell p{color:var(--muted);margin:0;font-size:11px}.status-chip{border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.chip-read{color:#53bdeb;background:#53bdeb26}.chip-delivered{color:#74aa85;background:#74aa8526}.chip-sent{color:#d1ccc0;background:#96918626}.response-subtext{color:var(--gold2);font-size:10px}.btn-link{color:var(--gold);cursor:pointer;text-align:left;background:0 0;border:0;padding:2px 0;font-size:11px}.btn-link:hover{text-decoration:underline}.automations-grid{grid-template-columns:1.3fr .9fr;gap:22px;display:grid}.automations-panel,.meta-cloud-specs{padding:24px}.triggers-list{flex-direction:column;gap:16px;margin-top:18px;display:flex}.trigger-item{border:1px solid var(--line);background:#0f0f0e;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.trigger-copy{flex-direction:column;gap:4px;max-width:80%;display:flex}.trigger-copy b{color:var(--text);font-size:13px}.trigger-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#292722;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#f4f0e7;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#25d366}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.specs-body{flex-direction:column;gap:12px;margin:18px 0;display:flex}.spec-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:12px;display:flex}.spec-row span{color:var(--muted)}.spec-row code{color:var(--gold2);background:#0c0c0b;border-radius:4px;padding:3px 8px;font-size:11px}.specs-note{color:var(--muted);background:#ffffff05;border-radius:6px;padding:12px;font-size:12px;line-height:1.5}.wa-chat-modal{width:min(520px,94vw);padding:24px}.chat-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.chat-modal-header small{color:var(--gold);letter-spacing:1.5px;font-size:10px}.chat-modal-header h3{margin:4px 0 2px;font:500 22px Playfair Display,serif}.chat-modal-header p{color:var(--muted);margin:0;font-size:12px}.phone-mockup.in-modal{min-height:380px}.wa-response-bubble{color:#e9edef;background:#202c33;border-radius:2px 10px 10px;flex-direction:column;align-self:flex-start;gap:4px;padding:8px 12px;font-size:12px;display:flex;box-shadow:0 1px 3px #0000004d}.wa-response-bubble p{margin:0}.wa-response-bubble small{color:var(--gold);font-size:9px}.template-builder-modal{width:min(920px,96vw);max-height:90vh;padding:28px;overflow-y:auto}.builder-layout{grid-template-columns:1.25fr .95fr;gap:24px;display:grid}.builder-form-col{flex-direction:column;gap:14px;display:flex}.builder-form-col h2{margin:6px 0 2px;font:500 24px Playfair Display,serif}.builder-form-col p{color:var(--muted);margin:0;font-size:12px}.tag-inserter-bar{border:1px dashed var(--line);background:#0f0f0e;border-radius:7px;flex-direction:column;gap:6px;padding:10px;display:flex}.tag-inserter-bar small{color:var(--gold);letter-spacing:1px;font-size:9px}.tags-row{flex-wrap:wrap;gap:6px;display:flex}.variable-tag-btn{color:var(--gold2);cursor:pointer;background:#d7b56d1a;border:1px solid #d7b56d40;border-radius:4px;padding:3px 8px;font-size:10px;transition:all .15s}.variable-tag-btn:hover{border-color:var(--gold);background:#d7b56d33}.builder-preview-col{flex-direction:column;gap:10px;display:flex}.builder-preview-col small{color:var(--gold);letter-spacing:1.5px;font-size:10px}.phone-mockup.mini-builder{min-height:420px}@media (max-width:900px){.messaging-kpi-grid{grid-template-columns:1fr 1fr}.compose-grid,.automations-grid,.builder-layout{grid-template-columns:1fr}.wa-table-row{min-width:760px}}
