:root{--ink:#17202f;--muted:#7d8696;--line:#e8ebf1;--bg:#f6f7fb;--panel:#fff;--purple:#7255f5;--purple-dark:#4d35c8;--purple-soft:#eeeaff;--mint:#49cba5;--mint-soft:#e7faf4;--orange:#ff9d5b;--orange-soft:#fff1e8;--blue:#55a9ff;--blue-soft:#eaf5ff;--red:#ef6571;--shadow:0 14px 40px rgba(33,29,78,.08);--radius:18px}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.prototype-bar{height:58px;background:#171326;color:white;display:flex;align-items:center;padding:0 22px;gap:28px;position:fixed;z-index:100;top:0;left:0;right:0}.brand-lockup{display:flex;align-items:center;gap:9px;font:800 18px Manrope}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#7a5bff,#b496ff);display:grid;place-items:center;color:white;font:800 18px Manrope}.prototype-tag{font:700 9px DM Sans;letter-spacing:1px;background:#393249;padding:5px 8px;border-radius:6px;color:#bcb4cc}.experience-switch{display:flex;background:#29243b;padding:3px;border-radius:10px}.switch,.role{border:0;background:transparent;color:#aaa3b8;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700}.switch.active{background:white;color:#29243b}.role-switch{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:11px;color:#aaa3b8}.role.active{background:#7255f5;color:white}.experience{display:none}.experience.active{display:flex}.experience#webExperience{padding-top:58px;min-height:100vh}.sidebar{position:fixed;top:58px;left:0;width:236px;height:calc(100vh - 58px);background:#211b37;color:white;padding:24px 16px 15px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 7px 22px;font:800 18px Manrope}.sidebar-brand div{display:flex;flex-direction:column}.sidebar-brand small{font:500 10px DM Sans;color:#948da7;margin-top:2px}.brand-mark.light{background:white;color:#684cf0}.side-nav{display:none;gap:5px;flex-direction:column}.side-nav.active{display:flex}.nav-item{border:0;background:transparent;color:#ada6bd;border-radius:10px;padding:11px 12px;text-align:left;display:flex;gap:11px;align-items:center;font-size:13px;font-weight:600}.nav-item span{width:20px;text-align:center;font-size:17px}.nav-item em{margin-left:auto;background:#7255f5;color:white;border-radius:20px;padding:2px 7px;font-style:normal;font-size:10px}.nav-item.active,.nav-item:hover{background:#37304d;color:white}.side-callout{margin-top:auto;background:linear-gradient(145deg,#7357f4,#5138c1);border-radius:14px;padding:15px;position:relative;overflow:hidden}.side-callout:after{content:"";position:absolute;width:85px;height:85px;border:18px solid rgba(255,255,255,.08);border-radius:50%;right:-40px;bottom:-45px}.callout-orb{width:30px;height:30px;background:rgba(255,255,255,.15);border-radius:8px;display:grid;place-items:center;margin-bottom:9px}.side-callout b{font-size:12px}.side-callout p{font-size:10px;color:#d7cef9;line-height:1.5;margin:5px 0 10px}.side-callout button{border:0;border-radius:7px;background:white;color:#5138c1;font-weight:700;font-size:10px;padding:7px 10px}.account-card{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px 4px;border-top:1px solid #39324d}.avatar{width:31px;height:31px;border-radius:9px;background:#f2a462;display:grid;place-items:center;font-size:10px;font-weight:800}.account-card div:nth-child(2){display:flex;flex-direction:column;min-width:0}.account-card b{font-size:11px}.account-card small{font-size:9px;color:#948da7}.account-card>span{margin-left:auto;color:#948da7}.workspace{margin-left:236px;width:calc(100% - 236px);min-height:calc(100vh - 58px)}.topbar{height:103px;background:white;border-bottom:1px solid var(--line);padding:22px 30px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font:800 21px Manrope;margin:0}.topbar p{margin:5px 0 0;font-size:11px;color:var(--muted)}.top-actions{display:flex;gap:9px;align-items:center}.icon-button{border:1px solid var(--line);background:white;width:36px;height:36px;border-radius:10px;font-size:17px;color:#6b7280}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;background:#ef6571;border:1px solid white;border-radius:50%;right:8px;top:7px}.primary-button,.outline-button{border:0;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:700}.primary-button{background:var(--purple);color:white;box-shadow:0 7px 16px rgba(114,85,245,.25)}.outline-button{background:white;border:1px solid var(--line);color:#4f5868}.page{display:none;padding:24px 30px 40px}.page.active{display:block}.notice{border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:11px;margin-bottom:18px}.notice.success{background:var(--mint-soft);border:1px solid #caf2e5}.notice.warning{background:var(--orange-soft);border:1px solid #ffe2cd}.notice>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:white;font-weight:800}.notice.warning>span{background:var(--orange)}.notice div{display:flex;flex-direction:column}.notice b{font-size:11px}.notice small{font-size:10px;color:#61736d;margin-top:2px}.notice button{margin-left:auto;border:0;background:transparent;color:#358e75;font-weight:700;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 3px rgba(30,28,60,.015)}.metric{padding:17px}.metric-head{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-weight:800}.metric-icon.purple{color:var(--purple);background:var(--purple-soft)}.metric-icon.green{color:#31a383;background:var(--mint-soft)}.metric-icon.orange{color:#dc7c3b;background:var(--orange-soft)}.metric-icon.blue{color:#438dcc;background:var(--blue-soft)}.trend{font-size:9px;font-weight:700;padding:4px 6px;border-radius:5px}.trend.up{background:var(--mint-soft);color:#35a07f}.metric p{font-size:10px;color:var(--muted);margin:13px 0 4px}.metric strong{display:block;font:800 24px Manrope}.metric small{display:block;font-size:9px;color:#9da5b1;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:14px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font:800 13px Manrope;margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:4px 0}.panel-head select{border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:9px;color:#6b7280;background:white}.bar-chart{height:180px;display:flex;align-items:flex-end;justify-content:space-around;padding:22px 10px 2px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#eef0f4 44px)}.bar-pair{height:100%;display:flex;align-items:flex-end;gap:4px;position:relative}.bar-pair:after{content:attr(data-day);position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:8px;color:#9aa1ad}.bar{width:9px;border-radius:4px 4px 1px 1px;background:var(--purple)}.bar.secondary{background:#a9e8d5}.chart-legend{display:flex;justify-content:center;gap:18px;margin-top:22px;font-size:8px;color:#737b88}.chart-legend i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.legend-purple{background:var(--purple)}.legend-mint{background:#a9e8d5}.text-button{border:0;background:transparent;color:var(--purple);font-size:9px;font-weight:700}.agenda-list{margin-top:12px}.agenda-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f1f4}.agenda-row:last-child{border:0}.agenda-row time{font-size:9px;color:#757e8d;width:30px}.agenda-row .line{width:3px;height:30px;border-radius:4px}.purple-line{background:var(--purple)}.mint-line{background:var(--mint)}.orange-line{background:var(--orange)}.blue-line{background:var(--blue)}.agenda-row div{display:flex;flex-direction:column}.agenda-row b{font-size:10px}.agenda-row small{font-size:8px;color:#9ca3af;margin-top:3px}.pill{margin-left:auto;border-radius:20px;padding:4px 7px;background:#f2f3f6;color:#757e8d;font-size:8px;font-weight:700}.pill.active{background:var(--mint-soft);color:#299175}.pill.full{background:var(--orange-soft);color:#d17131}.reservations-panel{margin-top:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:13px;min-width:650px}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;font-size:7px;color:#a0a7b2;padding:8px 9px;border-bottom:1px solid var(--line)}td{font-size:9px;padding:11px 9px;border-bottom:1px solid #f0f1f4;color:#586170}td b{color:var(--ink);font-size:10px}.person-cell{display:flex;align-items:center;gap:8px}.mini-avatar{width:27px;height:27px;border-radius:8px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-weight:800;font-size:8px}.status{font-size:8px;font-weight:700;border-radius:20px;padding:4px 7px;display:inline-block}.status.confirmed,.status.active{background:var(--mint-soft);color:#299175}.status.completed{background:var(--blue-soft);color:#438dcc}.status.pending{background:var(--orange-soft);color:#d17131}.status.paused{background:#f1f2f5;color:#747d8b}.status.cancelled{background:#ffeaec;color:#ce5560}.more{border:0;background:transparent;color:#939aa5}.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.segmented,.filter-tabs{display:flex;background:white;border:1px solid var(--line);border-radius:10px;padding:3px}.segmented button,.filter-tabs button{border:0;background:transparent;padding:7px 13px;border-radius:7px;color:#8a929f;font-size:9px;font-weight:700}.segmented button.active,.filter-tabs button.active{background:var(--purple-soft);color:var(--purple)}.filter-tabs span{background:#e7e9ef;padding:2px 5px;border-radius:8px;margin-left:4px}.toolbar-actions{display:flex;gap:8px}.agenda-layout{display:grid;grid-template-columns:1fr 250px;gap:14px}.calendar-head{display:flex;justify-content:center;gap:25px;align-items:center}.calendar-head h2{font-size:13px}.calendar-head button{border:0;background:transparent}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);font-size:8px;text-align:center;color:#9ba2ae;margin:15px 0}.calendar-week b{color:var(--purple);background:var(--purple-soft);padding:7px;border-radius:8px}.calendar-week span{padding:7px}.time-grid{height:370px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,var(--line) 60px);position:relative;border-left:1px solid var(--line)}.schedule-block{position:absolute;border-left:3px solid var(--purple);background:var(--purple-soft);border-radius:6px;padding:7px;font-size:8px;color:var(--purple-dark)}.detail-panel{text-align:center}.eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--purple);font-weight:800}.detail-panel h2{font-size:17px;margin-top:12px}.detail-panel p{font-size:10px;color:var(--muted)}.capacity-ring{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--purple) 0 83%,#eeeff4 83%);position:relative;margin:28px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.capacity-ring:before{content:"";position:absolute;inset:9px;background:white;border-radius:50%}.capacity-ring>*{position:relative}.capacity-ring strong{font:800 25px Manrope}.capacity-ring small{font-size:8px;color:var(--muted)}.full-width{display:block;width:100%;margin-top:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.service-cover{height:115px;background:linear-gradient(135deg,#34304c,#7b69aa);position:relative}.service-cover.orange-cover{background:linear-gradient(135deg,#463932,#d18b5a)}.service-cover.blue-cover{background:linear-gradient(135deg,#24394a,#5e9fbb)}.service-cover.mint-cover{background:linear-gradient(135deg,#24443d,#65bda5)}.service-cover span{position:absolute;top:10px;left:10px}.service-cover button{position:absolute;top:10px;right:10px;border:0;background:rgba(255,255,255,.9);border-radius:8px;width:28px;height:28px}.service-card-content{padding:13px}.service-card h3{font:800 12px Manrope;margin:0 0 4px}.service-card p{font-size:9px;color:var(--muted);height:25px}.service-card-data{display:flex;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.service-card-data span{flex:1;font-size:8px;color:var(--muted);display:flex;flex-direction:column}.service-card-data b{font-size:10px;color:var(--ink);margin-top:2px}.finance-metrics .accent{background:linear-gradient(145deg,#6f52ec,#4d34c2);color:white;border:0}.metric.accent p,.metric.accent small{color:#ddd5ff}.metric.accent button{margin-top:12px;border:0;background:white;color:#523ac7;border-radius:7px;padding:7px;font-size:9px;font-weight:700}.line-chart{height:260px;margin-top:8px}.line-chart svg{width:100%;height:230px}.line-chart div{display:flex;justify-content:space-around;font-size:8px;color:#929aa6}.donut-wrap{display:flex;align-items:center;gap:25px;margin-top:30px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--purple) 0 68%,var(--mint) 68% 90%,var(--orange) 90%);position:relative}.donut:after{content:"";position:absolute;inset:30px;background:white;border-radius:50%}.donut-data{flex:1}.donut-data b{display:flex;font-size:9px;padding:9px 0;border-bottom:1px solid var(--line)}.donut-data span{margin-left:auto}.dot{width:7px;height:7px;border-radius:50%;margin-right:7px}.purple-dot{background:var(--purple)}.mint-dot{background:var(--mint)}.orange-dot{background:var(--orange)}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:14px}.profile-preview{padding:0;overflow:hidden}.cover-photo{height:125px;background:linear-gradient(135deg,#272638,#8067b1);position:relative}.cover-photo span{position:absolute;top:12px;right:12px;background:white;border-radius:20px;font-size:8px;padding:5px 8px}.profile-content{padding:0 17px 20px}.logo-box{width:60px;height:60px;border:4px solid white;border-radius:15px;background:#f1a65e;display:grid;place-items:center;margin-top:-30px;position:relative;font-weight:800}.profile-content h2{margin-top:10px}.profile-content p{font-size:9px;color:var(--muted)}.rating{font-size:10px;color:#f09a52;font-weight:700}.rating small{color:var(--muted)}.profile-content .description{line-height:1.6}.profile-tags{display:flex;gap:5px}.profile-tags span{background:var(--purple-soft);color:var(--purple);font-size:8px;padding:5px 7px;border-radius:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.form-grid label{font-size:9px;font-weight:700;color:#66707f}.form-grid input,.form-grid select,.form-grid textarea{width:100%;display:block;border:1px solid var(--line);border-radius:8px;padding:9px;margin-top:5px;font-size:9px;color:#606978;background:white}.form-grid textarea{height:75px;resize:none}.form-grid .wide{grid-column:1/-1}.admin-chart{height:210px}.health-list{margin-top:18px}.health-list div{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:15px}.health-list span,.health-list b{font-size:9px}.health-list i{grid-column:1/-1;height:6px;background:#f0f1f5;border-radius:5px;overflow:hidden}.health-list em{height:100%;display:block;background:linear-gradient(90deg,var(--purple),#9d8af8);border-radius:5px}.alert-list{margin-top:12px}.alert-list>div{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);gap:10px}.alert-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800}.alert-icon.red{background:#ffeaec;color:var(--red)}.alert-icon.orange{background:var(--orange-soft);color:var(--orange)}.alert-icon.purple{background:var(--purple-soft);color:var(--purple)}.alert-list div div{display:flex;flex-direction:column}.alert-list b{font-size:10px}.alert-list small{font-size:8px;color:var(--muted);margin-top:2px}.alert-list button{margin-left:auto;border:1px solid var(--line);background:white;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:700}.search-box{display:flex;align-items:center;gap:7px;background:white;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:#969da8}.search-box input{border:0;outline:0;padding:9px;width:220px;font-size:9px}.admin-accent{background:linear-gradient(145deg,#141b31,#353f66)!important}.report-hero{background:linear-gradient(135deg,#1d1832,#43366e);border-radius:18px;padding:28px;color:white;display:flex;justify-content:space-between;align-items:center}.report-hero h2{font:800 24px Manrope;margin:8px 0}.report-hero p{font-size:10px;color:#c1b9d7}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.report-card{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.report-card i{width:33px;height:33px;border-radius:9px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-style:normal}.report-card h3{font:800 12px Manrope;margin:14px 0 5px}.report-card p{font-size:9px;color:var(--muted);line-height:1.5}.report-card button{border:0;background:transparent;color:var(--purple);padding:0;font-size:9px;font-weight:700}.mobile-menu{display:none}
#mobileExperience{padding-top:58px;min-height:100vh;background:radial-gradient(circle at 20% 20%,#f1edff 0,#f9f9fc 35%,#eff8f6 100%)}.mobile-stage{width:100%;display:flex;align-items:center;justify-content:center;gap:110px;padding:50px}.mobile-copy{width:390px}.mobile-copy h1{font:800 50px/1.05 Manrope;margin:18px 0}.mobile-copy h1 em{font-style:normal;color:var(--purple)}.mobile-copy p{font-size:14px;line-height:1.7;color:#6f7785}.mobile-feature-list{display:flex;flex-direction:column;gap:8px;margin:25px 0}.mobile-feature-list span{font-size:12px;font-weight:700;color:#4c5665}.mobile-feature-list span::first-letter{color:var(--mint)}.screen-selector{display:flex;gap:5px;flex-wrap:wrap}.screen-selector button{border:1px solid var(--line);background:white;border-radius:20px;padding:8px 13px;font-size:10px;font-weight:700;color:#6d7582}.screen-selector button.active{background:var(--ink);color:white;border-color:var(--ink)}.phone-frame{width:360px;height:740px;border-radius:48px;background:#151421;padding:10px;box-shadow:0 35px 70px rgba(38,27,80,.25);position:relative}.phone-notch{position:absolute;z-index:5;top:17px;left:50%;transform:translateX(-50%);width:95px;height:22px;background:#151421;border-radius:20px}.phone-screen{background:#f7f8fb;border-radius:39px;height:100%;overflow:hidden;position:relative}.mobile-page{display:none;height:100%;overflow:auto;padding:29px 18px 78px;scrollbar-width:none}.mobile-page.active{display:block}.mobile-header{display:flex;align-items:center;justify-content:space-between}.mobile-header small{font-size:10px;color:var(--muted)}.mobile-header h2{font:800 19px Manrope;margin:2px 0}.mobile-avatar{width:34px;height:34px;border-radius:11px;background:#272238;color:white;display:grid;place-items:center;font-size:9px;font-weight:800;position:relative}.mobile-avatar i{width:8px;height:8px;background:var(--orange);border:2px solid white;border-radius:50%;position:absolute;right:-1px;top:-1px}.balance-card{height:113px;background:linear-gradient(135deg,#7355f3,#4d36bd);color:white;border-radius:18px;margin-top:18px;padding:18px;display:flex;justify-content:space-between;position:relative;overflow:hidden}.balance-card div{display:flex;flex-direction:column;position:relative;z-index:2}.balance-card small{font-size:8px;color:#d8d1f8}.balance-card strong{font:800 26px Manrope;margin:4px 0}.balance-card strong em{font:500 10px DM Sans;font-style:normal}.balance-card span{font-size:8px;color:#c8c1ed}.balance-card button{z-index:2;align-self:center;border:0;background:rgba(255,255,255,.2);color:white;width:35px;height:35px;border-radius:12px;font-size:20px}.balance-orb{position:absolute;border-radius:50%;border:15px solid rgba(255,255,255,.08)}.balance-orb.one{width:100px;height:100px;right:-35px;top:-47px}.balance-orb.two{width:120px;height:120px;right:42px;bottom:-100px}.search-mobile{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:12px;padding:10px 11px;margin:15px 0;font-size:11px;color:#8f97a4}.search-mobile span{flex:1}.search-mobile button{border:0;background:var(--purple-soft);color:var(--purple);border-radius:7px;width:27px;height:27px}.mobile-section-title{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}.mobile-section-title h3{font:800 12px Manrope;margin:0}.mobile-section-title button{border:0;background:transparent;color:var(--purple);font-size:8px;font-weight:700}.category-row{display:flex;justify-content:space-between}.category-row button{border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;color:#697281}.cat-icon{width:44px;height:44px;border-radius:14px;background:white;border:1px solid var(--line);box-shadow:0 5px 13px rgba(40,35,70,.05);display:grid;place-items:center;color:var(--purple);font-style:normal;font-size:16px}.mobile-place-card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 7px 18px rgba(33,29,78,.06)}.place-image{height:105px;background:linear-gradient(135deg,#2c2a3a,#896c9c);position:relative}.place-image:after,.detail-hero:after,.booking-cover:after,.mini-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 40%,rgba(255,255,255,.12),transparent 25%),linear-gradient(120deg,transparent 30%,rgba(255,255,255,.08) 31%,transparent 32%)}.place-image span{position:absolute;z-index:2;top:9px;left:9px;background:var(--orange);color:white;border-radius:5px;padding:4px 6px;font-size:6px;font-weight:800;letter-spacing:.6px}.place-image button{position:absolute;z-index:2;top:8px;right:8px;border:0;background:white;width:27px;height:27px;border-radius:8px}.place-info,.place-price{display:flex;justify-content:space-between;padding:10px 11px}.place-info h4{font:800 10px Manrope;margin:0}.place-info p{font-size:7px;color:var(--muted);margin:3px 0 0}.place-info>b{font-size:8px;color:#e69b53}.place-price{border-top:1px solid var(--line);padding-top:8px;align-items:center}.place-price span{font-size:7px;color:var(--muted)}.place-price b{color:var(--purple)}.place-price button{border:0;background:var(--purple);color:white;border-radius:6px;padding:5px 9px;font-size:7px;font-weight:700}.mobile-nav{position:absolute;bottom:0;left:0;right:0;height:65px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 5px 6px;z-index:4}.mobile-nav button{border:0;background:transparent;color:#9aa1ad;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px}.mobile-nav i{font-style:normal;font-size:17px}.mobile-nav button.active{color:var(--purple);font-weight:700}.mobile-titlebar{display:flex;justify-content:space-between;align-items:center;margin:7px 0 19px}.mobile-titlebar h2{font:800 19px Manrope;margin:0}.mobile-titlebar button{border:0;background:white;border-radius:9px;width:29px;height:29px}.chip-scroll{display:flex;gap:6px;overflow:hidden;margin-bottom:12px}.chip-scroll button{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:15px;padding:6px 9px;font-size:7px}.chip-scroll button.active{background:var(--purple);color:white;border-color:var(--purple)}.map-preview{height:175px;border-radius:16px;background:#e9eced;position:relative;overflow:hidden}.map-road{position:absolute;background:white;box-shadow:0 0 0 2px #d7dbdd}.road-one{width:130%;height:23px;left:-20px;top:75px;transform:rotate(-14deg)}.road-two{width:23px;height:130%;left:170px;top:-20px;transform:rotate(22deg)}.map-pin{position:absolute;background:var(--purple);color:white;border:3px solid white;border-radius:50% 50% 50% 5px;width:31px;height:31px;display:grid;place-items:center;font-size:8px;font-weight:800;transform:rotate(-45deg)}.map-pin::first-letter{transform:rotate(45deg)}.pin-one{left:70px;top:45px}.pin-two{right:55px;top:85px}.pin-three{left:150px;bottom:25px}.map-preview button{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);border:0;background:white;border-radius:15px;padding:7px 11px;font-size:7px;font-weight:700}.result-row{background:white;border:1px solid var(--line);border-radius:12px;padding:7px;display:flex;gap:8px;margin-bottom:7px}.result-image{width:62px;border-radius:9px;background:linear-gradient(135deg,#3a3448,#a07f8f)}.result-row div:nth-child(2){display:flex;flex-direction:column;justify-content:center;gap:3px;flex:1}.result-row b{font-size:8px}.result-row span{font-size:7px;color:var(--muted)}.result-row strong{align-self:center;color:var(--purple);font-size:8px}.mobile-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:15px}.mobile-tabs button{flex:1;border:0;background:transparent;padding:9px;color:#9aa1ad;font-size:9px;font-weight:700}.mobile-tabs button.active{color:var(--purple);border-bottom:2px solid var(--purple)}.next-booking{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.booking-cover{height:130px;background:linear-gradient(135deg,#2d2b40,#80618e);position:relative}.booking-cover span{position:absolute;z-index:2;top:10px;left:10px;background:var(--orange);color:white;font-size:7px;font-weight:800;padding:5px 7px;border-radius:5px}.booking-content{padding:13px}.booking-content .pill{margin:0}.booking-content h3{font:800 13px Manrope;margin:10px 0 3px}.booking-content p{font-size:8px;color:var(--muted);margin:0}.booking-data{display:flex;gap:9px;align-items:center;margin:11px 0;font-size:8px;color:#7c8491}.booking-data b{font-size:13px;color:var(--ink)}.show-qr{width:100%;border:0;background:var(--purple);color:white;border-radius:9px;padding:9px;font-size:8px;font-weight:700}.compact-booking{background:white;border:1px solid var(--line);border-radius:12px;padding:9px;display:flex;align-items:center;gap:9px}.date-tile{width:38px;height:38px;border-radius:9px;background:var(--purple-soft);color:var(--purple);display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile b{font-size:13px}.date-tile span{font-size:6px}.compact-booking div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.compact-booking b{font-size:8px}.compact-booking span{font-size:7px;color:var(--muted)}.wallet-total{text-align:center;background:linear-gradient(145deg,#7355f3,#4a34bd);color:white;border-radius:20px;padding:24px;margin-bottom:21px}.wallet-total small,.wallet-total span{display:block;font-size:8px;color:#d3cbf3}.wallet-total strong{display:block;font:800 50px Manrope;margin:3px}.wallet-total button{border:0;background:white;color:var(--purple);border-radius:9px;padding:9px 20px;font-size:8px;font-weight:700;margin-top:18px}.movements>div{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.move-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-style:normal}.move-icon.plus{background:var(--mint-soft);color:#299175}.move-icon.minus{background:var(--purple-soft);color:var(--purple)}.movements span{display:flex;flex-direction:column;flex:1;gap:3px}.movements b{font-size:8px}.movements small{font-size:7px;color:var(--muted)}.movements strong{font-size:9px}.movements .positive{color:#299175}.detail-mobile{padding:0 0 70px}.detail-hero{height:235px;background:linear-gradient(135deg,#2b293b,#846c96);position:relative;padding:35px 15px;display:flex;justify-content:space-between}.detail-hero button,.mobile-back{z-index:2;border:0;background:rgba(255,255,255,.9);width:30px;height:30px;border-radius:9px}.detail-dots{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.detail-dots i{width:4px;height:4px;border-radius:5px;background:rgba(255,255,255,.5)}.detail-dots i.active{width:13px;background:white}.detail-body{background:white;border-radius:23px 23px 0 0;margin-top:-20px;position:relative;z-index:2;padding:18px}.detail-title{display:flex;justify-content:space-between}.detail-title span{font-size:6px;color:var(--purple);font-weight:800}.detail-title h2{font:800 17px Manrope;margin:5px 0}.detail-title p,.detail-body>p{font-size:8px;color:var(--muted);line-height:1.6}.detail-title button{border:0;background:var(--purple-soft);color:var(--purple);width:32px;height:32px;border-radius:9px}.service-option{display:grid;grid-template-columns:1fr auto;gap:4px;border:1px solid var(--line);border-radius:11px;padding:10px;margin-bottom:7px}.service-option div{display:flex;flex-direction:column}.service-option b{font-size:8px}.service-option span{font-size:7px;color:var(--muted);margin-top:3px}.service-option strong{font-size:8px;color:var(--purple)}.service-option button{grid-column:1/-1;border:0;background:var(--purple);color:white;border-radius:7px;padding:7px;font-size:7px;font-weight:700}.checkout-progress{display:flex;gap:4px}.checkout-progress i{height:3px;flex:1;background:#e4e6eb;border-radius:5px}.checkout-progress i.done{background:var(--purple)}.checkout-place{display:flex;align-items:center;gap:9px;margin:18px 0}.mini-cover{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#302d40,#8a6b92);position:relative;overflow:hidden}.checkout-place div:nth-child(2){display:flex;flex-direction:column;gap:3px}.checkout-place b{font-size:9px}.checkout-place span{font-size:7px;color:var(--muted)}.checkout-card{background:white;border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:9px}.checkout-card h3{font:800 10px Manrope;margin:0 0 10px}.date-options,.time-options{display:flex;gap:5px}.date-options button,.time-options button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px;flex:1;font-size:7px}.date-options button{display:flex;flex-direction:column}.date-options button.active,.time-options button.active{background:var(--purple);color:white;border-color:var(--purple)}.payment-option{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:9px;padding:8px;margin-top:6px;text-align:left}.payment-option.active{border-color:var(--purple);background:var(--purple-soft)}.payment-option i{width:25px;height:25px;border-radius:7px;background:var(--purple);color:white;display:grid;place-items:center;font-style:normal;font-weight:800}.payment-option span{display:flex;flex-direction:column;gap:2px;flex:1}.payment-option b,.payment-option strong{font-size:7px}.payment-option small{font-size:6px;color:var(--muted)}.checkout-bottom{position:absolute;z-index:5;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:11px 17px;display:flex;align-items:center;justify-content:space-between}.checkout-bottom span{font-size:7px;display:flex;flex-direction:column}.checkout-bottom b{font-size:12px}.checkout-bottom button{border:0;background:var(--purple);color:white;border-radius:9px;padding:10px 17px;font-size:8px;font-weight:700}.qr-page{background:linear-gradient(145deg,#6045d8,#382591);color:white;padding:35px 18px}.qr-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700}.qr-top button{border:0;background:rgba(255,255,255,.15);color:white;border-radius:9px;width:30px;height:30px}.qr-card{background:white;color:var(--ink);border-radius:20px;margin-top:35px;padding:22px;text-align:center}.qr-card .pill{display:inline-block;margin:0;background:var(--mint-soft);color:#299175}.qr-card h2{font:800 15px Manrope;margin:13px 0 3px}.qr-card p{font-size:8px;color:var(--muted)}.fake-qr{width:180px;height:180px;margin:20px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border:1px solid var(--line)}.fake-qr i{background:#1a1a22;border-radius:2px}.fake-qr i:nth-child(3n){background:transparent}.fake-qr i:nth-child(7n){border:5px solid #1a1a22;background:white}.qr-card>b{display:block;font-size:9px}.qr-card small{font-size:7px;color:var(--muted)}.qr-tip{text-align:center;font-size:8px;color:#d4cafa;line-height:1.5;margin:20px 25px}.modal-backdrop{display:none;position:fixed;z-index:200;inset:0;background:rgba(20,17,34,.65);align-items:center;justify-content:center}.modal-backdrop.active{display:flex}.scan-modal{width:330px;background:white;border-radius:20px;padding:25px;text-align:center;position:relative}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:20px}.scan-modal h2{font:800 20px Manrope;margin-bottom:5px}.scan-modal p{font-size:10px;color:var(--muted)}.scanner{height:230px;border-radius:15px;background:#211c32;margin:20px 0;position:relative}.scanner i{position:absolute;inset:35px;border:2px solid white;border-radius:12px}.scanner i:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#ff6f7c;box-shadow:0 0 8px #ff6f7c}.scan-modal .modal-close.full-width{position:static;font-size:10px}.toast{display:none;position:fixed;z-index:300;right:25px;bottom:25px;background:#211b37;color:white;border-radius:13px;padding:12px 16px;align-items:center;gap:10px;box-shadow:var(--shadow)}.toast.active{display:flex}.toast>span{width:27px;height:27px;border-radius:50%;background:var(--mint);display:grid;place-items:center}.toast div{display:flex;flex-direction:column}.toast b{font-size:10px}.toast small{font-size:8px;color:#bdb6cc;margin-top:3px}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.service-grid,.report-grid{grid-template-columns:repeat(2,1fr)}.mobile-stage{gap:30px}.mobile-copy{width:320px}.mobile-copy h1{font-size:40px}.role-switch span{display:none}}
@media(max-width:760px){.prototype-bar{padding:0 10px;gap:8px}.brand-lockup b,.prototype-tag{display:none}.role-switch{display:none}.sidebar{display:none}.workspace{margin-left:0;width:100%}.topbar{padding:17px;height:auto}.topbar h1{font-size:16px}.topbar p,.icon-button{display:none}.mobile-menu{display:inline-block;border:0;background:transparent}.page{padding:15px}.metric-grid,.service-grid,.report-grid,.profile-layout,.agenda-layout{grid-template-columns:1fr}.mobile-stage{padding:20px;display:block}.mobile-copy{display:none}.phone-frame{margin:auto;max-width:100%;height:calc(100vh - 80px);border-radius:35px}.phone-screen{border-radius:28px}}

/* Mobile prototype v2 */
#mobileExperience{background:radial-gradient(circle at 73% 18%,#ded7ff 0,transparent 28%),radial-gradient(circle at 25% 80%,#d9f8ef 0,transparent 25%),#f7f6fb}.phone-frame{width:374px;height:770px;background:linear-gradient(145deg,#242233,#0e0d16);padding:9px;box-shadow:0 45px 90px rgba(43,34,89,.32),inset 0 0 0 1px rgba(255,255,255,.15)}.phone-screen{background:linear-gradient(180deg,#fafaff 0,#f4f5fa 100%)}.mobile-page{padding:34px 17px 92px}.mobile-header h2 span{color:#7b5cff}.mobile-avatar{border:0;box-shadow:0 7px 17px rgba(37,31,68,.2)}.balance-card{height:126px;border-radius:22px;background:linear-gradient(135deg,#8265ff 0,#6242ed 55%,#4023b7 100%);box-shadow:0 14px 28px rgba(94,67,226,.28)}.balance-card:after{content:"F";position:absolute;right:47px;bottom:-52px;font:800 145px Manrope;color:rgba(255,255,255,.055);transform:rotate(-12deg)}.balance-card strong{font-size:31px}.balance-card button{backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.next-up-card{width:100%;display:flex;align-items:center;gap:10px;border:0;background:#1e1931;color:white;border-radius:16px;padding:10px;margin-top:12px;text-align:left;box-shadow:0 9px 20px rgba(31,25,50,.18)}.next-up-time{width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#ffb36c,#ff8569);display:flex;flex-direction:column;align-items:center;justify-content:center}.next-up-time b{font:800 11px Manrope}.next-up-time small{font-size:5px}.next-up-card>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:2px}.next-up-card>span:nth-child(2) small{font-size:5px;color:#afa7c0;letter-spacing:.7px}.next-up-card>span:nth-child(2) b{font-size:8px}.next-up-card em{font-size:6px;color:#aea6c1;font-style:normal}.next-up-card>i{font-style:normal;color:#aaa1bd}.search-mobile{border:0;box-shadow:0 7px 20px rgba(38,32,70,.07);padding:8px 9px;border-radius:14px}.search-mobile input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:9px;color:#545c6a}.category-row button{transition:.2s}.category-row button:active{transform:scale(.92)}.cat-icon{width:48px;height:48px;border:0;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f1ff);box-shadow:0 8px 20px rgba(56,42,112,.1)}.category-row button:nth-child(2) .cat-icon{color:#ef855b;background:linear-gradient(145deg,#fff,#fff2ed)}.category-row button:nth-child(3) .cat-icon{color:#36aa8b;background:linear-gradient(145deg,#fff,#eafbf5)}.category-row button:nth-child(4) .cat-icon{color:#d49a2d;background:linear-gradient(145deg,#fff,#fff8e7)}.mobile-place-card{border:0;border-radius:19px;box-shadow:0 12px 30px rgba(33,29,78,.1)}.place-image{height:120px;background:radial-gradient(circle at 28% 45%,rgba(255,169,111,.3),transparent 18%),linear-gradient(135deg,#282236,#80638f)}.place-image button.liked{background:#ffedf0;color:#ef6571}.place-availability{position:absolute;z-index:2;bottom:9px;left:9px;background:rgba(24,20,35,.7);backdrop-filter:blur(5px);color:white;border-radius:12px;padding:5px 7px;font-size:6px}.place-availability i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#51d3a9;margin-right:3px}.place-price button{padding:6px 10px;border-radius:8px}.mobile-titlebar h2{font-size:18px}.location-label{font-size:6px;color:var(--purple);font-weight:800;letter-spacing:1px}.chip-scroll button{border:0;box-shadow:0 4px 12px rgba(35,29,69,.06);padding:7px 11px}.map-preview{box-shadow:0 12px 30px rgba(42,38,70,.11);transition:.25s}.map-preview.collapsed{height:0;margin:0;opacity:0}.result-row{border:0;padding:8px;border-radius:14px;box-shadow:0 5px 16px rgba(38,32,70,.06);transition:.2s}.result-row:active{transform:scale(.98)}.result-image{width:67px;background:radial-gradient(circle at 35% 35%,rgba(255,175,120,.25),transparent 25%),linear-gradient(135deg,#383146,#9b748e)}.next-booking{border:0;border-radius:20px;box-shadow:0 12px 28px rgba(36,30,73,.1)}.show-qr{padding:11px;border-radius:11px;box-shadow:0 7px 16px rgba(114,85,245,.25)}.wallet-total{position:relative;overflow:hidden;background:linear-gradient(145deg,#8064ff,#4226bd);box-shadow:0 16px 32px rgba(80,53,200,.28)}.wallet-total>i{position:absolute;width:150px;height:150px;border:25px solid rgba(255,255,255,.06);border-radius:50%;right:-65px;top:-60px}.wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-radius:15px;padding:11px 4px;box-shadow:0 8px 20px rgba(36,30,73,.07)}.wallet-stats div{display:flex;flex-direction:column;text-align:center;border-right:1px solid var(--line)}.wallet-stats div:last-child{border:0}.wallet-stats b{font:800 11px Manrope}.wallet-stats span{font-size:5px;color:var(--muted);margin-top:2px}.detail-hero{height:260px;background:radial-gradient(circle at 28% 42%,rgba(255,164,105,.25),transparent 20%),linear-gradient(135deg,#272235,#896b94)}.detail-body{border-radius:28px 28px 0 0;padding:20px}.service-option{border:0;border-radius:13px;box-shadow:0 5px 15px rgba(38,32,70,.07)}.checkout-card{border:0;border-radius:15px;box-shadow:0 6px 18px rgba(38,32,70,.07)}.date-options button,.time-options button{transition:.2s}.date-options button.active,.time-options button.active{box-shadow:0 5px 12px rgba(114,85,245,.25)}.mobile-nav{height:73px;bottom:7px;left:8px;right:8px;border:0;border-radius:20px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(36,30,73,.16);padding:9px 5px}.mobile-nav button{position:relative}.mobile-nav button.active:before{content:"";position:absolute;top:-9px;width:18px;height:2px;border-radius:3px;background:var(--purple)}.profile-mobile-hero{text-align:center;padding-top:13px;position:relative}.profile-gear{position:absolute;right:0;top:0;border:0;background:white;width:30px;height:30px;border-radius:9px}.profile-avatar-large{width:72px;height:72px;margin:auto;border-radius:24px;background:linear-gradient(145deg,#29243b,#665487);color:white;display:grid;place-items:center;font:800 18px Manrope;position:relative;box-shadow:0 12px 25px rgba(38,30,75,.2)}.profile-avatar-large span{position:absolute;right:-4px;bottom:-4px;width:23px;height:23px;border:3px solid #f7f8fb;border-radius:8px;background:var(--purple);display:grid;place-items:center;font-size:7px}.profile-mobile-hero h2{font:800 16px Manrope;margin:12px 0 3px}.profile-mobile-hero p{font-size:7px;color:var(--muted)}.level-pill{display:inline-block;background:var(--purple-soft);color:var(--purple);border-radius:20px;padding:6px 10px;font-size:7px;font-weight:800;margin-top:5px}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-radius:16px;margin:18px 0 13px;padding:13px;box-shadow:0 8px 20px rgba(36,30,73,.07)}.profile-summary div{display:flex;flex-direction:column;text-align:center;border-right:1px solid var(--line)}.profile-summary div:last-child{border:0}.profile-summary b{font:800 14px Manrope}.profile-summary span{font-size:6px;color:var(--muted)}.profile-menu button{width:100%;border:0;background:white;border-radius:13px;padding:10px;margin-bottom:7px;display:flex;align-items:center;text-align:left;gap:9px}.profile-menu i{width:31px;height:31px;border-radius:9px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-style:normal}.profile-menu span{display:flex;flex:1;flex-direction:column;gap:2px}.profile-menu b{font-size:8px}.profile-menu small{font-size:6px;color:var(--muted)}.profile-menu em{font-style:normal;color:#9aa1ad}.mobile-sheet{display:none;position:fixed;z-index:250;inset:0;background:rgba(20,16,35,.52);align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.mobile-sheet.active{display:flex}.sheet-card{width:360px;background:#fafaff;border-radius:25px 25px 0 0;padding:13px 20px 23px;animation:sheetUp .25s ease-out}.sheet-handle{display:block;width:38px;height:4px;background:#d8d9e0;border-radius:5px;margin:0 auto 18px}.sheet-title{display:flex;justify-content:space-between;align-items:flex-start}.sheet-title span{font-size:6px;color:var(--purple);font-weight:800;letter-spacing:1px}.sheet-title h2{font:800 18px Manrope;margin:3px 0 16px}.sheet-title button{border:0;background:#eeeff4;width:28px;height:28px;border-radius:9px}.sheet-card label{display:block;font-size:8px;font-weight:700}.sheet-card label b{float:right;color:var(--purple)}.sheet-card input[type=range]{width:100%;accent-color:var(--purple);margin:10px 0}.sheet-card h3{font:800 9px Manrope;margin:14px 0 8px}.sheet-chips{display:flex;gap:5px;flex-wrap:wrap}.sheet-chips button{border:1px solid var(--line);background:white;border-radius:16px;padding:7px 10px;font-size:7px}.sheet-chips button.active{background:var(--purple);border-color:var(--purple);color:white}.sheet-primary{width:100%;border:0;background:var(--purple);color:white;border-radius:11px;padding:11px;font-size:8px;font-weight:800;margin-top:20px;box-shadow:0 8px 18px rgba(114,85,245,.25)}.credit-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.credit-packages button{border:1px solid var(--line);background:white;border-radius:13px;padding:12px 5px;display:flex;flex-direction:column;gap:5px}.credit-packages button.active{border-color:var(--purple);background:var(--purple-soft);box-shadow:0 6px 16px rgba(114,85,245,.13)}.credit-packages small{font-size:5px;color:var(--purple);font-weight:800}.credit-packages b{font-size:8px}.credit-packages span{font-size:7px;color:var(--muted)}.secure-payment{display:flex;gap:8px;align-items:center;background:white;border-radius:12px;padding:10px;margin-top:14px}.secure-payment i{width:28px;height:28px;border-radius:8px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-style:normal}.secure-payment span{display:flex;flex:1;flex-direction:column}.secure-payment b{font-size:7px}.secure-payment small{font-size:6px;color:var(--muted)}.secure-payment em{font-style:normal}.notification-list div{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.notification-list i{width:32px;height:32px;border-radius:10px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-style:normal}.notification-list span{display:flex;flex:1;flex-direction:column;gap:3px}.notification-list b{font-size:8px}.notification-list small{font-size:6px;color:var(--muted)}.notification-list em{width:6px;height:6px;background:var(--purple);border-radius:50%}@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:760px){.sheet-card{width:100%}}