@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17243a;background:#f5f8ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #e7edf7;position:sticky;top:0;z-index:5}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;color:#1554b8;font-family:Manrope;font-weight:800;font-size:19px;letter-spacing:.4px}.brand small{display:block;color:#73829a;font:500 10px DM Sans;letter-spacing:0}.brand-mark{width:37px;height:37px;border-radius:12px;background:#155ac8;color:#fff;font-size:30px;line-height:34px;text-align:center}.topbar nav{display:flex;align-items:center;gap:8px}.topbar nav button{border:0;background:transparent;color:#4c5b70;padding:10px 12px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:13px}.topbar nav button:hover{background:#eff5ff;color:#1457c5}.topbar nav .nav-primary{background:#1457c5;color:#fff;padding:11px 18px}.setup-alert,.notice{padding:11px 5vw;background:#fff6dc;color:#775300;font-size:13px;border-bottom:1px solid #f2e3b5}.notice{background:#eaf4ff;color:#174d94;display:flex;justify-content:space-between}.notice button{border:0;background:none;font-size:20px;color:inherit}.hero{background:linear-gradient(110deg,#edf4ff,#f8fbff);padding:76px max(8vw,28px) 70px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:440px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#3976ce}.hero h1,.page-intro h1{font:800 clamp(36px,5vw,58px)/1.12 Manrope;margin:16px 0;color:#132b50;letter-spacing:-2px}.hero h1 em{font-style:normal;color:#2166cb}.hero-copy>p{max-width:550px;color:#64738a;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:26px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:9px;padding:13px 19px;font-weight:700;font-size:13px}.primary{background:#155ac8;color:#fff;box-shadow:0 7px 18px #155ac826}.primary:hover{background:#0d48a8}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:#fff;color:#1c5db9;border:1px solid #d8e5f8}.trust-line{display:flex;align-items:center;gap:7px;color:#66809f;font-size:11px;margin-top:22px}.hero-art{height:280px;position:relative;display:grid;place-items:center}.art-circle{height:220px;width:220px;border-radius:50%;background:linear-gradient(145deg,#d5e7ff,#fafdff);display:grid;place-items:center;color:#1d66c8;box-shadow:0 20px 50px #326fc21c}.art-circle:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #c7dcf9;border-radius:50%}.art-chip{position:absolute;background:#fff;box-shadow:0 10px 30px #284e7b18;border:1px solid #e8eff9;border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:9px;color:#31577f;font-size:12px;font-weight:700}.chip-one{top:35px;right:2%}.chip-two{bottom:38px;left:2%}.content{max-width:1120px;margin:0 auto;padding:64px 24px}.section-heading,.provider-search{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.provider-search h2,.booking-panel h2{font:800 27px Manrope;margin:8px 0;color:#193354}.section-heading p,.booking-panel>div>p{color:#78879c;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0 60px}.service-card{position:relative;text-align:left;background:#fff;border:1px solid #e5edf8;border-radius:14px;padding:21px 17px;min-height:178px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:.2s}.service-card:hover,.service-card.selected{border-color:#78a7ed;box-shadow:0 12px 30px #1a5bb40e;transform:translateY(-2px)}.service-card.selected{background:#f8fbff}.service-icon{width:43px;height:43px;border-radius:12px;background:#eaf2ff;color:#1c63c5;display:grid;place-items:center}.service-card strong{font-size:14px;color:#233d5d}.service-card small{font-size:11px;line-height:1.5;color:#8190a5}.card-arrow{position:absolute;right:15px;top:18px;color:#7d9fcf}.provider-search{border-top:1px solid #e5edf7;padding-top:35px}.provider-search label,.booking-form label,.stack-form label{display:flex;flex-direction:column;gap:7px;color:#52637b;font-size:12px;font-weight:700}.provider-search select,.booking-form input,.booking-form select,.booking-form textarea,.stack-form input,.stack-form select,.stack-form textarea{border:1px solid #dce5f1;border-radius:8px;background:#fff;padding:11px 12px;color:#233b59;outline:none;min-width:0}.provider-search select:focus,.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus,.stack-form input:focus{border-color:#6e9ee5;box-shadow:0 0 0 3px #dceaff}.provider-list{margin-top:18px}.provider-card{background:#fff;border:1px solid #e7edf6;border-radius:12px;padding:17px;display:flex;align-items:center;gap:15px;margin-bottom:10px}.provider-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:#2166c7}.provider-info{flex:1;display:flex;flex-direction:column;gap:4px}.provider-info strong{font-size:14px}.provider-info span,.provider-info small{font-size:11px;color:#71829a}.provider-info small{display:flex;align-items:center;gap:4px}.provider-info p{font-size:12px;color:#78879c;margin:3px 0}.small{padding:10px 13px;font-size:11px}.empty-state{background:#fff;border:1px dashed #cbd9ec;border-radius:13px;padding:34px;text-align:center;color:#788aa2;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state strong{color:#314a6a;font-size:14px}.empty-state p{font-size:12px;margin:0}.empty-icon{color:#5b8bd0}.booking-panel{margin-top:55px;padding:30px;background:#eaf2ff;border:1px solid #dbe8fa;border-radius:17px;display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.booking-panel h2{font-size:25px}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking-form .wide{grid-column:1/-1}.booking-form .primary{justify-self:start}.narrow-page{max-width:620px;margin:0 auto;padding:65px 24px 90px}.page-intro{margin-bottom:26px}.page-intro h1{font-size:37px;letter-spacing:-1px}.page-intro p{color:#71819a;font-size:14px;line-height:1.6}.form-card{background:#fff;border:1px solid #e4ebf5;border-radius:15px;padding:25px;box-shadow:0 12px 35px #264d7c0a}.tabs{display:flex;border-bottom:1px solid #e9eef6;margin-bottom:22px;gap:20px}.tabs button{border:0;background:none;padding:0 0 12px;color:#8390a3;font-weight:700;font-size:13px}.tabs button.active{color:#155ac8;border-bottom:2px solid #155ac8}.stack-form{display:grid;gap:15px}.fine-print{font-size:11px;color:#8492a6;line-height:1.6;margin:17px 0 0}.dashboard{min-height:65vh}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #e5edf7;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:15px;border-bottom:1px solid #edf1f7}th{color:#6d7f98;background:#f9fbff}td{color:#354b68}.status{display:inline-block;padding:5px 8px;border-radius:20px;background:#eef2f7;color:#68788d;font-size:10px;font-weight:700;text-transform:capitalize}.status.approved,.status.completed{background:#e6f7ee;color:#187747}.status.pending{background:#fff4d9;color:#946400}.status.rejected,.status.cancelled{background:#ffeded;color:#a43d3d}.admin-sections{display:grid;gap:25px}.admin-sections section{background:#fff;border:1px solid #e5edf7;border-radius:13px;padding:22px}.admin-sections h2{font:700 18px Manrope;display:flex;gap:9px;align-items:center;color:#254365}.admin-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #edf1f7;align-items:center}.admin-row>div:first-child{display:flex;flex-direction:column;gap:6px}.admin-row strong{font-size:13px}.admin-row small{font-size:11px;color:#74849b}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{border:1px solid #d7e4f5;background:#f7faff;color:#205cae;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.row-actions .danger{color:#a43d3d;background:#fff8f8;border-color:#f2d9d9}.muted{color:#8090a4;font-size:12px}footer{padding:35px 6vw;background:#112b4e;color:#b9c9df;text-align:center;font-size:11px}footer p{max-width:550px;margin:12px auto 20px;line-height:1.6}.footer-brand{font:800 18px Manrope;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.footer-brand .brand-mark{width:27px;height:27px;font-size:22px;line-height:25px;border-radius:8px;background:#397ddd}@media(max-width:850px){.topbar{padding:0 18px}.topbar nav{gap:1px}.topbar nav button{padding:9px 7px;font-size:11px}.hero{padding:55px 7vw;grid-template-columns:1fr .7fr}.service-grid{grid-template-columns:repeat(2,1fr)}.booking-panel{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section-heading p{margin:0}}@media(max-width:600px){.topbar{height:auto;min-height:68px;align-items:flex-start;padding:13px 14px;gap:8px;flex-direction:column}.topbar nav{width:100%;overflow-x:auto}.topbar nav button{white-space:nowrap}.hero{grid-template-columns:1fr;padding:45px 23px 25px}.hero-art{height:190px}.art-circle{height:145px;width:145px}.art-circle svg{width:60px}.art-circle:after{width:175px;height:175px}.chip-one{top:5px;right:0}.chip-two{bottom:0;left:0}.hero h1{font-size:40px}.content{padding:45px 17px}.service-grid{gap:9px}.service-card{padding:15px 12px;min-height:168px}.provider-search{align-items:flex-start;flex-direction:column}.provider-card{align-items:flex-start;flex-wrap:wrap}.provider-card .primary{margin-left:60px}.booking-panel{padding:21px 15px}.booking-form{grid-template-columns:1fr}.booking-form .wide{grid-column:auto}.narrow-page{padding:42px 17px 65px}.page-intro h1{font-size:31px}.admin-row{align-items:flex-start;flex-direction:column}.row-actions button{padding:8px 12px}}
