@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14233f;--muted:#68758c;--teal:#1456d9;--teal2:#e8f0ff;--cream:#f5f8ff;--line:#e4eaf4;--white:#fff;--amber:#f2b75c;--shadow:0 16px 45px rgba(24,61,126,.09)}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.55}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.topbar{height:auto;min-height:78px;padding:14px clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:Manrope,sans-serif;font-weight:800;font-size:20px;line-height:1.1}.brand:hover{text-decoration:none}.brand small{display:block;color:var(--muted);font:11px 'DM Sans',sans-serif;letter-spacing:.4px;margin-top:4px}.brandmark{height:42px;width:42px;display:grid;place-items:center;border-radius:14px;background:var(--teal);color:white;font-size:23px;box-shadow:0 8px 18px #0e766e2c}nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:600}nav a{color:#52635f}nav a.navcta{padding:11px 17px;background:var(--teal);color:white;border-radius:10px}.navuser{color:var(--teal);font-size:12px}.container{max-width:1200px;margin:0 auto;padding:0 26px;min-height:70vh}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:70px 0 55px;min-height:475px}.hero-copy{max-width:610px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--teal);text-transform:uppercase;display:block;margin-bottom:12px}.hero h1,h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.16;letter-spacing:-.7px}.hero h1{font-size:clamp(38px,5.2vw,66px);margin:0 0 20px;font-weight:800}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy>p,.lead{font-size:17px;color:var(--muted);max-width:570px}.searchbar{display:flex;gap:8px;padding:7px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin:25px 0 15px;max-width:570px}.searchbar input{border:0;outline:0;flex:1;min-width:0;padding:12px;font:inherit}.trustline{font-size:12px;color:var(--muted);margin-top:20px}.hero-art{height:340px;position:relative;border-radius:38px;background:linear-gradient(135deg,#e7f5ee,#f9f2e5);overflow:hidden}.art-circle{position:absolute;width:260px;height:260px;border-radius:50%;background:#b4e0d0;top:35px;left:calc(50% - 130px);box-shadow:0 0 0 25px #ffffff55,0 0 0 55px #ffffff30}.art-card{position:absolute;background:white;border:1px solid #ffffffb8;border-radius:16px;padding:16px 18px;box-shadow:0 15px 35px #26463b20;display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center;font-size:13px}.art-card:first-letter{font-size:20px}.art-card small{grid-column:2;color:var(--muted);font-size:10px}.art-one{top:44px;left:18px}.art-two{right:18px;top:145px}.art-three{left:38px;bottom:32px}.section{padding:45px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:23px}.section-head h2,.section h1{margin:0;font-size:clamp(27px,3vw,38px)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{padding:22px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:7px;color:var(--ink);transition:.18s;background:white}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none;border-color:#b9dcd2}.category-tile span{font-size:27px;margin-bottom:5px}.category-tile b{font-size:14px}.category-tile small{font-size:11px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;transition:.2s}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.service-icon{height:90px;background:linear-gradient(120deg,#e2f3ed,#fff3df);display:grid;place-items:center;font-size:38px}.service-content{padding:20px}.service-content h3{font-size:19px;margin:5px 0 8px}.service-content p{font-size:13px;color:var(--muted);min-height:40px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 16px;font-size:12px}.price{font-size:16px;font-weight:800;color:var(--ink)}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid transparent;font:700 13px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none;filter:brightness(.97)}.btn-primary{background:var(--teal);color:white}.btn-outline{background:white;border-color:#d8e3de;color:var(--ink)}.btn-block{width:100%}.auth-card{max-width:480px;margin:55px auto;padding:36px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-card h1{font-size:30px;margin:0 0 10px}.stack{display:flex;flex-direction:column;gap:15px}.stack label,label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#3e514d}input,select,textarea{font:14px 'DM Sans',sans-serif;border:1px solid #dce5e0;border-radius:9px;padding:12px;color:var(--ink);background:white;width:100%;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #b8e1d5;border-color:var(--teal)}.inline{display:inline-flex;align-items:center;gap:8px}.inline select{width:auto;max-width:180px;padding:9px}.linkbtn{border:0;background:none;color:var(--teal);font:700 13px 'DM Sans';cursor:pointer}.page-head{padding:40px 0 20px}.page-head h1{font-size:36px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 28px}.metric{padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbf9)}.metric small{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.metric strong{font:800 25px Manrope,sans-serif;overflow-wrap:anywhere}.panel{border:1px solid var(--line);border-radius:18px;padding:24px;margin:22px 0;background:#fff;box-shadow:0 8px 30px #1b42380a}.panel h2{font-size:21px;margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.action-grid a{background:var(--cream);padding:15px;border-radius:10px;font-size:13px;font-weight:700}.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:35px;padding:55px 0}.detail-main h1{font-size:42px;margin:0 0 14px}.detail-main h3{margin-top:35px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats small,.stats b{display:block}.stats small{font-size:11px;color:var(--muted)}.stats b{font-size:13px;margin-top:5px}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:capitalize}.good{background:#ddf5e9;color:#16794f}.warn{background:#fff0d2;color:#8c5b00}.bad{background:#ffe4e1;color:#ad3d35}.info{background:#dff1ff;color:#176e98}.muted.badge{background:#edf0ee;color:#63716c}.booking-card{border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0}.booking-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.booking-top h3{margin:0 0 12px}.booking-meta{display:flex;flex-wrap:wrap;gap:12px 20px;color:var(--muted);font-size:12px;margin:10px 0 16px}.booking-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:18px 0}table{width:100%;border-collapse:collapse;min-width:620px;font-size:12px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{background:#f7faf8;color:#52635f;font-size:10px;text-transform:uppercase;letter-spacing:.7px}tr:last-child td{border-bottom:0}.empty{padding:35px;border:1px dashed #cbd9d3;border-radius:15px;color:var(--muted);text-align:center;margin:20px 0}.chat-box{background:#f6f9f7;border:1px solid var(--line);border-radius:15px;padding:16px;max-height:460px;overflow:auto}.message{background:white;border:1px solid var(--line);padding:12px 14px;border-radius:12px;margin:9px 0;max-width:80%}.message.mine{margin-left:auto;background:#e1f5ed}.message p{margin:5px 0;white-space:pre-wrap}.message small{font-size:10px;color:var(--muted)}.chat-form{margin-top:16px;max-width:760px}.flash{margin:20px 0 0;padding:13px 16px;border-radius:10px;background:#e0f4ed;color:#175b4e;font-size:13px}.notice{background:#fff3d9;padding:15px;border-radius:10px;margin:18px 0;color:#704d0a}.steps li{margin:10px 0}.footer{margin-top:60px;padding:28px clamp(18px,5vw,76px);background:#f7faf8;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.hidden{display:none!important}code{background:#eef4f0;padding:3px 5px;border-radius:5px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{max-width:560px;width:100%;margin:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:repeat(2,1fr)}nav{gap:12px}.topbar{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-main h1{font-size:34px}}@media(max-width:560px){.container{padding:0 17px}.hero h1{font-size:39px}.hero-art{height:280px}.art-card{padding:11px;font-size:11px}.art-one{left:8px;top:28px}.art-two{right:8px;top:125px}.art-three{left:15px;bottom:18px}.service-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{padding:15px}.metric-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-card{margin:30px auto;padding:25px 20px}.footer{flex-direction:column}.booking-actions{align-items:stretch}.booking-actions>*{max-width:100%}.stats{grid-template-columns:1fr}.searchbar{flex-direction:column}.searchbar input{padding:10px}.detail-grid{padding:35px 0}}

