@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:#112e36;--deep:#07333d;--deep2:#0a4149;--accent:#d5f5a6;--sea:#1b7774;--teal:#387e80;--muted:#698087;--line:#dce8e7;--bg:#f6faf9;--white:#fff;--shadow:0 14px 50px rgba(9,57,67,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}em{font-style:normal;color:#a7d9c8}h1,h2,h3,strong{font-family:Manrope,Arial,sans-serif}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.75}small{font-size:12px} .site-container{max-width:1200px;margin:0 auto;padding:0 28px} .page-shell{min-height:100vh;overflow:hidden}
.site-header{height:88px;background:#fff;border-bottom:1px solid #e8efed;position:relative;z-index:5}.nav-wrap{height:100%;display:flex;align-items:center;gap:40px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{height:44px;width:44px;border-radius:14px;background:#0b5258;color:#d6f5a4;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:700;overflow:hidden}.brand-mark img{height:100%;width:100%;object-fit:contain;background:#fff}.brand strong{font-size:15px;display:block;font-weight:800;letter-spacing:-.04em}.brand small{font-size:9px;letter-spacing:.15em;font-weight:800;color:#69878b}.nav-links{display:flex;align-items:center;gap:30px;color:#3d585f;font-size:13px;font-weight:700}.nav-links a:hover{color:#188b84}.nav-cta{display:flex;align-items:center;gap:16px;border:1px solid #d9e7e5;padding:13px 18px;border-radius:100px;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta span{background:#0d535b;color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:13px;border:0;padding:15px 22px;font-weight:800;font-size:13px;line-height:1.3;transition:.2s ease;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(8,45,55,.12)}.btn span{font-size:19px;font-weight:400}.btn-bright{background:var(--accent);color:#12343d}.btn-dark{background:#0a3f4a;color:#fff}.btn-outline-light{border:1px solid #8eb5b6;color:#fff;background:transparent}.btn-soft{background:#ecf7f4;color:#0b5458;border:1px solid #d7e8e3}.btn-danger{background:#fff1f0;color:#ad3d38;border:1px solid #f6ceca}.btn-full{width:100%;justify-content:space-between}
.hero{background:linear-gradient(126deg,#07323b 2%,#0a4c53 100%);color:white;min-height:595px;position:relative;overflow:hidden}.hero-orbit{position:absolute;border:1px solid rgba(201,240,233,.13);border-radius:50%;width:590px;height:590px;pointer-events:none}.hero-orbit-1{left:-270px;bottom:-415px}.hero-orbit-2{right:-160px;top:-240px;width:690px;height:690px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px;padding-top:72px;padding-bottom:50px;position:relative}.eyebrow,.kicker,.small-eyebrow,.mini-label{font-size:11px;letter-spacing:.16em;font-weight:800;color:#12867d}.eyebrow{color:#d3f4a4;display:flex;align-items:center;gap:9px}.live-dot{height:8px;width:8px;border-radius:50%;background:#d5f3a3;box-shadow:0 0 0 4px rgba(203,235,158,.15)}.hero h1{font-size:clamp(48px,5.1vw,72px);line-height:1.15;font-weight:800;letter-spacing:-.075em;margin:24px 0}.hero h1 em{color:#c6eaa1}.hero-lead{max-width:510px;font-size:16px;line-height:1.95;color:#bfd4d6}.hero-lead strong{color:white;font-family:inherit}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:28px;flex-wrap:wrap}.hero-foot{border-top:1px solid #4b757a;margin-top:57px;padding-top:24px;display:flex;gap:13px;align-items:center}.mini-avatars{border:1px solid #507f83;border-radius:13px;width:38px;height:38px;display:grid;place-items:center;color:#d7f5a4}.hero-foot strong{display:block;font-size:12px}.hero-foot span{display:block;font-size:11px;color:#b9d0d1;margin-top:3px}.hero-visual{position:relative;max-width:450px;margin:0 auto;width:100%}.photo-wrap{height:490px;position:relative;border-radius:230px 230px 32px 32px;background:#9bc8c9;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.2)}.hero-doctor{object-fit:cover;object-position:center top;width:100%;height:100%;border-radius:225px 225px 25px 25px;background:#c8e2e2}.photo-label{position:absolute;bottom:30px;right:-26px;background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.17);padding:13px 18px;min-width:245px;color:#163a40;display:flex;align-items:center;gap:13px}.photo-icon{height:43px;width:43px;background:#e9f6ee;color:#219684;display:grid;place-items:center;border-radius:13px;font-size:25px}.photo-label small{display:block;color:#668187;font-weight:700;font-size:9px;letter-spacing:.09em}.photo-label strong{font-size:15px;display:block}.floating-note{position:absolute;top:60px;left:-55px;background:#eff8f2;color:#0c4c51;display:flex;gap:12px;align-items:center;padding:16px;border-radius:17px;box-shadow:var(--shadow)}.floating-note>span{height:35px;width:35px;display:grid;place-items:center;background:#d9eee6;border-radius:50%;color:#428b71}.floating-note b{display:block;font-size:12px}.floating-note small{color:#748787}
.trust-strip{background:#e8f4ef;border-bottom:1px solid #d9e8e2}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:22px;padding-bottom:22px}.trust-grid>div{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;color:#32565a}.trust-icon{font-size:23px;color:#23917f;font-weight:700}.section{padding:104px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.about-art{background:#d7eae5;border-radius:34px 130px 34px 34px;padding:35px;min-height:485px;display:flex;align-items:center}.about-card{background:#0b424b;color:white;border-radius:25px;padding:39px;box-shadow:0 25px 35px rgba(19,81,87,.18);margin-left:15px;margin-right:-42px}.small-eyebrow{color:#c9f4a4}.about-card h2{font-size:36px;line-height:1.25;margin:20px 0}.about-card p{font-size:14px;color:#b6d5d6}.doctor-sign{border-top:1px solid #3d7077;padding-top:25px;margin-top:32px}.doctor-sign strong{font-size:19px;display:block}.doctor-sign small{display:block;color:#c4dadd;margin-top:5px}.about-content h2,.section-heading h2{font-size:clamp(36px,3.3vw,49px);line-height:1.22;margin:14px 0 22px}.about-content h2 em,.section-heading em{color:#4c9990}.about-content>p,.section-heading>p{color:#6b8186;font-size:15px}.about-points{margin-top:28px}.about-points>div{display:flex;gap:20px;border-top:1px solid #dfe9e8;padding:19px 0}.about-points>div>span{color:#3b9f95;font-weight:800;font-size:12px}.about-points strong{font-size:15px}.about-points p{color:#7f9499;margin:5px 0 0;font-size:13px}.service-section{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{min-height:283px;background:#f5faf8;border:1px solid #e4efeb;border-radius:22px;padding:32px;display:flex;flex-direction:column}.service-card:nth-child(2){background:#e2f3e9}.service-icon{width:55px;height:55px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:26px;color:#118078}.service-card h3{font-size:20px;margin:25px 0 8px}.service-card p{font-size:13px;color:#7a9294;margin:0}.service-card>span{margin-top:auto;padding-top:28px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#568e88}
.booking-section{background:linear-gradient(125deg,#08424b,#0a303b);padding:88px 0 100px}.booking-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.booking-side{color:white;padding-top:34px}.kicker.light{color:#c6eba7}.booking-side h2{font-size:53px;line-height:1.18;margin:19px 0 24px}.booking-side>p{color:#c1d9d8;font-size:15px}.booking-info{margin-top:49px}.booking-info>div{display:flex;gap:15px;align-items:center;margin:26px 0}.booking-info>div>span{width:49px;height:49px;background:#155964;border:1px solid #39767c;color:#d2efa8;border-radius:13px;display:grid;place-items:center;font-size:24px}.booking-info strong{display:block;font-size:14px}.booking-info small{display:block;color:#b9d3d4;margin-top:5px}.booking-assurance{margin-top:45px;font-size:12px;color:#bdd5d5}.booking-form-card{background:#fff;border-radius:25px;padding:36px;box-shadow:0 25px 60px rgba(1,26,32,.18)}.form-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e9efed;padding-bottom:23px;margin-bottom:25px}.form-header h3{font-size:25px;margin:7px 0}.form-header p{color:#899a9c;font-size:12px;margin:0}.form-header-icon{background:#ecf8ed;padding:13px 17px;border-radius:12px;font-size:24px;color:#1a8b80}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid>.full{grid-column:1/-1}.field{font-size:12px;font-weight:800;color:#3b555a;display:flex;flex-direction:column;gap:9px;min-width:0}.field input,.field textarea,.field select,.inline-controls input{font-weight:500;border:1px solid #dce7e5;border-radius:10px;background:#fbfcfc;padding:13px 14px;width:100%;outline:none;color:#183b42;min-width:0;transition:.15s}.field input:focus,.field textarea:focus,.field select:focus,.inline-controls input:focus{border-color:#3b9e92;box-shadow:0 0 0 3px #def3ef}.field textarea{resize:vertical}.field small{color:#718689;font-weight:500}.check-row{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#5e777a;line-height:1.7;margin:22px 0 12px}.check-row input{accent-color:#116c6f;width:17px;height:17px;margin-top:2px;flex-shrink:0}.policy-note{font-size:11px;color:#899a9d;margin:0 0 22px;line-height:1.7}.otp-box{background:#f0f8f4;padding:15px;border:1px solid #daeee4;border-radius:12px}.otp-box strong{font-size:13px}.otp-box p{margin:5px 0;font-size:11px}.otp-row{display:flex;gap:8px;align-items:center;margin:10px 0}.otp-row input{width:115px;padding:12px;border:1px solid #cddfd7;border-radius:8px}.otp-row .btn{padding:12px;font-size:11px}.otp-box small{color:#557b73}.help-note{color:#647e80;background:#edf7f4;border:1px solid #e1eee9;padding:12px;border-radius:9px;font-size:11px;line-height:1.6;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps-grid>div{border-top:2px solid #d9ebe5;padding-top:25px}.step-number{font-size:28px;color:#48a098;font-weight:800}.steps-grid h3{font-size:20px;margin:17px 0 8px}.steps-grid p{color:#769095;font-size:14px;margin:0}.site-footer{background:#052c35;color:white;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-grid strong{display:block;font-size:14px}.footer-grid p{color:#b5cccd;font-size:12px;line-height:1.7}.footer-bottom{text-align:center;border-top:1px solid #28515a;padding:24px 20px;margin:45px 0 0;font-size:10px;color:#afc7c8}
.alert{padding:14px 16px;border-radius:11px;margin:16px 0;font-size:13px;font-weight:600}.alert-error{background:#fff0ed;color:#a94836;border:1px solid #f4cfc8}.alert-ok{background:#eaf8f0;color:#146e4f;border:1px solid #cae9d7}
.document-page{background:#f1f6f5;padding:48px 0 90px}.slim-container{max-width:950px}.document-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#3c6770;font-size:13px;font-weight:800}.paper{background:#fff;border-radius:19px;border:1px solid #e2ece9;box-shadow:var(--shadow);padding:42px 50px}.paper-top{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid #e6efed;padding-bottom:24px}.paper-top h1{font-size:28px;margin:8px 0}.paper-top p{color:#768b8c;font-size:12px;margin:0 0 5px}.token-card{border:1px dashed #9ebeba;border-radius:13px;background:#f4f9f8;padding:16px 20px;max-width:240px}.token-card small{display:block;color:#6b8589;font-size:10px;font-weight:800;letter-spacing:.08em}.token-card strong{font-size:15px;letter-spacing:.025em;overflow-wrap:anywhere}.status-band{background:#e9f6f1;padding:17px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin:25px 0;gap:20px}.status-band strong{font-size:13px}.status-band strong span{color:#1c8066}.status-band small{font-size:11px;color:#54776e}.paid-band{background:#e4f6e5;color:#24733b}.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;padding:18px 0 30px}.paper-grid>div>small,.patient-summary small{font-size:10px;color:#799093;display:block;font-weight:800;letter-spacing:.08em}.paper-grid>div>strong{font-size:14px;display:block;margin-top:7px;overflow-wrap:anywhere}.paper-note{background:#f6f9f9;border-radius:12px;padding:19px}.paper-note strong{font-size:12px}.paper-note p{font-size:13px;color:#607d81;margin:5px 0}.paper-summary{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8efed;padding:15px 0;font-size:13px}.paper-summary strong{font-size:14px}.validity-box{border-left:3px solid #339d86;background:#f0f8f3;border-radius:0 10px 10px 0;padding:16px;margin-top:24px}.validity-box strong{font-size:13px}.validity-box p{font-size:12px;color:#698582;margin:8px 0 0}.paper-bottom{text-align:center;margin-top:35px;font-size:11px;color:#8ca1a4}.confirm-link{font-size:13px;font-weight:800;color:#0b777b}.payment-card{margin-top:27px;background:#fff;border-radius:20px;padding:35px;box-shadow:var(--shadow)}.payment-card h2{font-size:27px;margin:8px 0}.payment-card p{font-size:13px;color:#647d81}.payment-inner{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:start;margin-top:25px}.qr-holder{width:210px;height:210px;display:grid;place-items:center;border:1px solid #e0ece8;background:#f4faf8;border-radius:15px;padding:12px}.qr-holder img{max-height:100%;object-fit:contain}.qr-placeholder{text-align:center;color:#7a9495;font-size:14px}.utr-form{margin-top:20px;display:flex;flex-direction:column;gap:13px}.receipt-lines{border-top:1px solid #dae9e4;border-bottom:1px solid #dae9e4;margin:0 0 22px}.receipt-lines>div{display:flex;justify-content:space-between;padding:13px 0;font-size:13px}.receipt-lines>div:last-child{font-size:16px;border-top:1px solid #dae9e4}
.login-background{min-height:650px;background:linear-gradient(140deg,#06333f,#176a67);display:grid;place-items:center;padding:65px 22px}.login-card{width:min(450px,100%);background:#fff;padding:39px;border-radius:24px;box-shadow:0 30px 65px rgba(0,0,0,.16)}.login-icon{height:54px;width:54px;background:#e6f6ec;display:grid;place-items:center;border-radius:16px;font-size:28px;color:#15847b;margin-bottom:22px}.login-card h1{font-size:33px;margin:7px 0}.login-card>p{font-size:13px;color:#668187}.login-form{display:flex;flex-direction:column;gap:19px;margin-top:25px}.back-link{display:block;text-align:center;color:#43817e;font-size:12px;font-weight:800;margin-top:25px}
/* Staff operation screens */
.staff-wrapper{min-height:calc(100vh - 88px);display:grid;grid-template-columns:250px minmax(0,1fr);background:#f4f8f7}.staff-sidebar{background:#082f3a;color:#d5e6e5;display:flex;flex-direction:column;padding:28px 17px;min-width:0}.sidebar-head{display:flex;gap:12px;align-items:center;padding:6px 10px 32px}.side-logo{background:#d8f2ac;border-radius:11px;padding:9px;color:#0b4651;font-size:20px}.sidebar-head strong{font-size:13px;letter-spacing:.1em}.sidebar-head small{font-size:9px;letter-spacing:.1em;color:#9db7b7;display:block}.side-caption{letter-spacing:.14em;font-size:9px;color:#71969c;padding:18px 15px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;gap:13px;align-items:center;padding:13px 14px;border-radius:10px;font-weight:700;font-size:12px;color:#b3c9c8}.side-nav a span{width:22px;color:#8dc1b9;font-size:17px}.side-nav a:hover,.side-nav a.active{background:#164a54;color:white}.side-bottom{margin-top:auto;border-top:1px solid #23535b;padding:24px 11px 0}.side-bottom>a{font-size:12px;color:#cfeca4;font-weight:800}.side-user{display:flex;gap:10px;align-items:center;margin-bottom:25px}.side-user>span{border:1px solid #47757d;background:#1f5760;border-radius:11px;width:37px;height:37px;display:grid;place-items:center}.side-user strong{font-size:11px;display:block}.side-user small{color:#a8c3c4}.staff-main{min-width:0;padding:37px 45px 85px}.staff-topbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.staff-topbar small{font-size:10px;letter-spacing:.11em;color:#7e9899;font-weight:800}.staff-topbar h1{font-size:32px;margin:6px 0 0}.staff-meta{display:flex;gap:20px;align-items:center;font-size:11px;font-weight:700;color:#617d80}.staff-meta a{color:#088076}.welcome-panel{background:linear-gradient(100deg,#0b5258,#0b343e);border-radius:19px;color:white;padding:32px 39px;display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome-panel h2{font-size:29px;margin:10px 0}.welcome-panel p{color:#c4d9d8;font-size:13px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:23px 0}.metric{padding:26px 23px;border-radius:16px;background:#fff;border:1px solid #e3edeb;min-width:0}.metric small{color:#80989b;letter-spacing:.09em;font-size:10px;font-weight:800}.metric strong{display:block;font-size:clamp(20px,2vw,29px);letter-spacing:-.045em;margin:9px 0;overflow-wrap:anywhere}.metric span{font-size:11px;color:#84a09f}.panel-two{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.panel-card{background:#fff;border:1px solid #e2ecea;border-radius:17px;padding:25px 27px;margin:0 0 23px;box-shadow:0 8px 22px rgba(3,41,49,.028)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.panel-heading h2{font-size:18px;margin:0}.panel-heading a{font-size:12px;font-weight:800;color:#14887e}.panel-heading small{color:#6c8b8b}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:560px}.data-table th{font-size:10px;letter-spacing:.07em;color:#789395;text-transform:uppercase;border-bottom:1px solid #e3eceb;padding:12px}.data-table td{font-size:12px;border-bottom:1px solid #eef3f2;padding:14px 12px;vertical-align:top;color:#415b61;line-height:1.5}.data-table td strong{font-weight:800;color:#24464c}.data-table td small{display:block;color:#8ba0a0;margin-top:4px}.data-table a{color:#188078;font-weight:800}.empty-cell{text-align:center;color:#849a9c!important;padding:25px!important}.mono{font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.pill{display:inline-block;border-radius:22px;padding:5px 10px;font-size:10px;font-weight:800;background:#f0f3f2;color:#647574}.status-confirmed,.status-completed{background:#e5f6ea;color:#277e54}.status-pending{background:#fff4de;color:#916d20}.status-cancelled{background:#ffeeee;color:#b74e4e}.table-actions{display:flex;gap:12px;flex-wrap:wrap;white-space:nowrap}.row-details{margin-top:12px;min-width:170px}.row-details>summary{font-size:11px;font-weight:800;color:#0d827d;cursor:pointer}.inline-controls{display:flex;align-items:end;flex-wrap:wrap;gap:9px;margin-top:12px}.inline-controls .btn{padding:9px 11px;font-size:10px}.inline-controls label{font-size:11px}.inline-controls input{font-size:11px;padding:9px}.filter-row{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.filter-row>.field{min-width:170px}.filter-row .btn{padding:13px 20px}.clear-link{font-size:12px;font-weight:800;color:#237e79;padding:13px}.action-details{border:1px dashed #b6d4ce}.action-details>summary{font-weight:800;font-size:14px;color:#14786d;cursor:pointer;margin-bottom:15px}.action-details .form-grid{padding-top:15px}.action-details .btn{justify-self:start}.table-footnote{color:#849a9a;font-size:11px;margin-top:17px}.settings-heading{font-size:17px;border-top:1px solid #e5eeec;padding-top:27px;margin:30px 0 20px}.settings-heading:first-of-type{border:0;padding:0}.settings-heading+.form-grid{margin-bottom:20px}.staff-main .form-grid .btn{justify-self:start}.patient-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f1f8f6;border-radius:13px;padding:19px;margin:10px 0 22px}.patient-summary strong{display:block;font-size:14px;margin-top:6px}.patient-summary span{display:block;color:#77908e;font-size:12px;margin-top:5px}
@media(max-width:1100px){.nav-links{gap:15px}.nav-cta{display:none}.booking-grid{gap:35px}.about-grid{gap:60px}.staff-main{padding:30px 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.panel-two{grid-template-columns:1fr}}
@media(max-width:800px){.site-container{padding:0 20px}.site-header{height:73px}.nav-wrap{gap:10px}.brand{min-width:auto}.brand strong{font-size:13px}.nav-links{gap:10px}.nav-links a{font-size:11px}.nav-links a:nth-child(2),.nav-links a:nth-child(3){display:none}.hero-grid,.about-grid,.booking-grid{grid-template-columns:1fr}.hero-grid{padding-top:50px;gap:48px}.hero h1{font-size:55px}.hero-visual{max-width:400px}.photo-wrap{height:420px}.floating-note{left:-8px}.about-grid{gap:40px}.about-art{min-height:0}.about-card{margin:0}.booking-side{padding-top:0}.booking-side h2{font-size:42px}.trust-grid{grid-template-columns:repeat(2,1fr)}.section{padding:70px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:210px}.footer-grid{grid-template-columns:repeat(2,1fr)}.staff-wrapper{grid-template-columns:1fr}.staff-sidebar{padding:10px;display:block}.sidebar-head,.side-caption,.side-bottom{display:none}.side-nav{flex-direction:row;overflow:auto}.side-nav a{white-space:nowrap;font-size:11px;padding:9px 12px}.staff-main{padding:24px 16px}.staff-topbar{align-items:start}.staff-meta{flex-direction:column;align-items:end;gap:3px}}
@media(max-width:520px){.site-container{padding:0 17px}.brand-mark{width:38px;height:38px}.brand strong{font-size:11px}.brand small{font-size:7px}.nav-links a:nth-child(1){display:none}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-foot{margin-top:35px}.photo-wrap{height:390px}.photo-label{right:-3px;min-width:0;padding:11px}.floating-note{top:17px;padding:11px}.trust-grid{gap:13px}.trust-grid>div{font-size:10px}.about-art{padding:15px;border-radius:25px 75px 25px 25px}.about-card{padding:25px}.about-card h2{font-size:29px}.about-content h2,.section-heading h2{font-size:33px}.section-heading{display:block}.booking-section{padding:55px 0}.booking-grid{gap:25px}.booking-form-card{padding:22px 16px}.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:1}.otp-row{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr;gap:15px}.paper{padding:22px 16px}.paper-top{flex-direction:column}.token-card{max-width:100%}.paper-grid{gap:20px}.paper-grid>div>strong{font-size:12px}.status-band{flex-direction:column;align-items:start}.payment-card{padding:22px 16px}.payment-inner{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:20px}.login-card{padding:30px 20px}.staff-topbar h1{font-size:25px}.staff-meta span{display:none}.metric{padding:17px}.metric strong{font-size:21px}.welcome-panel{display:block;padding:25px}.welcome-panel .btn{margin-top:15px}.panel-card{padding:20px 14px}.patient-summary{grid-template-columns:1fr}}
@media print{@page{size:A4;margin:12mm}body{background:white!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.site-header,.site-footer,.no-print,.staff-sidebar{display:none!important}.document-page{padding:0!important;background:white!important}.paper{border:0!important;box-shadow:none!important;padding:0!important}.site-container{padding:0!important;max-width:none!important}.paper-top{padding-bottom:15px}.paper-grid{padding:15px 0}.validity-box{page-break-inside:avoid}.document-page .site-container{width:100%!important}}

.honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}