:root{--blue:#174af0;--blue-dark:#123abd;--ink:#15213b;--muted:#68758a;--line:#e2e7f1;--paper:#f4f6fb;--soft:#eef2ff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8daaff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.15;letter-spacing:-1.7px;margin-bottom:10px;font-weight:850}h2{font-size:21px;letter-spacing:-.6px;line-height:1.3;margin-bottom:14px}h3{font-size:19px;letter-spacing:-.4px}.icon{flex-shrink:0;vertical-align:middle}.blue{color:var(--blue)}.muted,small{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:850;color:var(--blue);margin:0 0 8px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 23px 20px;z-index:20}.brand{display:flex;flex-direction:column;align-items:center;gap:15px;padding:0 15px 35px}.brand img{width:152px;height:auto}.brand span{font-size:8px;font-weight:800;letter-spacing:2px;color:var(--muted)}.nav-caption{font-size:10px;letter-spacing:1.7px;color:#8993a5;margin:10px 15px;font-weight:800}.desktop-nav{display:grid;gap:7px;margin-bottom:30px}.desktop-nav a{display:flex;gap:13px;padding:14px 16px;color:var(--muted);font-weight:700;border-radius:12px}.desktop-nav .active{background:var(--soft);color:var(--blue)}.desktop-nav a:hover{background:var(--paper)}.sidebar-note{margin-top:auto;padding-top:35px;font-size:25px;font-weight:800;line-height:1.3;letter-spacing:-1px;color:#c1cbe0}.sidebar-user{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.sidebar-user strong,.sidebar-user small{display:block;font-size:12px;max-width:140px;overflow-wrap:anywhere}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--blue);font-weight:800;flex-shrink:0}.workspace{margin-left:248px;padding:42px clamp(24px,4vw,64px) 35px;max-width:1700px}.mobile-header,.bottom-nav,.mobile-create{display:none}.page-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}.page-head p:last-child{color:var(--muted);margin-bottom:0}.studio-tag{font-size:10px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:10px;white-space:nowrap}.studio-tag .icon{color:var(--blue)}.welcome-banner{position:relative;background:var(--blue);border-radius:24px;padding:34px 38px;overflow:hidden;color:white;display:flex;align-items:center;justify-content:space-between;isolation:isolate}.kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#cbd9ff}.welcome-banner h2{font-size:36px;letter-spacing:-1.4px;margin:15px 0 12px;line-height:1.12}.welcome-banner p{color:#cbd9ff;font-size:13px;margin:0}.wave{display:flex;align-items:center;justify-content:space-between;gap:8px;width:40%;height:160px;opacity:.35;flex-shrink:0}.wave i{height:var(--h);background:#c1d0ff;width:7px;border-radius:7px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 38px}.quick-actions a{background:#fff;padding:18px;display:flex;align-items:center;gap:13px;border-radius:14px;border:1px solid var(--line);font-size:13px;font-weight:800;color:var(--ink)}.quick-actions a>.icon:first-child{color:var(--blue)}.quick-actions a>.icon:last-child{margin-left:auto;width:17px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:24px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-head h2{margin-bottom:0}.section-head p:not(.eyebrow){color:var(--muted);font-size:13px;margin:8px 0}.text-link{font-size:12px;font-weight:800;flex-shrink:0}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px}.booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-bookings{grid-template-columns:1fr}.booking-card{background:white;color:var(--ink);border-radius:18px;border:1px solid var(--line);padding:21px;display:block;transition:transform .15s,border-color .15s}.booking-card:hover{transform:translateY(-2px);border-color:#aac0ff}.booking-top{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.event-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:var(--muted);overflow-wrap:anywhere}.badge{font-size:11px;border-radius:7px;background:#edf0f5;padding:5px 10px;display:inline-flex;align-items:center;font-weight:800;white-space:nowrap;width:max-content;flex-shrink:0;color:#5c677b}.badge.masuk{background:#eaf0ff;color:#2458d9}.badge.penawaran{background:#f0ebff;color:#7450c1}.badge.dp{background:#fff3db;color:#8e5a0c}.badge.lunas,.badge.selesai{background:#e1f6ec;color:#147a52}.badge.batal{background:#ffeded;color:#b44343}.booking-main{display:flex;gap:16px;align-items:center}.date-tile{width:57px;border-radius:12px;background:var(--soft);display:flex;flex-direction:column;align-items:center;padding:8px 4px;flex-shrink:0}.date-tile strong{font-size:27px;line-height:1.15;letter-spacing:-1px;color:var(--blue)}.date-tile small{font-size:9px;color:var(--blue);font-weight:750}.booking-copy{min-width:0;flex:1}.booking-copy h3{margin:0 0 5px;overflow-wrap:anywhere}.booking-copy p{font-size:12px;color:var(--muted);margin:0;display:flex;align-items:center;gap:6px}.booking-copy .icon,.booking-location .icon{width:15px;height:15px}.card-arrow{margin-left:auto;color:var(--blue);font-size:20px}.booking-location{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;display:flex;gap:8px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.booking-location span{min-width:0}.quiet-state{padding:6px 0}.quiet-state strong{font-size:14px}.quiet-state p{font-size:13px;margin:12px 0 0;color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#25b584;margin-right:8px}.reminder-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.reminder-row:last-child{border:0}.reminder-row .icon{color:var(--blue);width:18px}.reminder-row p{font-size:13px;margin:0}.empty{padding:35px 5px 18px;text-align:center}.empty h3{margin:22px 0 8px;font-size:18px}.empty p{margin:0 auto;color:var(--muted);font-size:13px;max-width:280px}.empty-art{position:relative;display:grid;place-items:center;margin:auto;width:84px;height:84px;background:var(--soft);border-radius:25px;transform:rotate(-6deg);color:var(--blue)}.empty-art .icon{width:38px;height:38px}.empty-art span{position:absolute;width:10px;height:10px;background:#adc2ff;border-radius:3px;right:-15px;top:12px}.empty-art span:last-child{left:-12px;top:auto;bottom:4px;width:6px;height:6px}.empty-cta{display:flex!important;width:max-content;margin:5px auto 20px}.workspace-footer{font-size:8px;letter-spacing:1.5px;color:#8a96a9;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:50px}.workspace-footer span{color:var(--blue)}button,.button{min-height:46px;border-radius:11px;border:1px solid var(--line);background:white;color:var(--ink);padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:750;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 5px 12px #174af018}.primary:hover{background:var(--blue-dark)}.whatsapp{background:#e5f8ee;color:#167347;border-color:#c9ecd9}.danger{color:#b13e3e;border-color:#f4cccc;background:#fff2f2}.danger-text{background:transparent;border:0;color:#b13e3e;font-size:12px}.stack{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#4b5870;min-width:0}input,select,textarea{min-width:0;width:100%;min-height:48px;border:1px solid #d8dfeb;border-radius:10px;padding:12px;color:var(--ink);background:#fcfdff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #174af012}input::placeholder,textarea::placeholder{color:#929dad;font-weight:400}textarea{resize:vertical}.optional{font-size:10px;font-weight:500;color:var(--muted);display:contents}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;align-items:end;gap:12px;padding:20px}.filters button{height:48px}.actions,.inline-actions,.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions{justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.back-link{display:inline-flex;margin-bottom:20px;font-size:12px;font-weight:800}.detail-hero{background:var(--soft);border:1px solid #dae3ff;border-radius:18px;padding:22px;display:flex;gap:40px;margin-bottom:18px}.detail-hero>div{display:flex;gap:12px;align-items:center;min-width:0}.detail-hero .icon{color:var(--blue)}.detail-hero span{font-size:15px;font-weight:750;overflow-wrap:anywhere;min-width:0}.detail-hero small{display:block;font-size:11px;font-weight:500}.detail-actions{margin-bottom:25px}dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;font-size:13px;margin:25px 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.payment-balance{background:var(--soft);border-radius:12px;padding:16px;margin-bottom:20px}.payment-balance span{display:block;font-size:11px;color:var(--muted)}.payment-balance strong{font-size:26px;color:var(--blue);letter-spacing:-1px}.invoice-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.invoice-item>div{min-width:0;overflow-wrap:anywhere}.invoice-item>strong{flex-shrink:0}.invoice-item small{display:block;font-size:12px;margin-top:5px}.invoice-totals{margin:22px 0 0 auto;max-width:350px;font-size:13px}.invoice-totals>div{display:flex;justify-content:space-between;gap:15px;padding:8px}.final-total{border-top:1px solid var(--line);color:var(--blue);margin-top:8px}.cancellation summary{cursor:pointer;color:#a04c4c;font-size:13px;font-weight:800;min-height:28px}.cancellation p{font-size:12px;color:var(--muted);margin-top:16px}.profile-card{display:flex;gap:18px;align-items:center}.profile-card h2,.profile-card p{margin:0}.profile-card p{font-size:12px;color:var(--muted)}.more-grid{display:grid;gap:14px;max-width:850px}.more-card{display:flex;align-items:center;gap:17px;background:white;border:1px solid var(--line);border-radius:17px;padding:22px;color:var(--ink)}.more-card>div{flex:1;min-width:0}.more-card h2{margin:0 0 4px;font-size:17px}.more-card p{margin:0;color:var(--muted);font-size:12px}.icon-tile{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--soft);color:var(--blue);flex-shrink:0}.logout-form{margin-top:25px}.stepper{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 8px}.stepper li{display:flex;align-items:center;gap:9px;font-size:12px;color:#8a96aa;border-bottom:3px solid var(--line);padding:0 0 16px}.stepper li>span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;font-weight:800}.stepper li.active{color:var(--blue);border-color:var(--blue)}.stepper li.active>span{background:var(--blue);color:white;border-color:var(--blue)}.stepper li.done{color:var(--blue);border-color:#acc0ff}.wizard{max-width:900px}.wizard-panel{margin:0;min-height:300px}.wizard-panel h2{font-size:25px}.section-description{font-size:13px;color:var(--muted);margin-bottom:26px}.wizard-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:15px;padding:14px}.wizard-controls span{font-size:11px;color:var(--muted)}.wizard [hidden]{display:none!important}.item-row{border:1px solid var(--line);border-radius:13px;padding:16px;margin-bottom:12px;background:#fcfdff}.item-numbers{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:end;margin-top:12px}.item-row input{background:white}.add-item{border:1px dashed #a7bbff;width:100%;color:var(--blue);background:var(--soft)}.total-preview{display:flex;justify-content:space-between;gap:12px;padding-top:22px;font-size:13px}.total-preview strong{font-size:22px;color:var(--blue);letter-spacing:-.5px}.summary-block{margin:20px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.summary-block h3{font-size:14px;color:var(--blue);margin-bottom:8px}.summary-block p{margin:4px 0;font-size:14px;overflow-wrap:anywhere}.segmented{display:flex;background:#e6ebf5;border-radius:11px;padding:4px;gap:3px}.segmented a{padding:10px 14px;font-size:12px;font-weight:800;color:var(--muted);border-radius:8px}.segmented .active{color:var(--blue);background:white;box-shadow:0 2px 5px #1f36640d}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.calendar-toolbar>div{text-align:center;font-size:14px}.calendar-toolbar>div a{display:block;font-size:11px;margin-top:3px}.icon-button{padding:8px;width:44px;min-width:44px}.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.day-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 3px;color:var(--muted);border-radius:12px;background:var(--paper)}.day-chip span{font-size:10px;font-weight:700}.day-chip strong{font-size:22px;color:var(--ink)}.day-chip.today{outline:1px solid var(--blue)}.day-chip.selected{background:var(--blue);color:white}.day-chip.selected strong{color:white}.day-chip i{width:4px;height:4px;border-radius:50%}.has-event{background:currentColor}.swipe-hint{font-size:10px;text-align:center;color:var(--muted);margin:18px 0 0}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;text-align:center}.weekday-label{font-size:10px;font-weight:800;color:var(--muted);padding:8px 0}.month-date{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:48px;color:var(--ink);font-size:13px;border-radius:10px;background:var(--paper);gap:3px}.month-date.today{color:white;background:var(--blue)}.event-dot{width:4px;height:4px;border-radius:50%;background:var(--blue)}.month-date.today .event-dot{background:white}.day-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.day-heading h2{font-size:15px;margin:0}.day-heading span{color:var(--blue);font-size:11px;font-weight:800}.day-empty{background:#edf0f7;border:1px dashed #d7dfec;border-radius:12px;padding:14px 18px;font-size:12px;color:#7d8aa0}.schedule-day{scroll-margin-top:90px}.service-list form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.check{flex-direction:row;align-items:center}.check input{width:18px;min-height:18px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:14px 12px;border-bottom:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.flash{padding:14px 18px;border-radius:12px;margin-bottom:20px;background:var(--soft);font-size:13px}.flash.success{background:#e0f6e9;color:#186442}.flash.error{background:#ffeded;color:#9e3838}.flash.warning{background:#fff4d9;color:#8d6019}.auth-main{max-width:500px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;margin:auto}.auth-card{background:white;padding:35px;border:1px solid var(--line);border-radius:24px}.auth-card h1{font-size:27px;letter-spacing:-.8px}.auth-card>p{font-size:13px;color:var(--muted)}.auth-logo{color:var(--blue);font-size:30px}.auth-logo img{width:155px;height:auto;display:block;margin-bottom:24px}.auth-switch{text-align:center;margin:20px 0 0!important}.auth-main .workspace-footer{font-size:7px}
@media(min-width:1500px){.dashboard-bookings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){.sidebar{width:210px;padding:28px 18px 18px}.workspace{margin-left:210px;padding:32px 25px}.dashboard-grid{grid-template-columns:1fr}.dashboard-bookings{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters>label:first-child{grid-column:1/-1}.filters button{grid-column:1/-1}.quick-actions a{gap:8px;padding:14px;font-size:12px}.quick-actions a>.icon:last-child{display:none}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0;padding:25px 20px 160px;max-width:100%}.mobile-header{height:76px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.mobile-header img{width:105px;height:auto;display:block}.mobile-header .avatar{height:35px;width:35px;font-size:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));height:calc(73px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8a95a8;font-size:10px;font-weight:800;border-radius:11px}.bottom-nav a.active{color:var(--blue);background:#eef2ff}.mobile-create{position:fixed;right:20px;bottom:calc(89px + env(safe-area-inset-bottom));z-index:35;background:var(--blue);box-shadow:0 8px 22px #174af036;color:white;display:flex;align-items:center;justify-content:center;gap:5px;min-height:48px;border-radius:16px;padding:12px 17px;font-size:12px;font-weight:800}.page-head{gap:15px;align-items:flex-start;margin-bottom:23px}.page-head h1{font-size:31px;letter-spacing:-1.2px}.page-head p:last-child{font-size:12px}.studio-tag{display:none}.eyebrow{font-size:8px;letter-spacing:1.7px}.welcome-banner{padding:25px 22px;border-radius:20px;min-height:208px}.welcome-banner>div:first-child{position:relative;z-index:2}.welcome-banner h2{font-size:29px;letter-spacing:-1.1px}.welcome-banner p{font-size:11px;max-width:230px}.kicker{font-size:8px;letter-spacing:1.4px}.wave{position:absolute;right:-18px;bottom:14px;width:47%;height:130px;opacity:.13;gap:5px}.wave i{width:5px}.quick-actions{gap:8px;margin:15px 0 30px}.quick-actions a{padding:16px 5px;flex-direction:column;gap:8px;font-size:10px;border-radius:14px}.quick-actions a>.icon:first-child{width:21px}.dashboard-grid{gap:28px}.section-head{gap:10px;margin-bottom:14px}.section-head h2{font-size:19px}.text-link{font-size:10px}.booking-grid,.dashboard-bookings{grid-template-columns:1fr}.booking-card{padding:18px;border-radius:17px}.booking-copy h3{font-size:18px}.booking-top{margin-bottom:15px}.card{padding:21px 18px;border-radius:18px}.empty{padding-top:25px}.workspace-footer{font-size:7px;letter-spacing:1px;gap:7px;margin-top:35px}.page-head>.button{padding:9px;font-size:10px;flex-shrink:0}.page-head>.button .icon{width:16px}.form-grid,.detail-grid{grid-template-columns:1fr;gap:18px}.wide{grid-column:auto}input,select,textarea{font-size:16px}.filters{gap:14px;padding:18px}.detail-grid{gap:0}.detail-hero{padding:18px;flex-direction:column;gap:18px}.detail-actions{display:grid;grid-template-columns:1fr 1fr}.detail-actions .whatsapp{grid-column:1/-1}.detail-actions .button{font-size:12px;padding:12px 8px}.inline-actions{display:grid;grid-template-columns:1fr;gap:10px}.inline-actions button{width:100%}.invoice-item{font-size:12px}.invoice-item small{font-size:10px}.invoice-totals{max-width:none}.profile-card h2{font-size:19px}.more-card{gap:12px;padding:18px 14px}.more-card h2{font-size:15px}.more-card p{font-size:11px}.more-card>.icon{width:17px}.stepper{gap:6px}.stepper li{flex-direction:column;gap:8px;font-size:10px;padding-bottom:12px}.stepper li>span{width:26px;height:26px}.wizard-panel h2{font-size:22px}.section-description{font-size:12px}.wizard-panel{min-height:320px}.wizard-controls{position:sticky;bottom:calc(85px + env(safe-area-inset-bottom));z-index:30;padding:10px;box-shadow:0 8px 20px #18305810}.wizard-controls button{font-size:11px;padding:10px 13px}.wizard-controls span{font-size:9px}.item-row{padding:12px}.item-numbers{grid-template-columns:60px minmax(0,1fr);gap:10px}.item-numbers button{grid-column:1/-1;min-height:36px;justify-self:end;padding:5px 0}.total-preview strong{font-size:19px}.page-head:has(.segmented){flex-direction:column;align-items:stretch}.segmented{width:100%}.segmented a{flex:1;text-align:center;font-size:11px;padding:9px}.calendar-toolbar>div{font-size:12px}.calendar-shell{padding:18px 12px}.week-strip{gap:4px}.day-chip{padding:10px 1px;border-radius:10px}.day-chip strong{font-size:19px}.day-chip span{font-size:9px}.month-grid{gap:4px}.month-date{min-height:40px}.invoice-item>strong{font-size:12px}.back-link{font-size:11px}.signed-in .page-head h1{overflow-wrap:anywhere}.table-wrap{margin:0 -10px}.auth-card{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}