/* Connectszo premium blue-white app layer */
:root{--blue:#1456d9;--blue-dark:#0c327e;--blue-soft:#edf4ff;--line:#e3eaf5;--shadow:0 18px 48px rgba(18,55,116,.09)}
body{background:#f7f9fd;color:var(--ink);padding-bottom:env(safe-area-inset-bottom)}.container{background:transparent}.topbar{min-height:76px;padding:12px clamp(16px,4vw,56px);background:rgba(255,255,255,.96);border-bottom:1px solid #e7edf7;box-shadow:0 4px 24px rgba(20,48,93,.035);backdrop-filter:blur(16px)}.brand{gap:11px}.brandmark{background:linear-gradient(145deg,#3478f6,#1044b7);border-radius:14px;box-shadow:0 8px 18px #1456d92e}.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:12px}.brand small{letter-spacing:.2px}.main-nav{gap:clamp(10px,1.6vw,22px)}nav a{color:#53627b}nav a.navcta,.btn-primary{background:linear-gradient(135deg,#286cf0,#1046bd);box-shadow:0 7px 18px rgba(20,86,217,.17);color:white}.navcta{border-radius:12px!important}.container{max-width:1240px}.hero{padding-top:58px}.hero-art{background:linear-gradient(135deg,#eaf2ff,#f9fbff);border:1px solid #e4edff;border-radius:28px}.art-circle{background:#c8dcff;box-shadow:0 0 0 25px #ffffff80,0 0 0 55px #ffffff50}.art-card{border-color:#e9eff9;box-shadow:0 15px 35px #183c7714}.category-tile,.service-card,.panel,.metric,.booking-card,.auth-card{border-color:#e5ebf5;box-shadow:0 8px 28px rgba(23,55,106,.035)}.category-tile:hover{border-color:#b8cdf7}.service-icon{background:linear-gradient(120deg,#eaf2ff,#f7faff)}.eyebrow{color:#1456d9}.btn{border-radius:12px;min-height:42px}.btn-outline{border-color:#dce5f4}.metric{background:linear-gradient(145deg,#fff,#f8faff)}.metric strong{color:#163d8f}.badge.info{background:#e5efff;color:#1456b7}.flash{background:#eaf7ef;color:#176a3b;border:1px solid #d4efdf}.footer{background:#fff;border-top:1px solid #e8edf5;margin-top:45px}.profile-nav{display:inline-flex;align-items:center;gap:8px!important;color:#263b60!important;font-size:12px}.profile-nav img,.profile-nav>span{width:31px;height:31px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#e8efff;color:#1456d9;font-weight:800}.profile-heading{display:flex;align-items:center;gap:20px;margin:10px 0 28px}.profile-heading h1{font-size:clamp(28px,4vw,40px);margin:0}.avatar-large{width:92px;height:92px;flex:0 0 92px;border-radius:28px;background:#eaf1ff;overflow:hidden;display:grid;place-items:center;color:#1456d9;font-size:36px;font-weight:800}.avatar-large img{width:100%;height:100%;object-fit:cover}.upload-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upload-row input{flex:1;min-width:210px}.logo-settings{max-width:620px}.logo-preview{min-height:145px;background:#f5f8ff;border:1px dashed #ccd8ec;border-radius:16px;margin:15px 0 22px;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px}.logo-preview img{max-width:240px;max-height:100px;object-fit:contain}.logo-placeholder span{width:54px;height:54px;border-radius:16px;background:#1456d9;color:white;display:grid;place-items:center;font-size:28px;font-weight:800}.mobile-dock{display:none}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(155deg,#fff,#edf4ff);transition:opacity .35s ease,visibility .35s ease}.splash-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-logo{width:86px;height:86px;border-radius:28px;background:linear-gradient(145deg,#3478f6,#1044b7);display:grid;place-items:center;color:#fff;font-size:48px;font-weight:800;box-shadow:0 18px 40px #1456d933;margin-bottom:18px;overflow:hidden}.splash-logo img{width:100%;height:100%;object-fit:contain;background:white}.splash-screen strong{font:800 26px Manrope,sans-serif;color:#14233f}.splash-screen>small{color:#73819a;margin-top:5px}.splash-loader{height:3px;width:92px;background:#dbe7ff;border-radius:9px;overflow:hidden;margin-top:25px}.splash-loader i{display:block;height:100%;width:45%;background:#1456d9;border-radius:9px;animation:splashMove 1s ease-in-out infinite alternate}@keyframes splashMove{from{transform:translateX(-10%)}to{transform:translateX(140%)}}
@media(max-width:760px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;min-height:65px;padding:10px 15px;align-items:center;flex-direction:row;gap:8px}.brand{font-size:17px}.brandmark,.brand-logo{width:38px;height:38px}.brand small{font-size:10px}.main-nav{justify-content:flex-end;gap:8px;font-size:11px}.main-nav>a:not(.navcta),.main-nav .logout-form,.main-nav .profile-nav b{display:none}.main-nav .profile-nav{display:inline-flex}.main-nav .profile-nav img,.main-nav .profile-nav>span{width:34px;height:34px}.main-nav .navcta{padding:9px 12px;font-size:11px}.container{padding:0 16px;min-height:72vh}.hero{padding:34px 0 24px;min-height:unset;gap:20px}.hero h1{font-size:clamp(34px,9vw,44px)}.hero-copy>p,.lead{font-size:15px}.hero-art{height:245px;border-radius:23px}.art-circle{width:180px;height:180px;left:calc(50% - 90px);top:30px}.art-card{padding:10px 12px;font-size:10px;border-radius:12px}.art-one{top:18px;left:10px}.art-two{right:9px;top:105px}.art-three{left:12px;bottom:12px}.searchbar{flex-wrap:wrap}.searchbar input{flex-basis:100%}.searchbar button{width:100%}.section{padding:28px 0}.section-head{align-items:start;flex-direction:column}.category-grid{gap:9px}.category-tile{padding:14px;border-radius:14px}.category-tile span{font-size:24px}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{display:grid;grid-template-columns:84px 1fr}.service-icon{height:100%;min-height:150px;font-size:28px}.service-content{padding:15px}.service-content h3{font-size:16px}.service-content p{min-height:0;font-size:12px}.card-foot{align-items:flex-start;flex-direction:column;gap:3px}.service-content .btn{font-size:12px;padding:9px}.metric-grid{gap:9px}.metric{padding:15px}.metric strong{font-size:22px}.panel,.auth-card{padding:20px;border-radius:17px}.auth-card{margin:30px auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.booking-card{padding:15px}.booking-actions{align-items:stretch}.booking-actions .btn,.booking-actions form{width:100%}.booking-actions form select{max-width:none;width:100%}.footer{display:none}.mobile-dock{display:flex;position:fixed;z-index:100;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:58px;justify-content:space-around;align-items:center;background:rgba(255,255,255,.96);border:1px solid #e1e9f7;border-radius:19px;box-shadow:0 10px 35px rgba(17,45,97,.16);backdrop-filter:blur(16px);padding:5px}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:55px;color:#60708a;font-size:19px;font-weight:700;text-decoration:none}.mobile-dock a small{font-size:9px;font-weight:700}.mobile-dock a:active,.mobile-dock a:hover{color:#1456d9}.profile-heading{gap:13px}.avatar-large{width:72px;height:72px;flex-basis:72px;border-radius:23px}.profile-heading h1{font-size:28px}.upload-row{align-items:stretch;flex-direction:column}.upload-row input{min-width:0}.table-wrap{border-radius:10px}.page-head h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}