:root{--purple:#432172;--purple-deep:#311652;--purple-soft:#f2edf8;--orange:#e7793d;--orange-soft:#fff3ea;--ink:#242333;--muted:#747584;--line:#e8e7ec;--bg:#f8f8fa;--white:#fff;--green:#28715a;--red:#ad4e4e;--shadow:0 6px 22px rgba(32,23,50,.055);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bb9add;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.045em;line-height:1.15;margin-bottom:8px;font-weight:720}h2{font-size:1.12rem;letter-spacing:-.02em;margin-bottom:0}h3{font-size:1rem;margin-bottom:0}.muted{color:var(--muted)}.small{font-size:.79rem}.eyebrow{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:var(--purple);margin-bottom:11px}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:var(--purple-deep);color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;padding:25px 14px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:5px 14px 31px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#fff;border-radius:10px;color:var(--purple);font-weight:850;letter-spacing:-.09em;font-size:.94rem;position:relative}.brand-mark:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--orange);top:7px;right:6px}.brand strong{font-size:1.05rem;letter-spacing:-.02em;display:block;line-height:1.1}.brand small{color:#c8b8d9;display:block;font-size:.69rem;margin-top:4px;letter-spacing:.04em;text-transform:uppercase}.nav-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#b4a3c8;padding:15px 15px 8px;font-weight:750}.nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:8px;color:#d8cce6;font-size:.89rem;font-weight:550;transition:background .15s,color .15s}.nav a:hover,.nav a.active{color:#fff;background:#543379}.nav a.active:before{content:"";width:3px;height:19px;background:var(--orange);border-radius:3px;position:absolute;left:14px}.nav svg{width:18px;height:18px;stroke-width:1.8;opacity:.88}.nav .count{margin-left:auto;background:var(--orange);color:#fff;font-size:.68rem;padding:2px 6px;border-radius:10px}.sidebar-foot{margin-top:auto;border-top:1px solid #5a3f78;padding:16px 12px 2px}.sidebar-foot .profile{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#8e6fb1;color:white;font-weight:750;flex:none}.profile-info{min-width:0}.profile-info strong,.profile-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info strong{font-size:.82rem}.profile-info span{font-size:.7rem;color:#c7b7d7;margin-top:3px}.sidebar-foot button{color:#d7c8e5;background:none;border:0;font-size:.77rem;padding:12px 0 0}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,44px);gap:18px;position:sticky;top:0;z-index:10}.crumb{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:650}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{background:transparent;border:1px solid transparent;border-radius:8px;padding:9px;position:relative;color:var(--ink)}.icon-btn:hover{background:var(--bg);border-color:var(--line)}.icon-btn svg{width:19px;height:19px}.dot{width:6px;height:6px;border-radius:50%;background:var(--orange);position:absolute;right:7px;top:7px}.top-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:.75rem;font-weight:750}.mobile-menu{display:none}.content{max-width:1540px;margin:auto;padding:32px clamp(20px,3vw,44px) 70px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.page-heading p{color:var(--muted);font-size:.9rem;margin:0}.heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{border-radius:8px;padding:10px 16px;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.84rem;font-weight:680;border:1px solid transparent;background:var(--purple);color:#fff;white-space:nowrap}.btn:hover{filter:brightness(1.08)}.btn svg{width:16px;height:16px}.btn.secondary{background:#fff;color:var(--purple);border-color:#d9cfe5}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.danger{background:#fff3f2;color:var(--red);border-color:#f0d6d4}.btn.orange{background:var(--orange)}.btn.small{padding:7px 10px;min-height:32px;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--purple);font-weight:680;cursor:pointer}.link:hover{text-decoration:underline}.grid{display:grid;gap:17px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px;box-shadow:var(--shadow);min-height:136px;display:flex;flex-direction:column;justify-content:space-between}.kpi .top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi .label{font-size:.79rem;color:var(--muted);font-weight:580}.kpi .icon{width:33px;height:33px;display:grid;place-items:center;background:var(--purple-soft);border-radius:8px;color:var(--purple)}.kpi .icon svg{width:17px;height:17px}.kpi .value{font-size:1.68rem;letter-spacing:-.05em;font-weight:760;line-height:1.1}.kpi .sub{font-size:.7rem;color:var(--muted);margin-top:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 22px 17px;border-bottom:1px solid var(--line)}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:.79rem}.panel-body{padding:21px 22px}.split{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(310px,1fr);gap:18px}.split.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.83rem}.table th{text-align:left;color:var(--muted);font-weight:650;font-size:.71rem;text-transform:uppercase;letter-spacing:.06em;padding:12px 20px;background:#fbfbfc;white-space:nowrap}.table td{padding:15px 20px;border-top:1px solid var(--line);vertical-align:middle}.table tbody tr:hover{background:#fcfbfd}.table a{font-weight:680;color:var(--purple)}.table .primary-cell{font-weight:680;color:var(--ink)}.table .subcell{display:block;font-size:.72rem;color:var(--muted);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:.71rem;font-weight:680;white-space:nowrap;background:#f1f0f3;color:#5f606e}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.Approved,.badge.Completed,.badge.Joined,.badge.active{background:#e8f5ef;color:#277a5e}.badge.Rejected,.badge.Cancelled,.badge.overdue{background:#faeded;color:#ad4e4e}.badge.Awaiting,.badge.Submitted,.badge.Open{background:#fff2e9;color:#b56030}.badge.Changes{background:#f3eafa;color:#7a4d9e}.badge.Draft{background:#eef0f5;color:#6c7487}.filterbar{display:flex;flex-wrap:wrap;align-items:end;gap:11px;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:.75rem;font-weight:700;color:#464450}.field input,.field select,.field textarea{width:100%;min-height:41px;background:#fff;border:1px solid #dcdbe3;border-radius:7px;padding:10px 11px;color:var(--ink);font-size:.84rem}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9169bc;box-shadow:0 0 0 3px #eee7f5}.field small{font-size:.7rem;color:var(--muted)}.filterbar .field{min-width:145px;flex:1}.filterbar .field.search{flex:2;min-width:220px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin-top:24px}.section-label{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:720;margin:23px 0 12px}.notice{border:1px solid #ead7c8;background:#fff8f2;border-radius:8px;padding:13px 16px;color:#74492f;font-size:.83rem;margin:17px 0}.notice.purple{background:var(--purple-soft);border-color:#e1d6ec;color:var(--purple)}.notice.red{background:#fff1f0;border-color:#efcfca;color:var(--red)}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty .empty-icon{display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);border-radius:12px;width:50px;height:50px;margin:0 auto 13px}.empty h3{color:var(--ink);margin-bottom:6px}.empty p{font-size:.83rem;margin-bottom:16px}.list{padding:0;margin:0;list-style:none}.list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start}.list li:last-child{border-bottom:0}.list .list-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--purple-soft);color:var(--purple);flex:none}.list .list-icon svg{width:16px;height:16px}.list .list-content{flex:1;min-width:0}.list strong{display:block;font-size:.82rem;font-weight:680}.list p{margin:4px 0 0;color:var(--muted);font-size:.76rem;line-height:1.45}.list time{font-size:.7rem;color:var(--muted);white-space:nowrap}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick-actions a{border:1px solid var(--line);padding:13px;border-radius:8px;font-size:.8rem;font-weight:670;display:flex;justify-content:space-between;align-items:center}.quick-actions a:hover{background:var(--purple-soft);color:var(--purple);border-color:#d7c5e8}.chart{width:100%;height:220px;overflow:visible}.chart text{fill:#858694;font-size:10px;font-family:inherit}.chart .gridline{stroke:#e8e7ec;stroke-width:1}.chart .line{stroke:var(--purple);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart .area{fill:#f1eaf7}.chart .bar{fill:#68428e}.chart .bar.alt{fill:#e9ddef}.chart .dot{fill:var(--orange);stroke:#fff;stroke-width:2}.chart-empty{height:210px;display:grid;place-items:center;color:var(--muted);font-size:.82rem}.legend{display:flex;gap:17px;font-size:.73rem;color:var(--muted);align-items:center}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--purple);margin-right:6px}.legend span.orange:before{background:var(--orange)}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:21px;overflow-x:auto}.tabs a{padding:11px 14px;color:var(--muted);font-size:.82rem;font-weight:650;white-space:nowrap;border-bottom:2px solid transparent}.tabs a.active{color:var(--purple);border-color:var(--purple)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.detail-item small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:5px}.detail-item strong{font-size:.85rem;font-weight:650}.timeline{list-style:none;margin:0;padding:0 0 0 21px;border-left:1px solid #ded6e7}.timeline li{position:relative;padding:0 0 23px 18px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-27px;top:2px;width:10px;height:10px;background:var(--purple);border:3px solid #fff;box-shadow:0 0 0 1px #d9c8e9;border-radius:50%}.timeline strong{font-size:.82rem}.timeline p{font-size:.78rem;color:var(--muted);margin:5px 0}.timeline time{font-size:.7rem;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(24,16,37,.48);z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:white;border-radius:12px;box-shadow:0 25px 80px #20153245;width:min(680px,100%);max-height:min(92vh,1000px);overflow-y:auto}.modal.wide{width:min(840px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:1.16rem}.modal-body{padding:24px 25px}.modal-close{border:0;background:none;font-size:1.4rem;color:var(--muted);padding:2px 7px}.loading{padding:100px;text-align:center;color:var(--muted)}#toast{position:fixed;right:20px;bottom:20px;z-index:80;max-width:340px;background:var(--purple-deep);color:#fff;padding:13px 17px;border-radius:8px;box-shadow:var(--shadow);font-size:.83rem;display:none}#toast.show{display:block}#toast.error{background:#8d3030}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-art{background:var(--purple-deep);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:50px clamp(40px,6vw,100px);position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff20;border-radius:50%;right:-180px;bottom:70px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff05}.auth-art .brand{padding:0;position:relative;z-index:1}.auth-art .statement{max-width:600px;position:relative;z-index:1}.auth-art h1{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.12;letter-spacing:-.055em;margin:0 0 19px}.auth-art h1 em{font-style:normal;color:#f4a476}.auth-art p{color:#d4c6df;line-height:1.65;font-size:1rem;max-width:440px}.auth-art footer{color:#bfaed0;font-size:.74rem;position:relative;z-index:1}.auth-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px}.auth-card{width:min(400px,100%)}.auth-card .tiny{color:var(--purple);text-transform:uppercase;letter-spacing:.12em;font-weight:750;font-size:.73rem;margin-bottom:16px}.auth-card h2{font-size:2rem;letter-spacing:-.045em;margin-bottom:10px}.auth-card p{color:var(--muted);line-height:1.6;font-size:.89rem;margin-bottom:30px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #dcdbe3;border-radius:8px;padding:14px 16px;font-weight:680;font-size:.87rem;color:var(--ink)}.google-btn:hover{border-color:var(--purple);box-shadow:var(--shadow)}.google-g{font-weight:800;font-size:1.2rem;color:#4285f4}.auth-note{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:.76rem;color:var(--muted);line-height:1.5}.mobile-bottom{display:none}.overlay{display:none}.booking-shell{min-height:100vh;background:#faf9fb}.booking-top{background:var(--purple-deep);color:#fff;padding:19px max(24px,calc((100vw - 1000px)/2));display:flex;align-items:center;justify-content:space-between}.booking-top .brand{padding:0}.booking-main{max-width:1000px;margin:0 auto;padding:48px 22px}.booking-card{display:grid;grid-template-columns:1fr 1.25fr;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.booking-info{padding:35px;border-right:1px solid var(--line)}.booking-info h1{font-size:1.7rem}.booking-info p{color:var(--muted);font-size:.88rem;line-height:1.6}.booking-content{padding:35px}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.slot{border:1px solid #d8cce6;background:#fff;color:var(--purple);padding:11px;border-radius:7px;font-size:.84rem;font-weight:700}.slot:hover,.slot.selected{background:var(--purple);color:#fff}.funnel{display:flex;gap:7px;align-items:stretch;overflow-x:auto}.funnel-step{flex:1;min-width:105px;background:var(--purple-soft);border-radius:7px;padding:14px 11px;position:relative}.funnel-step:after{content:"›";position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#af9bbd}.funnel-step:last-child:after{display:none}.funnel-step strong{display:block;color:var(--purple);font-size:1.15rem}.funnel-step span{font-size:.69rem;color:#635a6c}.mobile-only{display:none}@media(max-width:1150px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:24px 9px}.sidebar .brand{padding:4px 8px 25px}.sidebar .brand strong,.sidebar .brand small,.nav-label,.nav span,.sidebar-foot .profile-info,.sidebar-foot button{display:none}.nav a{justify-content:center;padding:12px}.nav a.active:before{left:9px}.nav svg{width:20px;height:20px}.sidebar-foot{padding:16px 9px}.sidebar-foot .avatar{margin:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.split,.split.equal{grid-template-columns:1fr}.content{padding:26px 20px 90px}.page-heading{align-items:flex-start}.topbar{height:65px;padding:0 20px}.booking-card{grid-template-columns:1fr}.booking-info{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:620px){.app-shell{display:block}.sidebar{position:fixed;width:250px;left:-270px;transition:left .2s;height:100vh;box-shadow:var(--shadow)}.sidebar.open{left:0}.sidebar .brand strong,.sidebar .brand small,.nav-label,.nav span,.sidebar-foot .profile-info,.sidebar-foot button{display:block}.nav a{justify-content:flex-start;padding:11px 14px}.nav a.active:before{left:14px}.sidebar-foot .avatar{margin:0}.overlay.open{display:block;position:fixed;inset:0;background:#19122670;z-index:19}.mobile-menu{display:block}.topbar{height:60px}.top-actions .top-avatar{display:none}.crumb{font-size:.76rem}.content{padding:25px 16px 102px}.page-heading{display:block;margin-bottom:21px}.heading-actions{margin-top:16px}.page-heading h1{font-size:1.65rem}.kpi-grid{gap:10px}.kpi{min-height:118px;padding:15px}.kpi .value{font-size:1.4rem}.kpi .label{font-size:.73rem}.kpi .icon{width:27px;height:27px}.kpi .icon svg{width:15px;height:15px}.panel-head,.panel-body{padding:17px}.table-wrap{overflow:visible}.table{display:block}.table thead{display:none}.table tbody{display:grid;gap:10px;padding:12px}.table tr{display:block;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.table td{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:7px 0;border:0;text-align:right;font-size:.79rem}.table td:before{content:attr(data-label);font-size:.71rem;font-weight:650;color:var(--muted);text-align:left}.table td:first-child{padding-top:3px}.table td:last-child{padding-bottom:3px}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.filterbar{display:grid;grid-template-columns:1fr 1fr}.filterbar .field.search{grid-column:1/-1}.filterbar .btn{align-self:end}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:95vh;border-radius:14px 14px 0 0}.modal-head{padding:17px 20px}.modal-body{padding:20px}.auth-page{display:block}.auth-art{min-height:275px;padding:27px 25px}.auth-art h1{font-size:2rem}.auth-art p,.auth-art footer{display:none}.auth-art .statement{margin-top:36px}.auth-form{padding:38px 24px}.booking-main{padding:25px 14px}.booking-info,.booking-content{padding:24px}.slot-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#fff;border-top:1px solid var(--line);padding:7px 9px max(8px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#888594;font-size:.62rem;font-weight:660;min-width:58px;padding:3px}.mobile-bottom a.active{color:var(--purple)}.mobile-bottom svg{width:20px;height:20px}.mobile-only{display:block}}