.dashboard-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:22px 24px 85px}.dashboard-topbar{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:18px;display:flex}.dashboard-topbar h1{color:#17233d;margin:0;font-size:22px;font-weight:700;line-height:30px}.dashboard-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.message-button,.appointment-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.message-button{color:#52627a;background:#fff;border:1px solid #dfe7ee}.appointment-button{color:#fff;background:#1f93ec;border:1px solid #0000;box-shadow:0 5px 14px #178fe829}.message-button:hover,.appointment-button:hover{transform:translateY(-1px)}.message-button:hover{background:#f5f9fc}.appointment-button:hover{box-shadow:0 7px 18px #178fe838}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:18px;width:100%;display:grid}.dashboard-card{box-sizing:border-box;background:#fff;border:1px solid #e5ebf0;border-radius:15px;min-width:0;position:relative;box-shadow:0 3px 12px #1e37500b}.welcome-card{background:linear-gradient(135deg,#f9fdff 0%,#fff 70%);align-items:center;gap:18px;min-height:165px;padding:22px;display:flex;overflow:hidden}.welcome-icon{color:#178fe8;background:#eaf8fa;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.welcome-content{z-index:2;min-width:0;position:relative}.welcome-content h2{color:#17233d;margin:0 0 7px;font-size:18px;font-weight:700}.welcome-decoration{opacity:.55;align-items:center;gap:14px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.heart-pulse{color:#178fe8;font-size:58px;line-height:1}.plant{color:#78aeb5;font-size:48px;line-height:1}.health-matters-card{background:linear-gradient(135deg,#fff,#f8fcfd);align-items:center;gap:18px;min-height:150px;padding:22px;display:flex;overflow:hidden}.health-icon{color:#178fe8;background:#edf6ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.health-content{z-index:2;min-width:0;position:relative}.health-content h3{color:#17233d;margin:0 0 7px;font-size:15px;font-weight:700}.health-decoration{color:#dceef5;font-size:90px;font-weight:200;line-height:1;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.appointment-card{flex-direction:column;min-width:0;height:100%;min-height:333px;padding:20px;display:flex}.appointment-card>h3{color:#17233d;text-align:left;flex-shrink:0;margin:0;font-size:15px;font-weight:700;line-height:22px}.appointment-empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:15px 10px;display:flex}.appointment-icon{color:#178fe8;background:#f0f8fb;border:1px solid #dfedf2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:15px;display:flex}.appointment-empty strong{color:#253654;margin:0 0 7px;font-size:14px;font-weight:700;line-height:20px;display:block}.appointment-empty p{color:#7c899a;text-align:center;margin:0;font-size:11px;line-height:18px}.bottom-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-top:18px;display:grid}.empty-card{flex-direction:column;min-height:205px;padding:18px;display:flex}.empty-card h3{color:#17233d;margin:0;font-size:14px;font-weight:700}.empty-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-icon{color:#8a9aac;background:#f5f8fa;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:12px;display:flex}.empty-content strong{color:#35445c;margin:0 0 6px;font-size:12px;font-weight:650}.empty-content p{color:#8b97a6;max-width:230px;margin:0;font-size:10px;line-height:16px}@media (width<=1200px){.dashboard-page{padding-left:18px;padding-right:18px}.dashboard-grid,.dashboard-left,.bottom-cards{gap:15px}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.appointment-card{height:auto;min-height:280px}.bottom-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-page{padding:16px 12px 90px}.dashboard-topbar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:15px}.dashboard-topbar h1{font-size:18px;line-height:25px}.dashboard-actions,.appointment-button{width:100%}.dashboard-grid{grid-template-columns:1fr;gap:14px}.dashboard-left{gap:14px}.welcome-card,.health-matters-card{gap:13px;min-height:145px;padding:17px}.welcome-icon{border-radius:14px;width:52px;height:52px}.health-icon{border-radius:14px;width:50px;height:50px}.welcome-content h2{font-size:16px}.welcome-content p,.health-content p{font-size:9px;line-height:15px}.health-content h3{font-size:13px}.welcome-decoration,.health-decoration{display:none}.appointment-card{min-height:270px;padding:16px}.appointment-card>h3{font-size:14px}.appointment-empty{min-height:195px;padding:10px}.appointment-icon{width:62px;height:62px;margin-bottom:12px}.appointment-empty strong{font-size:13px}.appointment-empty p{font-size:10px;line-height:16px}.bottom-cards{grid-template-columns:1fr;gap:14px;margin-top:14px}.empty-card{min-height:190px;padding:16px}}@media (width<=420px){.dashboard-page{padding-left:10px;padding-right:10px}.dashboard-topbar h1{font-size:17px}.welcome-card,.health-matters-card{min-height:135px;padding:14px}.welcome-icon{width:47px;height:47px}.health-icon{width:45px;height:45px}}.dashboard-page .welcome-icon,.dashboard-page .health-icon,.dashboard-page .appointment-icon{color:#178fe8}.dashboard-page .dashboard-left{flex-direction:column;gap:18px;display:flex}.dashboard-page .women-care-suggestion{background:linear-gradient(135deg,#f7fcff 0%,#fbf9ff 100%);border:1px solid #dcecf5;border-radius:15px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #1e37500a}.dashboard-page .women-care-icon{color:#178fe8;background:#eaf6fc;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-page .women-care-content{flex:1;min-width:0}.dashboard-page .suggestion-label{color:#178fe8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.dashboard-page .women-care-content h3{color:#263554;margin:0;font-size:14px;font-weight:700;line-height:1.35}.dashboard-page .women-care-content p{color:#687791;margin:5px 0 8px;font-size:10px;line-height:1.55}.dashboard-page .suggestion-points{flex-wrap:wrap;gap:6px;display:flex}.dashboard-page .suggestion-points span{color:#607089;background:#fff;border:1px solid #e5edf3;border-radius:5px;padding:4px 7px;font-size:8px}.dashboard-page .suggestion-action{color:#fff;background:#178fe8;border-radius:7px;flex:none;padding:8px 11px;font-size:9px;font-weight:700}.dashboard-page .populated-appointment-card{flex-direction:column;display:flex}.dashboard-page .section-heading-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.dashboard-page .section-heading-row h3{margin:0}.dashboard-page .section-subtitle{color:#8a96aa;margin-top:3px;font-size:9px;display:block}.dashboard-page .appointment-status{color:#2b9b59;background:#eaf8ef;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:700}.dashboard-page .appointment-main{align-items:center;gap:10px;margin-top:16px;display:flex}.dashboard-page .appointment-doctor-avatar{color:#178fe8;background:#eef7fc;border-radius:12px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.dashboard-page .appointment-doctor-info{min-width:0}.dashboard-page .appointment-doctor-info strong,.dashboard-page .appointment-doctor-info span,.dashboard-page .appointment-doctor-info small{display:block}.dashboard-page .appointment-doctor-info strong{color:#283654;font-size:12px}.dashboard-page .appointment-doctor-info span{color:#178fe8;margin-top:3px;font-size:9px;font-weight:600}.dashboard-page .appointment-doctor-info small{color:#7b879a;margin-top:3px;font-size:8px}.dashboard-page .appointment-info-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.dashboard-page .appointment-info-grid>div{background:#fbfcfd;border:1px solid #e8edf3;border-radius:8px;padding:9px 7px}.dashboard-page .appointment-info-grid svg{color:#178fe8;margin-bottom:4px}.dashboard-page .appointment-info-grid span,.dashboard-page .appointment-info-grid strong{display:block}.dashboard-page .appointment-info-grid span{color:#8a95a8;font-size:7px}.dashboard-page .appointment-info-grid strong{color:#33415e;margin-top:2px;font-size:8px;line-height:1.3}.dashboard-page .appointment-view-button{color:#fff;cursor:pointer;background:#178fe8;border:0;border-radius:7px;width:100%;margin-top:auto;padding:9px 10px;font-family:inherit;font-size:9px;font-weight:700}.dashboard-page .dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.dashboard-page .summary-card{min-width:0;padding:14px}.dashboard-page .summary-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dashboard-page .summary-card-header h3{margin:0}.dashboard-page .summary-card-icon{color:#178fe8;background:#eef7fc;border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dashboard-page .summary-main-value{color:#263554;font-size:21px;font-weight:700}.dashboard-page .summary-meta{color:#8792a5;justify-content:space-between;gap:6px;margin-top:5px;font-size:8px;display:flex}.dashboard-page .summary-status-row{color:#7d899c;justify-content:space-between;align-items:center;gap:6px;margin-top:12px;font-size:8px;display:flex}.dashboard-page .status-pill{border-radius:5px;padding:4px 7px;font-weight:700}.dashboard-page .status-pill.paid{color:#29965a;background:#eaf8ef}.dashboard-page .activity-list{flex-direction:column;gap:9px;display:flex}.dashboard-page .activity-item{align-items:center;gap:8px;display:flex}.dashboard-page .activity-item-icon{color:#178fe8;background:#f3f7fb;border-radius:7px;flex:0 0 27px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.dashboard-page .activity-item strong,.dashboard-page .activity-item span{display:block}.dashboard-page .activity-item strong{color:#46536e;font-size:8px}.dashboard-page .activity-item span{color:#9099aa;margin-top:2px;font-size:7px}.dashboard-page .health-summary-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.dashboard-page .health-summary-grid>div{text-align:center;background:#f8fafc;border-radius:7px;padding:7px 3px}.dashboard-page .health-summary-grid strong,.dashboard-page .health-summary-grid span{display:block}.dashboard-page .health-summary-grid strong{color:#263554;font-size:14px}.dashboard-page .health-summary-grid span{color:#8a95a8;margin-top:2px;font-size:7px}.dashboard-page .health-summary-note{color:#6f7d92;align-items:center;gap:5px;margin-top:10px;font-size:7px;display:flex}.dashboard-page .wellness-row{align-items:center;gap:8px;margin-bottom:9px;display:flex}.dashboard-page .wellness-row:last-child{margin-bottom:0}.dashboard-page .wellness-icon{color:#4d9b6b;background:#f4f8f5;border-radius:7px;flex:0 0 27px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.dashboard-page .wellness-row strong,.dashboard-page .wellness-row span{display:block}.dashboard-page .wellness-row strong{color:#46536e;font-size:8px}.dashboard-page .wellness-row span{color:#8a95a8;margin-top:2px;font-size:7px;line-height:1.35}@media (width<=1100px){.dashboard-page .dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.dashboard-page .women-care-suggestion{align-items:flex-start}.dashboard-page .suggestion-action{display:none}.dashboard-page .appointment-info-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-page .dashboard-summary-grid{grid-template-columns:1fr}}.dashboard-page .welcome-mini-stats{flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;display:flex}.dashboard-page .welcome-mini-stats span{color:#5d6c82;box-sizing:border-box;background:#f8fbfd;border:1px solid #e4ebf2;border-radius:7px;align-items:center;gap:5px;min-height:25px;padding:0 8px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.dashboard-page .welcome-mini-stats svg{color:#178fe8;flex-shrink:0}.dashboard-page .welcome-mini-stats span:first-child svg{color:#2b9b59}.dashboard-page .populated-appointment-card{box-sizing:border-box;background:#fff;border:1px solid #e5ebf0;border-radius:15px;height:100%;min-height:100%;padding:22px;box-shadow:0 3px 12px #1e37500b}.dashboard-page .populated-appointment-card .section-heading-row{border-bottom:1px solid #eef2f5;align-items:flex-start;min-height:38px;padding-bottom:12px}.dashboard-page .populated-appointment-card .section-heading-row h3{color:#17233d;font-size:15px;font-weight:700;line-height:21px}.dashboard-page .populated-appointment-card .section-subtitle{color:#7b899b;margin-top:3px;font-size:9px;line-height:14px}.dashboard-page .populated-appointment-card .appointment-status{color:#2b9b59;box-sizing:border-box;background:#f1faf4;border:1px solid #d9efdf;border-radius:7px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:8px;font-weight:700;display:inline-flex}.dashboard-page .populated-appointment-card .appointment-main{background:#f9fbfc;border:1px solid #e8edf3;border-radius:10px;margin-top:16px;padding:13px}.dashboard-page .populated-appointment-card .appointment-doctor-avatar{color:#178fe8;background:#eef7fc;border:1px solid #dcecf8;border-radius:12px;flex:0 0 48px;width:48px;height:48px}.dashboard-page .populated-appointment-card .appointment-doctor-info strong{color:#283654;font-size:12px;line-height:17px}.dashboard-page .populated-appointment-card .appointment-doctor-info span{color:#178fe8;margin-top:3px;font-size:9px;font-weight:600;line-height:14px}.dashboard-page .populated-appointment-card .appointment-doctor-info small{color:#7b879a;margin-top:2px;font-size:8px;line-height:12px}.dashboard-page .populated-appointment-card .appointment-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.dashboard-page .populated-appointment-card .appointment-info-grid>div{box-sizing:border-box;background:#fff;border:1px solid #e5ebf0;border-radius:9px;min-width:0;padding:10px 9px}.dashboard-page .populated-appointment-card .appointment-info-grid svg{color:#178fe8;margin-bottom:5px;display:block}.dashboard-page .populated-appointment-card .appointment-info-grid span{color:#8a95a8;font-size:7px;line-height:11px}.dashboard-page .populated-appointment-card .appointment-info-grid strong{color:#33415e;margin-top:2px;font-size:8px;font-weight:700;line-height:12px}.dashboard-page .populated-appointment-card .appointment-view-button{color:#fff;background:#178fe8;border:1px solid #0000;border-radius:8px;min-height:36px;margin-top:12px;padding:0 12px;font-size:9px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 10px #178fe81f}.dashboard-page .populated-appointment-card .appointment-view-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #178fe82e}@media (width<=800px){.dashboard-page .populated-appointment-card{height:auto;min-height:280px;padding:18px}.dashboard-page .populated-appointment-card .appointment-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.dashboard-page .welcome-mini-stats{gap:6px;margin-top:8px}.dashboard-page .welcome-mini-stats span{min-height:23px;padding:0 7px;font-size:8px}.dashboard-page .populated-appointment-card{min-height:270px;padding:16px}.dashboard-page .populated-appointment-card .section-heading-row{padding-bottom:10px}.dashboard-page .populated-appointment-card .section-heading-row h3{font-size:14px;line-height:19px}.dashboard-page .populated-appointment-card .section-subtitle{font-size:8px}.dashboard-page .populated-appointment-card .appointment-main{margin-top:12px;padding:10px}.dashboard-page .populated-appointment-card .appointment-info-grid{grid-template-columns:1fr;gap:6px;margin-top:9px}.dashboard-page .populated-appointment-card .appointment-info-grid>div{grid-template-columns:20px 1fr auto;align-items:center;column-gap:5px;padding:8px;display:grid}.dashboard-page .populated-appointment-card .appointment-info-grid svg{grid-row:1/span 2;margin:0}.dashboard-page .populated-appointment-card .appointment-info-grid span{font-size:7px}.dashboard-page .populated-appointment-card .appointment-info-grid strong{text-align:right;font-size:8px}}@media (width<=420px){.dashboard-page .welcome-mini-stats{flex-direction:column;align-items:flex-start}.dashboard-page .welcome-mini-stats span{width:fit-content}.dashboard-page .populated-appointment-card{padding:14px}}.chatbot-floating-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#159ca5,#2478d8);border:0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 24px #1c69b440,0 3px 8px #00000014}.chatbot-floating-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1c69b44d,0 4px 10px #0000001a}.chatbot-floating-open{transform:rotate(0)}.chatbot-floating-open:hover{transform:translateY(-2px)}.chatbot-sparkle{color:#2478d8;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:7px;right:7px;box-shadow:0 2px 6px #0000001a}.chatbot-window{background:#fff;border:1px solid #e2e8ef;border-radius:18px;flex-direction:column;width:365px;max-width:calc(100vw - 30px);height:500px;max-height:calc(100vh - 110px);animation:.22s ease-out chatbotDropUp;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden;box-shadow:0 18px 50px #16345229,0 4px 12px #0000000f}@keyframes chatbotDropUp{0%{opacity:0;transform-origin:100% 100%;transform:translateY(18px)scale(.97)}to{opacity:1;transform-origin:100% 100%;transform:translateY(0)scale(1)}}.chatbot-header{background:linear-gradient(135deg,#f5fbff,#fff);border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:68px;padding:12px 14px;display:flex}.chatbot-header-left{align-items:center;gap:10px;display:flex}.chatbot-header-icon{color:#fff;background:linear-gradient(135deg,#159ca5,#2478d8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.chatbot-title{color:#17233d;font-size:14px;font-weight:700;line-height:18px}.chatbot-status{color:#7c899a;align-items:center;gap:5px;margin-top:2px;font-size:10px;display:flex}.chatbot-close{color:#788598;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,color .18s;display:flex}.chatbot-close:hover{color:#17233d;background:#eef4f8}.chatbot-messages{scrollbar-width:thin;background:#fbfcfe;flex:1;min-height:0;padding:16px 13px;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:5px}.chatbot-messages::-webkit-scrollbar-thumb{background:#d8e0e8;border-radius:10px}.chat-message-row{width:100%;margin-bottom:11px;display:flex}.bot-message-row{justify-content:flex-start;align-items:flex-end;gap:7px}.user-message-row{justify-content:flex-end}.message-bot-avatar{color:#2478d8;background:#eaf5ff;border:1px solid #dbeeff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.chat-message{word-break:break-word;max-width:78%;padding:9px 11px;font-size:11px;line-height:17px}.bot-message{color:#42516a;background:#fff;border:1px solid #e5ebf1;border-radius:5px 13px 13px;box-shadow:0 2px 5px #142d4606}.user-message{color:#fff;background:linear-gradient(135deg,#159ca5,#2478d8);border-radius:13px 5px 13px 13px}.chatbot-suggestions{scrollbar-width:none;background:#fff;border-top:1px solid #edf1f5;gap:6px;padding:9px 11px;display:flex;overflow-x:auto}.chatbot-suggestions::-webkit-scrollbar{display:none}.chatbot-suggestions button{color:#3670aa;cursor:pointer;white-space:nowrap;background:#f5faff;border:1px solid #dbe8f3;border-radius:20px;flex-shrink:0;padding:6px 9px;font-size:9px;font-weight:500;transition:background .18s,border-color .18s}.chatbot-suggestions button:hover{background:#eaf5ff;border-color:#bfdcf5}.chatbot-input-area{background:#fff;border-top:1px solid #e8edf2;align-items:center;gap:8px;min-height:58px;padding:9px 10px;display:flex}.chatbot-input-area input{color:#26344d;background:#f9fbfd;border:1px solid #e0e7ee;border-radius:11px;outline:none;flex:1;min-width:0;height:39px;padding:0 12px;font-size:11px;transition:border-color .18s,background .18s}.chatbot-input-area input:focus{background:#fff;border-color:#9bcfe7}.chatbot-input-area input::placeholder{color:#9aa6b5}.chatbot-send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#159ca5,#2478d8);border:0;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;transition:transform .18s,opacity .18s;display:flex}.chatbot-send-button:hover:not(:disabled){transform:translateY(-1px)}.chatbot-send-button:disabled{opacity:.45;cursor:not-allowed}.patient-chatbot{z-index:2000;font-family:inherit;position:fixed;bottom:85px;right:24px}@media (width<=700px){.patient-chatbot{bottom:75px;right:15px}.chatbot-floating-button{width:53px;height:53px}.chatbot-window{border-radius:16px;width:min(350px,100vw - 30px);height:min(490px,100vh - 100px);bottom:64px;right:0}}@media (width<=420px){.patient-chatbot{bottom:70px;right:12px}.chatbot-window{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:min(475px,100vh - 90px);right:-2px}.chatbot-floating-button{width:50px;height:50px}.chatbot-header{min-height:62px}.chatbot-message{font-size:10px}}.notifications-page{background:#f8faff;min-height:calc(100vh - 117px);padding:24px 24px 75px}.notifications-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.notifications-title-group{align-items:center;gap:14px;display:flex}.notifications-title-icon{color:#146cff;background:#eaf3ff;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.notifications-title-group h1{color:#102866;font-size:24px;line-height:29px}.notifications-title-group p{color:#344c78;margin-top:3px;font-size:12px}.notifications-heading-actions{gap:12px;display:flex}.outline-action,.delete-action{background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:11px;font-weight:600;display:flex}.outline-action{color:#146cff;border:1px solid #d7e1f0}.delete-action{color:#e31c23;border:1px solid #d7e1f0;min-width:120px}.notifications-container{background:#fff;border:1px solid #e3eaf4;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #25437808}.notification-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.notification-search{color:#526685;border:1px solid #dbe4f0;border-radius:6px;align-items:center;gap:10px;width:340px;height:34px;padding:0 12px;display:flex}.notification-search input{color:#273b63;border:none;outline:none;width:100%;font-size:11px}.notification-search input::placeholder{color:#7d8ca6}.toolbar-actions{align-items:center;gap:10px;display:flex}.sort-select{border:1px solid #dbe4f0;border-radius:6px;align-items:center;min-width:168px;height:34px;padding-right:10px;display:flex;position:relative}.sort-select select{appearance:none;color:#344c78;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 30px 0 12px;font-size:11px}.sort-select svg{pointer-events:none;position:absolute;right:9px}.filter-button{color:#fff;background:#146cff;border:1px solid #126bff;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 16px;font-size:11px;font-weight:600;display:flex}.filter-button.filter-active{background:#0d5ee5}.notification-table-wrapper{overflow-x:auto}.notification-table{border-collapse:collapse;table-layout:fixed;width:100%}.notification-table th{color:#192d5a;text-align:left;background:#f8faff;border-top:1px solid #e4ebf4;border-bottom:1px solid #e4ebf4;height:40px;font-size:10px;font-weight:700}.notification-table td{color:#263b63;border-bottom:1px solid #e9eef5;height:61px;font-size:10px}.notification-table th:first-child,.notification-table td:first-child{width:45px}.notification-table th:nth-child(2){width:43%}.notification-table th:nth-child(3){width:15%}.notification-table th:nth-child(4){width:14%}.notification-table th:nth-child(5){width:10%}.notification-table th:nth-child(6){width:35px}.check-column{text-align:center!important}.check-column input{accent-color:#146cff;width:14px;height:14px}.notification-info{align-items:center;gap:12px;padding-right:10px;display:flex}.notification-row-icon{border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.notification-row-icon.appointment{color:#1670ff;background:#eaf4ff}.notification-row-icon.billing{color:#0ca56b;background:#e5f8ef}.notification-row-icon.diet{color:#ff8a00;background:#fff2df}.notification-row-icon.report{color:#7845f5;background:#f0eaff}.notification-row-icon.prescription{color:#176fff;background:#eaf3ff}.notification-row-icon.system{color:#f02938;background:#ffe9ec}.notification-info strong{color:#172c5b;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.notification-info p{color:#526685;white-space:nowrap;text-overflow:ellipsis;font-size:9px;line-height:14px;overflow:hidden}.category-badge{border-radius:5px;align-items:center;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.category-badge.appointment{color:#146cff;background:#edf5ff;border:1px solid #cfe2ff}.category-badge.billing{color:#0b9b65;background:#ebfaf3;border:1px solid #c9efdd}.category-badge.diet{color:#ed7900;background:#fff4e6;border:1px solid #ffe0b8}.category-badge.report{color:#7341e8;background:#f3edff;border:1px solid #dfd0ff}.category-badge.prescription{color:#146cff;background:#edf5ff;border:1px solid #cfe2ff}.category-badge.system{color:#e32d37;background:#fff0f1;border:1px solid #ffcfd3}.notification-date{flex-direction:column;gap:3px;display:flex}.notification-date strong{color:#263b63;font-size:9px}.notification-date span{color:#526685;font-size:9px}.status-badge{border-radius:5px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.status-badge.unread{color:#146cff;background:#edf5ff;border:1px solid #cde1ff}.status-badge.read{color:#0a9860;background:#eaf9f2;border:1px solid #c9efdc}.row-menu{color:#152c5e;background:0 0;place-items:center;display:grid}.action-column{text-align:center!important}.notification-empty{text-align:center;color:#93a3be!important;height:300px!important}.notification-empty svg{margin:0 auto 10px;display:block}.notification-empty strong{color:#233961;margin-bottom:5px;display:block}.notification-empty span{font-size:10px}.notification-pagination{color:#4c6183;justify-content:space-between;align-items:center;min-height:57px;padding:0 16px;font-size:10px;display:flex}.pagination-buttons{align-items:center;gap:5px;display:flex}.pagination-buttons button{color:#354d77;background:#fff;border:1px solid #dce5f0;border-radius:6px;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.pagination-buttons button.active{color:#fff;background:#146cff;border-color:#146cff}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.filter-overlay{z-index:300;background:#0d204329;position:fixed;inset:0}.notification-filter-drawer{z-index:301;background:#fff;flex-direction:column;width:365px;height:100vh;padding:24px;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 25px #19335c1f}.filter-drawer-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.filter-drawer-header>div{color:#17306a;align-items:center;gap:10px;display:flex}.filter-drawer-header h2{font-size:17px}.filter-drawer-header button{color:#142d61;background:0 0;width:30px;height:30px;font-size:25px}.filter-section{margin-bottom:25px}.filter-section>label{color:#203662;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.filter-select-wrapper{color:#506789;border:1px solid #d5dfed;border-radius:6px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.filter-select-wrapper select{appearance:none;color:#253d69;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:11px}.radio-group,.checkbox-group{flex-direction:column;gap:11px;display:flex}.radio-option,.checkbox-option{color:#334a74;cursor:pointer;align-items:center;gap:10px;font-size:11px;display:flex}.radio-option input,.checkbox-option input{accent-color:#146cff;width:16px;height:16px}.filter-drawer-actions{gap:10px;margin-top:auto;padding-top:20px;display:flex}.reset-filter,.apply-filter{border-radius:6px;height:40px;font-size:11px;font-weight:600}.reset-filter{color:#263d68;background:#fff;border:1px solid #d5dfed;flex:.8}.apply-filter{color:#fff;background:#146cff;border:1px solid #146cff;flex:1.5}@media (width<=1000px){.notifications-page{padding:20px 15px 75px}.notifications-heading{flex-direction:column;align-items:flex-start;gap:15px}.notification-toolbar{flex-direction:column;align-items:stretch}.notification-search{width:100%}.toolbar-actions{justify-content:flex-end}.notification-table{min-width:850px}}@media (width<=700px){.notifications-page{padding:15px 12px 75px}.notifications-title-group h1{font-size:21px}.notifications-title-group p{font-size:10px}.notifications-heading-actions{width:100%}.outline-action,.delete-action{flex:1;padding:0 8px}.toolbar-actions{width:100%}.sort-select{flex:1}.filter-button{flex:none}.notification-filter-drawer{width:100%;max-width:380px}.notification-pagination{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:12px 16px}}.profile-page{box-sizing:border-box;width:100%;max-width:1450px;margin:0 auto;padding:28px 32px 45px}.profile-page-header{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:100%;margin-bottom:25px;display:grid}.profile-back-button,.profile-edit-button,.profile-save-button,.profile-cancel-button,.add-family-button,.family-view-button,.family-edit-button,.family-more-button,.profile-camera-button,.family-modal-close,.delete-confirm-button{cursor:pointer;border:0;font-family:inherit;transition:all .2s}.profile-back-button,.profile-edit-button,.profile-save-button,.profile-cancel-button,.add-family-button,.family-view-button,.family-edit-button,.delete-confirm-button{border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.profile-back-button{color:#536176;background:#f3f6f9;padding:10px 14px}.profile-back-button:hover{background:#e8edf2}.profile-heading h1{color:#172033;margin:0;font-size:25px;line-height:1.2}.profile-heading p{color:#7d8999;margin:5px 0 0;font-size:12px}.profile-edit-button{color:#1588c7;background:#eaf7ff;padding:11px 17px}.profile-edit-button:hover{background:#d9f0fb}.profile-header-actions{gap:9px;display:flex}.profile-cancel-button{color:#596679;background:#f1f3f6;padding:10px 16px}.profile-cancel-button:hover{background:#e5e9ee}.profile-save-button{color:#fff;background:#158bc9;padding:10px 17px}.profile-save-button:hover{background:#117bb5}.profile-content{grid-template-columns:350px minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.profile-left-card{background:#fff;border:1px solid #e4e9ef;border-radius:15px;min-height:450px;position:relative;overflow:hidden;box-shadow:0 2px 8px #1c2f460a}.profile-cover{background:linear-gradient(135deg,#e7f5fc 0%,#f5f8fb 100%);height:108px}.profile-avatar-section{width:104px;height:104px;margin:-51px auto 0;position:relative}.profile-avatar{color:#158bc9;background:#fff;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;display:flex;box-shadow:0 4px 14px #0000001a}.profile-camera-button{color:#fff;background:#158bc9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:2px;right:-2px}.profile-user-info{text-align:center;padding:16px 20px 21px}.profile-user-info h2{color:#172033;margin:0;font-size:21px}.profile-user-info p{color:#7c8797;margin:6px 0 10px;font-size:12px}.profile-status{color:#26946b;background:#edf9f4;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.profile-status span{background:#26946b;border-radius:50%;width:6px;height:6px}.profile-line{background:#edf0f4;height:1px;margin:0 22px}.profile-contact{flex-direction:column;gap:18px;padding:22px 25px;display:flex}.contact-row{align-items:center;gap:11px;display:flex}.contact-icon{color:#158bc9;background:#eef8fd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.contact-row span{color:#8a95a5;margin-bottom:3px;font-size:10px;display:block}.contact-row strong{color:#354157;word-break:break-word;font-size:12px;font-weight:500;display:block}.profile-details-card{box-sizing:border-box;background:#fff;border:1px solid #e4e9ef;border-radius:15px;padding:25px;box-shadow:0 2px 8px #1c2f460a}.profile-details-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.profile-details-header h2{color:#172033;margin:0;font-size:18px}.profile-details-header p{color:#818c9d;margin:5px 0 0;font-size:12px}.profile-secure-badge{color:#29936c;background:#edf9f4;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:600;display:inline-flex}.profile-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-detail-field{flex-direction:column;gap:8px;display:flex}.profile-full-field{grid-column:1/-1}.profile-detail-field label{color:#59667a;font-size:11px;font-weight:600}.profile-display-field{box-sizing:border-box;color:#354157;background:#fafbfc;border:1px solid #edf0f4;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:43px;padding:11px 13px;font-size:13px;display:flex}.profile-display-field svg{color:#158bc9;flex-shrink:0}.disabled-field{color:#748094;background:#f5f7f9}.profile-detail-field input,.profile-detail-field select,.profile-detail-field textarea{box-sizing:border-box;color:#253247;background:#fff;border:1px solid #dce3ea;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px}.profile-detail-field input,.profile-detail-field select{height:43px}.profile-detail-field textarea{resize:vertical;min-height:80px}.profile-detail-field input:focus,.profile-detail-field select:focus,.profile-detail-field textarea:focus{border-color:#45a8d6;box-shadow:0 0 0 3px #45a8d61a}.profile-address-field{align-items:flex-start;min-height:70px}.family-details-card{background:#fff;border:1px solid #e4e9ef;border-radius:15px;margin-top:22px;padding:24px 25px;box-shadow:0 2px 8px #1c2f460a}.family-section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.family-heading{align-items:center;gap:12px;display:flex}.family-heading-icon{color:#158bc9;background:#eef8fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.family-heading h2{color:#172033;margin:0;font-size:18px}.family-heading p{color:#8490a0;margin:5px 0 0;font-size:11px}.add-family-button{color:#fff;white-space:nowrap;background:#158bc9;padding:11px 15px}.add-family-button:hover{background:#117bb5}.family-list{flex-direction:column;gap:10px;display:flex}.family-member-card{background:#fcfdfe;border:1px solid #e9edf2;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;padding:15px 16px;transition:all .2s;display:flex;position:relative}.family-member-card:hover{border-color:#d8e5ec;box-shadow:0 2px 7px #1432460a}.family-member-left{align-items:center;gap:13px;min-width:0;display:flex}.family-avatar{color:#158bc9;background:#edf7fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.family-name-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.family-name-row h3{color:#263247;margin:0;font-size:14px}.relationship-badge{color:#657286;background:#f0f3f7;border-radius:15px;padding:4px 8px;font-size:9px;font-weight:600}.family-contact-info{flex-wrap:wrap;align-items:center;gap:18px;margin-top:6px;display:flex}.family-contact-info span{color:#7b8798;align-items:center;gap:5px;font-size:10px;display:inline-flex}.family-contact-info svg{color:#91a0b0}.family-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.family-view-button{color:#596a7d;background:#f3f7fa;padding:8px 11px}.family-view-button:hover{background:#e9eff4}.family-edit-button{color:#1588c7;background:#eaf7ff;padding:8px 11px}.family-edit-button:hover{background:#dceff8}.family-more-wrapper{position:relative}.family-more-button{color:#6e7b8d;background:#f5f7f9;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.family-more-button:hover{background:#e9edf2}.family-menu-wrapper{position:relative}.family-more-menu{z-index:20;background:#fff;border:1px solid #e4e9ef;border-radius:9px;width:175px;padding:6px;position:absolute;top:40px;right:0;box-shadow:0 8px 25px #1723331f}.family-more-menu button{color:#536176;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-family:inherit;font-size:11px;display:flex}.family-more-menu button:hover{background:#f4f7f9}.family-more-menu .danger-menu-item{color:#d55260}.family-more-menu .danger-menu-item:hover{background:#fff2f3}.family-empty-state{text-align:center;border:1px dashed #dce3e9;border-radius:11px;padding:45px 20px}.family-empty-icon{color:#158bc9;background:#eef8fd;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 12px;display:flex}.family-empty-state h3{color:#354157;margin:0;font-size:15px}.family-empty-state p{color:#8994a4;max-width:420px;margin:7px auto 17px;font-size:11px;line-height:1.6}.profile-account-card{background:#fff;border:1px solid #e4e9ef;border-radius:15px;margin-top:22px;padding:22px 25px;box-shadow:0 2px 8px #1c2f460a}.account-card-heading h3{color:#172033;margin:0;font-size:16px}.account-card-heading p{color:#8590a0;margin:5px 0 18px;font-size:11px}.account-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.account-item{background:#fafbfc;border:1px solid #edf0f4;border-radius:9px;padding:14px 16px}.account-item span{color:#8994a4;margin-bottom:5px;font-size:10px;display:block}.account-item strong{color:#354157;font-size:13px}.account-active{color:#29936c!important}.family-modal-overlay,.delete-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;background:#121d2b73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.family-modal{background:#fff;border-radius:15px;width:min(650px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #0f1e2d33}.family-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.family-modal-header h2{color:#172033;margin:0;font-size:18px}.family-modal-header p{color:#8994a4;margin:5px 0 0;font-size:11px}.family-modal-close{color:#617084;background:#f3f6f8;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.family-modal-close:hover{background:#e8edf1}.family-form{padding:22px}.family-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.family-form-full{grid-column:1/-1}.family-form-field{flex-direction:column;gap:7px;display:flex}.family-form-field label{color:#566378;font-size:11px;font-weight:600}.family-form-field label span{color:#dc5c68;margin-left:3px}.family-form-field input,.family-form-field select,.family-form-field textarea{box-sizing:border-box;color:#29364a;background:#fff;border:1px solid #dce3ea;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:12px}.family-form-field input,.family-form-field select{height:41px}.family-form-field textarea{resize:vertical}.family-form-field input:focus,.family-form-field select:focus,.family-form-field textarea:focus{border-color:#43a7d5;box-shadow:0 0 0 3px #43a7d51a}.family-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:9px;padding:16px 22px;display:flex}.family-view-details{padding:22px}.family-view-profile{background:#f8fafb;border:1px solid #edf0f4;border-radius:10px;align-items:center;gap:13px;padding:15px;display:flex}.family-large-avatar{color:#158bc9;background:#eaf7fc;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.family-view-profile h3{color:#263247;margin:0;font-size:16px}.family-view-profile span{color:#7f8b9b;margin-top:4px;font-size:11px;display:inline-block}.family-view-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.family-view-grid>div{background:#fcfdfe;border:1px solid #edf0f4;border-radius:8px;padding:13px}.family-view-grid label{color:#8994a4;margin-bottom:5px;font-size:10px;display:block}.family-view-grid strong{color:#354157;word-break:break-word;font-size:12px;font-weight:500;display:block}.family-view-full{grid-column:1/-1}.delete-confirm-modal{text-align:center;background:#fff;border-radius:14px;width:min(410px,100%);padding:27px;box-shadow:0 20px 60px #0f1e2d33}.delete-icon{color:#d65260;background:#fff0f1;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 15px;display:flex}.delete-confirm-modal h2{color:#253247;margin:0;font-size:18px}.delete-confirm-modal p{color:#7d8999;max-width:330px;margin:9px auto 23px;font-size:12px;line-height:1.6}.delete-confirm-modal p strong{color:#4a5669}.delete-modal-actions{justify-content:center;gap:9px;display:flex}.delete-confirm-button{color:#fff;background:#d95360;padding:10px 15px}.delete-confirm-button:hover{background:#c94754}@media (width<=950px){.profile-page{padding:22px}.profile-content{grid-template-columns:1fr}.profile-left-card{min-height:auto}}@media (width<=650px){.profile-page{padding:18px 14px 30px}.profile-page-header{grid-template-columns:1fr;gap:12px}.profile-header-actions{width:100%}.profile-header-actions button{flex:1}.profile-edit-button{width:100%}.profile-details-card{padding:18px}.profile-details-header{align-items:flex-start}.profile-secure-badge{display:none}.profile-details-grid{grid-template-columns:1fr}.profile-full-field{grid-column:auto}.family-details-card{padding:18px}.family-section-header{flex-direction:column;align-items:stretch}.add-family-button{width:100%}.family-member-card{flex-direction:column;align-items:flex-start;gap:13px}.family-member-left,.family-actions{width:100%}.family-view-button,.family-edit-button{flex:1}.family-more-wrapper{position:static}.family-more-menu{margin-top:4px;top:auto;right:15px}.account-grid{grid-template-columns:1fr}.family-modal-overlay,.delete-modal-overlay{align-items:flex-end;padding:12px}.family-modal{border-radius:15px 15px 0 0;max-height:calc(100vh - 24px)}.family-form-grid{grid-template-columns:1fr}.family-form-full{grid-column:auto}.family-view-grid{grid-template-columns:1fr}.family-view-full{grid-column:auto}.family-modal-footer{flex-wrap:wrap}.family-modal-footer button{flex:1}.delete-confirm-modal{padding:23px 18px}}.appointments-page{box-sizing:border-box;width:100%;max-width:1450px;margin:0 auto;padding:20px 28px 45px}.appointments-topbar{justify-content:flex-end;align-items:center;gap:20px;width:100%;margin-bottom:34px;display:flex}.appointment-search-global{display:none}.appointment-book-button{color:#fff;cursor:pointer;background:#178fe8;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-width:235px;height:52px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 5px 13px #178fe829}.appointment-book-button:hover{background:#117fcf;transform:translateY(-1px)}.appointments-title h1{color:#142d5a;margin:0 0 22px;font-size:25px;font-weight:700}.appointment-tabs{border-bottom:1px solid #e3e8f0;grid-template-columns:repeat(4,1fr);margin-bottom:21px;display:grid}.appointment-tab{color:#193463;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;height:54px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.appointment-tab svg{color:#183a72}.appointment-tab small{box-sizing:border-box;color:#178fe8;background:#eaf6fc;border-radius:7px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;display:flex}.appointment-tab:hover,.appointment-tab.active,.appointment-tab.active svg{color:#178fe8}.appointment-tab.active:after{content:"";background:#178fe8;border-radius:4px 4px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.appointment-tab.active small{color:#fff;background:#178fe8}.appointment-filter-row{align-items:center;gap:20px;margin-bottom:21px;display:flex}.appointment-search{box-sizing:border-box;color:#577099;background:#fff;border:1px solid #dfe6ef;border-radius:10px;flex:1;align-items:center;gap:10px;height:46px;padding:0 15px;display:flex}.appointment-search input{color:#253b62;background:0 0;border:0;outline:0;flex:1;min-width:0;font-family:inherit;font-size:13px}.appointment-search input::placeholder{color:#8191ad}.appointment-filter-button{color:#178fe8;cursor:pointer;background:#fff;border:1px solid #178fe8;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:128px;height:46px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.appointment-filter-button:hover,.appointment-filter-button.active{background:#eaf6fc}.appointment-filter-panel{background:#fafbfd;border:1px solid #e1e7ef;border-radius:11px;align-items:flex-end;gap:18px;margin-bottom:20px;padding:16px;display:flex}.filter-field select{color:#334663;background:#fff;border:1px solid #dce4ee;border-radius:8px;outline:none;height:39px;padding:0 10px;font-family:inherit;font-size:12px}.clear-filter-button{color:#52627a;cursor:pointer;background:#edf2f7;border:0;border-radius:8px;height:39px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:600}.appointment-section-title{align-items:center;gap:12px;margin-bottom:11px;display:flex}.appointment-section-title h2{color:#172f5b;margin:0;font-size:17px}.appointment-section-title span{box-sizing:border-box;color:#fff;background:#178fe8;border-radius:7px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 7px;font-size:11px;font-weight:700;display:flex}.appointment-list{flex-direction:column;gap:10px;display:flex}.appointment-card{box-sizing:border-box;background:#fff;border:1px solid #e7ebf1;border-left:4px solid #178fe8;border-radius:11px;grid-template-columns:minmax(300px,1.15fr) minmax(260px,1fr) 155px;align-items:center;gap:22px;min-height:130px;padding:16px 25px 16px 27px;transition:all .2s;display:grid;box-shadow:0 3px 10px #1930520d}.appointment-card:hover{box-shadow:0 5px 15px #19305212}.appointment-doctor{align-items:center;gap:18px;min-width:0;display:flex}.doctor-image{background:#e8edf3;border:1px solid #e2e7ed;border-radius:50%;flex-shrink:0;width:76px;height:76px;overflow:hidden}.doctor-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.doctor-info{flex-direction:column;min-width:0;display:flex}.doctor-info h3{color:#142d5a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:16px;font-weight:700;overflow:hidden}.doctor-info strong{color:#178fe8;margin-bottom:10px;font-size:13px;font-weight:600}.doctor-info span{color:#354a70;align-items:center;gap:7px;font-size:12px;display:flex}.doctor-info span svg{color:#178fe8;flex-shrink:0}.appointment-meta{border-left:1px solid #e4e9ef;flex-direction:column;gap:11px;min-width:0;padding-left:25px;display:flex}.appointment-meta div{color:#243c66;align-items:center;gap:11px;font-size:12px;display:flex}.appointment-meta svg{color:#178fe8;flex-shrink:0}.appointment-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.appointment-status{color:#178fe8;text-align:center;background:#eaf6fc;border-radius:9px;align-self:flex-end;padding:9px 16px;font-size:11px;font-weight:600}.appointment-status.pending,.appointment-status.scheduled,.appointment-status.confirmed{color:#178fe8;background:#eaf6fc}.appointment-outline-button,.appointment-danger-outline{cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:flex}.appointment-outline-button{color:#178fe8;border:1px solid #178fe8}.appointment-outline-button:hover{background:#eaf6fc}.appointment-danger-outline{color:#d45260;border:1px solid #e68b93}.appointment-danger-outline:hover{background:#fff3f4}.appointment-empty{text-align:center;border:1px dashed #d8e0ea;border-radius:12px;padding:65px 20px}.appointment-empty-icon{color:#178fe8;background:#eaf6fc;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 13px;display:flex}.appointment-empty h3{color:#334665;margin:0;font-size:15px}.appointment-empty p{color:#8490a1;margin:7px auto 18px;font-size:11px}.appointment-empty button{color:#fff;cursor:pointer;background:#178fe8;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 15px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex}.appointment-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#121f3273;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cancel-appointment-modal{text-align:center;background:#fff;border-radius:15px;width:min(430px,100%);padding:28px;box-shadow:0 20px 60px #0f1e2d33}.cancel-modal-icon{color:#d55260;background:#fff0f1;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;display:flex}.cancel-appointment-modal h2{color:#253247;margin:0;font-size:18px}.cancel-appointment-modal>p{color:#7d8999;max-width:350px;margin:9px auto 17px;font-size:12px;line-height:1.6}.cancel-appointment-info span{color:#586980;align-items:center;gap:6px;font-size:11px;display:flex}.cancel-modal-actions{gap:9px;display:flex}.modal-keep-button,.modal-cancel-button{cursor:pointer;border-radius:8px;flex:1;min-height:42px;font-family:inherit;font-size:11px;font-weight:600}.modal-keep-button{color:#596679;background:#fff;border:1px solid #dce3ea}.modal-cancel-button{color:#fff;background:#d55260;border:0;justify-content:center;align-items:center;gap:6px;display:flex}@media (width<=1050px){.appointment-card{grid-template-columns:1fr 1fr}.appointment-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center}.appointment-status{align-self:center}.appointment-outline-button,.appointment-danger-outline{width:auto;padding:0 15px}}@media (width<=700px){.appointments-page{padding:16px 14px 30px}.appointments-topbar{flex-direction:column;align-items:stretch;margin-bottom:25px}.appointment-search-global,.appointment-book-button{width:100%}.appointments-title h1{font-size:21px}.appointment-tabs{scrollbar-width:none;display:flex;overflow-x:auto}.appointment-tabs::-webkit-scrollbar{display:none}.appointment-tab{min-width:120px}.appointment-filter-row{flex-direction:column;align-items:stretch;gap:10px}.appointment-filter-button{width:100%}.appointment-filter-panel{flex-direction:column;align-items:stretch}.filter-field,.clear-filter-button{width:100%}.appointment-card{border-left-width:3px;grid-template-columns:1fr;gap:16px;padding:17px}.appointment-doctor{align-items:flex-start}.doctor-image{width:65px;height:65px}.appointment-meta{border-top:1px solid #e4e9ef;border-left:0;padding:14px 0 0}.appointment-actions{grid-column:auto;grid-template-columns:1fr 1fr;display:grid}.appointment-status{grid-column:1/-1;justify-self:start}.appointment-outline-button,.appointment-danger-outline{width:100%}.cancel-modal-actions{flex-direction:column}}.appointments-page{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;padding:20px 28px 45px}.appointments-page .appointments-topbar{justify-content:flex-end;align-items:center;gap:20px;width:100%;margin-bottom:34px;display:flex}.appointments-page .appointment-filter-row{align-items:center;gap:20px;width:100%;margin-bottom:21px;display:flex}.appointments-page .appointment-search{flex:1;width:auto;min-width:0}.appointments-page .appointment-filter-button{flex:none}.appointments-page .appointment-list{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.appointments-page .appointment-card{box-sizing:border-box;background:#fff;border:1px solid #e7ebf1;border-left:4px solid #178fe8;border-radius:11px;grid-template-columns:minmax(390px,1.25fr) minmax(300px,1fr) 155px;align-items:center;column-gap:30px;width:100%;min-width:0;min-height:130px;margin:0;padding:18px 25px 18px 27px;display:grid;overflow:visible;box-shadow:0 3px 10px #1930520d}.appointments-page .appointment-doctor{text-align:left;justify-content:flex-start;align-items:center;gap:18px;width:100%;min-width:0;margin:0;padding:0;display:flex}.appointments-page .doctor-image{background:#e8edf3;border:1px solid #e2e7ed;border-radius:50%;flex:0 0 76px;width:76px;height:76px;margin:0;overflow:hidden}.appointments-page .doctor-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.appointments-page .doctor-info{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:auto;min-width:0;margin:0;padding:0;display:flex}.appointments-page .doctor-info h3{color:#142d5a;text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 5px;font-size:16px;font-weight:700;line-height:1.35;overflow:hidden}.appointments-page .doctor-info strong{color:#178fe8;text-align:left;width:100%;margin:0 0 10px;font-size:13px;font-weight:600}.appointments-page .doctor-info span{color:#354a70;text-align:left;align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.appointments-page .doctor-info span svg{color:#178fe8;flex:none}.appointments-page .appointment-meta{text-align:left;border-left:1px solid #e4e9ef;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;min-width:0;min-height:76px;margin:0;padding:4px 0 4px 25px;display:flex}.appointments-page .appointment-meta div{color:#243c66;text-align:left;justify-content:flex-start;align-items:center;gap:11px;width:100%;margin:0;font-size:12px;display:flex}.appointments-page .appointment-meta div svg{color:#178fe8;flex:none}.appointments-page .appointment-meta div span{text-align:left;white-space:nowrap;min-width:0}.appointments-page .appointment-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:8px;width:100%;min-width:0;margin:0;padding:0;display:flex}.appointments-page .appointment-status{text-align:center;border-radius:9px;align-self:center;width:fit-content;min-width:105px;margin:0;padding:9px 16px}.appointments-page .appointment-outline-button,.appointments-page .appointment-danger-outline{box-sizing:border-box;justify-content:center;align-items:center;gap:7px;width:100%;min-height:41px;margin:0;display:flex}.appointments-page .appointments-title{text-align:left;width:100%}.appointments-page .appointments-title h1{text-align:left;margin:0 0 22px}.appointments-page .appointment-section-title{text-align:left;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:11px;display:flex}.appointments-page .appointment-section-title h2{text-align:left;margin:0}.appointments-page .appointment-tabs{grid-template-columns:repeat(4,1fr);width:100%;margin-bottom:21px;display:grid}.appointments-page .appointment-tab{justify-content:center;align-items:center;width:100%;display:flex}.appointments-page .appointment-filter-panel{align-items:flex-end;gap:18px;width:100%;display:flex}@media (width<=1050px){.appointments-page{padding:18px 20px 40px}.appointments-page .appointment-card{grid-template-columns:minmax(280px,1fr) minmax(240px,1fr);gap:18px 22px;padding:18px 20px}.appointments-page .appointment-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:9px;width:100%}.appointments-page .appointment-status{align-self:center;margin-right:auto}.appointments-page .appointment-outline-button,.appointments-page .appointment-danger-outline{width:auto;min-width:125px;padding:0 15px}}@media (width<=700px){.appointments-page{width:100%;max-width:none;padding:16px 14px 30px}.appointments-page .appointments-topbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:25px}.appointments-page .appointment-search-global,.appointments-page .appointment-book-button{width:100%}.appointments-page .appointment-tabs{scrollbar-width:none;display:flex;overflow-x:auto}.appointments-page .appointment-tabs::-webkit-scrollbar{display:none}.appointments-page .appointment-tab{flex:none;min-width:120px}.appointments-page .appointment-filter-row{flex-direction:column;align-items:stretch;gap:10px}.appointments-page .appointment-search,.appointments-page .appointment-filter-button{width:100%}.appointments-page .appointment-card{border-left-width:3px;flex-direction:column;align-items:stretch;gap:16px;width:100%;min-height:0;padding:17px;display:flex}.appointments-page .appointment-doctor{justify-content:flex-start;align-items:center;gap:14px;width:100%}.appointments-page .doctor-image{flex:0 0 65px;width:65px;height:65px}.appointments-page .doctor-info{flex:1;min-width:0}.appointments-page .doctor-info h3{font-size:15px}.appointments-page .doctor-info strong{margin-bottom:6px;font-size:12px}.appointments-page .doctor-info span{font-size:11px}.appointments-page .appointment-meta{border-top:1px solid #e4e9ef;border-left:0;gap:10px;width:100%;min-height:0;padding:14px 0 0}.appointments-page .appointment-meta div{font-size:12px}.appointments-page .appointment-actions{grid-template-columns:1fr 1fr;gap:9px;width:100%;padding:0;display:grid}.appointments-page .appointment-status{grid-column:1/-1;place-self:start;margin:0}.appointments-page .appointment-outline-button,.appointments-page .appointment-danger-outline{width:100%;min-width:0}}@media (width<=400px){.appointments-page{padding:12px 10px 30px}.appointments-page .appointment-card{padding:15px}.appointments-page .appointment-doctor{gap:11px}.appointments-page .doctor-image{flex-basis:60px;width:60px;height:60px}.appointments-page .doctor-info h3{font-size:14px}.appointments-page .doctor-info strong{font-size:11px}.appointments-page .doctor-info span{font-size:10px}.appointments-page .appointment-actions{grid-template-columns:1fr}.appointments-page .appointment-status{grid-column:auto;justify-self:stretch;width:100%}}.appointments-page .appointment-book-button,.appointments-page .appointment-section-title span,.appointments-page .appointment-empty button{background:#178fe8}.appointments-page .appointment-book-button:hover{background:#117fcf}.appointments-page .appointment-tab:hover,.appointments-page .appointment-tab.active,.appointments-page .appointment-tab.active svg,.appointments-page .appointment-tab small,.appointments-page .appointment-search-global svg,.appointments-page .appointment-search>svg,.appointments-page .appointment-filter-button,.appointments-page .doctor-info strong,.appointments-page .appointment-meta svg,.appointments-page .appointment-empty-icon{color:#178fe8}.appointments-page .appointment-tab.active:after{background:#178fe8}.appointments-page .appointment-tab.active small{color:#fff;background:#178fe8}.appointments-page .appointment-filter-button{border-color:#178fe8}.appointments-page .appointment-filter-button:hover,.appointments-page .appointment-filter-button.active,.appointments-page .appointment-outline-button:hover{background:#eaf6fc}.appointments-page .appointment-outline-button{color:#178fe8;border-color:#178fe8}.appointments-page .appointment-status.pending,.appointments-page .appointment-status.scheduled,.appointments-page .appointment-status.confirmed{color:#178fe8;background:#eaf6fc}.appointments-page .appointments-topbar{align-items:center;gap:20px;width:100%;display:flex;justify-content:flex-end!important}.appointments-page .appointment-search-global{display:none!important}.appointments-page .appointment-book-button{flex:none;margin-left:auto;margin-right:0}@media (width<=700px){.appointments-page .appointments-topbar{flex-direction:column;align-items:stretch;gap:12px;justify-content:flex-start!important}.appointments-page .appointment-book-button{width:100%;margin-left:0}}.appointments-page .doctor-image{background:#e8edf3;border:1px solid #e2e7ed;border-radius:50%;flex:0 0 76px;width:76px;min-width:76px;height:76px;min-height:76px;overflow:hidden}.appointments-page .doctor-image img{object-fit:cover;object-position:center top;border-radius:50%;width:100%;height:100%;display:block}@media (width<=700px){.appointments-page .doctor-image{flex:0 0 65px;width:65px;min-width:65px;height:65px;min-height:65px}.appointments-page .doctor-image img{width:100%;height:100%}}@media (width<=400px){.appointments-page .doctor-image{flex-basis:60px;width:60px;min-width:60px;height:60px;min-height:60px}}.appointments-page .appointment-card{grid-template-columns:minmax(360px,1.2fr) minmax(280px,1fr) minmax(260px,.75fr);column-gap:28px}.appointments-page .appointment-actions{justify-content:center;justify-self:end;align-items:flex-end;gap:10px;width:100%;min-width:0}.appointments-page .appointment-status{white-space:nowrap;align-self:flex-end;width:auto;min-width:92px}.appointments-page .appointment-actions .appointment-outline-button,.appointments-page .appointment-actions .appointment-danger-outline{width:100%;min-width:0}@media (width>=1101px){.appointments-page .appointment-actions:has(.appointment-danger-outline){grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:center;display:grid}.appointments-page .appointment-actions:has(.appointment-danger-outline) .appointment-status{grid-column:1/-1;justify-self:end}.appointments-page .appointment-actions .appointment-outline-button,.appointments-page .appointment-actions .appointment-danger-outline{width:100%}.appointments-page .appointment-actions:not(:has(.appointment-danger-outline)){align-items:flex-end;display:flex}}@media (width>=901px) and (width<=1100px){.appointments-page .appointment-card{grid-template-columns:minmax(300px,1.1fr) minmax(240px,1fr) 210px;column-gap:20px}}@media (width<=900px){.appointments-page .appointment-card{grid-template-columns:1fr 1fr;row-gap:18px}.appointments-page .appointment-actions{grid-column:1/-1;justify-self:stretch;align-items:flex-end;width:100%}.appointments-page .appointment-status{align-self:flex-end}}@media (width<=700px){.appointments-page .appointment-card{grid-template-columns:1fr}.appointments-page .appointment-actions{grid-column:auto;align-items:stretch}.appointments-page .appointment-status{align-self:flex-start}}@media (width>=1101px){.appointments-page .appointment-card{grid-template-rows:1fr!important;grid-template-columns:minmax(420px,1.35fr) minmax(360px,1fr) 300px!important;align-items:center!important;gap:0 34px!important;min-height:145px!important;display:grid!important}.appointments-page .appointment-doctor{grid-area:1/1!important;width:100%!important}.appointments-page .appointment-meta{border-top:0!important;border-left:1px solid #e4e9ef!important;flex-direction:column!important;grid-area:1/2!important;justify-content:center!important;gap:12px!important;width:100%!important;min-width:0!important;padding:0 0 0 28px!important;display:flex!important}.appointments-page .appointment-meta .appointment-consultation-mode{align-items:center!important;gap:12px!important;display:flex!important}.appointments-page .appointment-meta>div{width:100%!important}.appointments-page .appointment-actions{grid-area:1/3!important;grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr!important;place-self:center stretch!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;display:grid!important}.appointments-page .appointment-actions .appointment-status{grid-area:1/1/auto/-1!important;place-self:center end!important;width:auto!important;min-width:96px!important;margin:0 0 2px auto!important}.appointments-page .appointment-actions .appointment-outline-button,.appointments-page .appointment-actions .appointment-danger-outline{grid-row:2!important;width:100%!important;min-width:0!important}.appointments-page .appointment-actions .appointment-outline-button{grid-column:1!important}.appointments-page .appointment-actions .appointment-danger-outline{grid-column:2!important}}@media (width>=901px) and (width<=1100px){.appointments-page .appointment-card{grid-template-columns:minmax(320px,1.2fr) minmax(260px,1fr) 235px!important;align-items:center!important;column-gap:20px!important;display:grid!important}.appointments-page .appointment-doctor{grid-column:1!important}.appointments-page .appointment-meta{border-top:0!important;border-left:1px solid #e4e9ef!important;grid-column:2!important;padding-left:20px!important}.appointments-page .appointment-actions{grid-column:3!important;align-items:flex-end!important;gap:8px!important;display:flex!important}.appointments-page .appointment-actions .appointment-outline-button,.appointments-page .appointment-actions .appointment-danger-outline{width:100%!important}}@media (width>=1051px){.appointments-page .appointment-card{grid-template-columns:minmax(360px,1.2fr) minmax(300px,1fr) 170px!important;column-gap:28px!important}.appointments-page .appointment-actions{flex-direction:column!important;grid-area:1/3!important;justify-content:center!important;align-items:stretch!important;gap:9px!important;width:170px!important;min-width:170px!important;margin:0!important;padding:0!important;display:flex!important}.appointments-page .appointment-status{box-sizing:border-box!important;justify-content:center!important;place-self:stretch stretch!important;align-items:center!important;width:100%!important;min-height:38px!important;margin:0!important;padding:10px 14px!important;display:flex!important}.appointments-page .appointment-outline-button,.appointments-page .appointment-danger-outline{box-sizing:border-box!important;width:100%!important;min-height:40px!important;margin:0!important}}@media (width<=1050px){.appointments-page .appointment-actions{flex-direction:column;gap:9px;display:flex}}.appointment-details-page{color:#1c2738;background:#f6f9fc;width:100%;min-height:100%;padding:24px 28px 36px}.details-page-header{max-width:1280px;margin:0 auto 22px}.back-button{color:#637083;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.back-button:hover{color:#1688c8}.details-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.details-heading h1{color:#172033;margin:0;font-size:27px;font-weight:700;line-height:1.2}.details-heading p{color:#7b8798;margin:6px 0 0;font-size:13px}.appointment-status{border-radius:20px;justify-content:center;align-items:center;min-width:88px;height:32px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.appointment-status.confirmed{color:#16834d;background:#e8f8ef}.appointment-status.pending{color:#ad7a00;background:#fff7df}.appointment-status.scheduled{color:#147bb6;background:#eaf5ff}.appointment-status.completed{color:#657181;background:#eef1f4}.appointment-status.cancelled{color:#d04747;background:#fff0f0}.appointment-status.rescheduled{color:#6654c7;background:#eeeaff}.appointment-details-content{flex-direction:column;gap:18px;max-width:1280px;margin:0 auto;display:flex}.doctor-profile-card{background:#fff;border:1px solid #e7ebf0;border-radius:15px;justify-content:space-between;align-items:center;gap:25px;padding:22px 24px;display:flex;box-shadow:0 2px 8px #1e324b08}.doctor-profile-left{align-items:center;gap:18px;display:flex}.doctor-profile-image{background:#e9eef4;border:1px solid #dfe6ed;border-radius:50%;flex:0 0 92px;justify-content:center;align-items:center;width:92px;height:92px;display:flex;overflow:hidden}.doctor-profile-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.doctor-label{color:#8994a4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;display:block}.doctor-profile-info h2{color:#1b2638;margin:0;font-size:20px;font-weight:700}.doctor-specialty,.doctor-hospital{color:#667386;align-items:center;gap:6px;margin:7px 0 0;font-size:13px;display:flex}.doctor-specialty svg{color:#1688c8}.doctor-hospital svg{color:#8b96a6}.doctor-contact{flex-direction:column;gap:9px;display:flex}.doctor-contact a{color:#647184;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:flex}.doctor-contact a:hover{color:#1688c8}.details-card{background:#fff;border:1px solid #e7ebf0;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px #1e324b08}.card-title-row{border-bottom:1px solid #edf0f3;padding:19px 22px}.card-title-row h3{color:#202c3e;margin:0;font-size:16px}.card-title-row p{color:#8a95a4;margin:5px 0 0;font-size:12px}.appointment-info-grid{grid-template-columns:repeat(4,1fr);display:grid}.info-item{border-right:1px solid #edf0f3;align-items:center;gap:12px;padding:20px 22px;display:flex}.info-item:last-child{border-right:0}.info-icon{color:#1688c8;background:#edf8ff;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-item span{color:#8b96a5;margin-bottom:4px;font-size:11px;display:block}.info-item strong{color:#344054;font-size:13px;display:block}.summary-list{padding:4px 22px}.summary-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;min-height:49px;display:flex}.summary-row span{color:#7b8797;font-size:12px}.summary-row strong{color:#344054;font-size:13px}.appointment-actions-card{background:#fff;border:1px solid #e7ebf0;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;display:flex;box-shadow:0 2px 8px #1e324b08}.appointment-actions-card h3{color:#263247;margin:0;font-size:15px}.appointment-actions-card p{color:#8994a4;margin:5px 0 0;font-size:12px}.appointment-action-buttons{gap:10px;display:flex}.reschedule-button,.cancel-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.reschedule-button{color:#1688c8;background:#eef9ff;border:1px solid #bde4f8}.reschedule-button:hover{background:#e2f5ff}.cancel-button{color:#d14949;background:#fff7f7;border:1px solid #f2cccc}.cancel-button:hover{background:#fff0f0}.reschedule-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.reschedule-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(650px,100%);height:min(720px,100vh - 32px);max-height:calc(100vh - 32px);animation:.2s ease-out rescheduleModalIn;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a38,0 5px 20px #0f172a14}@keyframes rescheduleModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reschedule-modal-header{background:#fff;border-bottom:1px solid #edf0f4;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:15px;padding:21px 23px;display:flex}.reschedule-header-content{align-items:flex-start;gap:12px;display:flex}.reschedule-title-icon{color:#1688c8;background:#eaf7ff;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.reschedule-modal-header h2{color:#172033;margin:1px 0 4px;font-size:18px;line-height:1.25}.reschedule-modal-header p{color:#8590a0;margin:0;font-size:12px}.modal-close-button{color:#667085;cursor:pointer;background:#f3f5f8;border:0;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.modal-close-button:hover{color:#344054;background:#e9edf2}.reschedule-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;min-height:0;overflow:hidden auto}.reschedule-modal-body::-webkit-scrollbar{width:6px}.reschedule-modal-body::-webkit-scrollbar-track{background:0 0}.reschedule-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.reschedule-modal-body::-webkit-scrollbar-thumb:hover{background:#aeb9c8}.current-appointment-box{background:#f5fbff;border:1px solid #dceefa;border-radius:11px;align-items:center;gap:12px;margin:18px 23px 0;padding:13px 14px;display:flex}.current-box-icon{color:#1688c8;background:#fff;border:1px solid #dceefa;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.current-appointment-box span,.new-appointment-preview span{color:#8490a0;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10px;display:block}.current-appointment-box strong,.new-appointment-preview strong{color:#263247;font-size:13px;display:block}.current-appointment-box small,.new-appointment-preview small{color:#7e8998;margin-top:3px;font-size:11px;display:block}.reschedule-form-section{padding:20px 23px 0}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.section-heading h3{color:#303c50;margin:0;font-size:13px}.date-navigation{gap:5px;display:flex}.date-navigation button{color:#687587;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.date-navigation button:hover:not(:disabled){color:#1688c8;border-color:#acd9f1}.date-navigation button:disabled{opacity:.4;cursor:not-allowed}.date-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.date-option{color:#667386;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.date-option:hover{background:#f7fcff;border-color:#9fd5ee}.date-option.selected{color:#1688c8;background:#eaf7ff;border-color:#1688c8;box-shadow:inset 0 0 0 1px #1688c8}.date-day{color:#8a95a4;font-size:10px;font-weight:500}.date-option.selected .date-day{color:#1688c8}.date-number{color:#354154;font-size:17px}.date-option.selected .date-number{color:#1688c8}.date-check{color:#1688c8;display:flex;position:absolute;top:5px;right:5px}.time-slots-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.time-slot{color:#536176;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:0;height:39px;padding:0 5px;font-size:11px;font-weight:500;transition:border-color .18s,background .18s,color .18s;display:flex}.time-slot:hover{color:#1688c8;background:#f8fcff;border-color:#9fd5ee}.time-slot.selected{color:#fff;background:#1688c8;border-color:#1688c8;box-shadow:0 3px 8px #1688c82e}.new-appointment-preview{background:#f5fbf7;border:1px solid #d7eee0;border-radius:11px;align-items:center;gap:11px;margin:20px 23px;padding:13px 14px;display:flex}.preview-icon{color:#18834d;background:#e7f7ed;border-radius:9px;flex:0 0 37px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.reschedule-modal-footer{z-index:5;background:#fff;border-top:1px solid #edf0f4;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:15px 23px;display:flex;position:relative;box-shadow:0 -4px 12px #14233708}.modal-cancel-button,.confirm-reschedule-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.modal-cancel-button{color:#566274;background:#fff;border:1px solid #d9dfe7}.modal-cancel-button:hover{background:#f7f8fa}.confirm-reschedule-button{color:#fff;background:#1688c8;border:0}.confirm-reschedule-button:hover:not(:disabled){background:#117ab5}.confirm-reschedule-button:disabled{opacity:.5;cursor:not-allowed}.cancel-confirm-modal{text-align:center;background:#fff;border-radius:17px;width:min(450px,100%);padding:30px;animation:.2s ease-out rescheduleModalIn;position:relative;box-shadow:0 24px 70px #0f172a38}.cancel-confirm-modal .modal-close-button{position:absolute;top:14px;right:14px}.cancel-icon-large{color:#d14949;background:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:5px auto 17px;display:flex}.cancel-confirm-modal h2{color:#222d40;margin:0;font-size:19px}.cancel-confirm-modal>p{color:#7c8797;max-width:350px;margin:9px auto 18px;font-size:12px;line-height:1.6}.cancel-appointment-info{justify-content:center;gap:20px;margin-bottom:22px;display:flex}.cancel-appointment-info div{color:#657184;align-items:center;gap:6px;font-size:12px;display:flex}.cancel-appointment-info svg{color:#1688c8}.cancel-confirm-actions{justify-content:center;gap:9px;display:flex}.confirm-cancel-button{color:#fff;cursor:pointer;background:#d14949;border:0;border-radius:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:600}.confirm-cancel-button:hover{background:#bd3d3d}.appointment-success-toast{z-index:10001;background:#fff;border:1px solid #d8eee1;border-radius:11px;align-items:flex-start;gap:11px;min-width:330px;max-width:430px;padding:13px 14px;animation:.25s ease-out toastIn;display:flex;position:fixed;bottom:82px;right:24px;box-shadow:0 12px 35px #14233724}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success-icon{color:#16834d;background:#e8f8ef;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.toast-content{min-width:0}.appointment-success-toast strong{color:#263247;margin:1px 0 4px;font-size:12px;display:block}.appointment-success-toast span{color:#7b8797;font-size:11px;line-height:1.45;display:block}.appointment-success-toast>button{color:#8993a2;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 25px;justify-content:center;align-items:center;width:25px;height:25px;margin-left:auto;display:flex}.appointment-success-toast>button:hover{background:#f2f4f6}@media (width<=900px){.appointment-details-page{padding:20px}.appointment-info-grid{grid-template-columns:repeat(2,1fr)}.info-item:nth-child(2){border-right:0}.info-item:first-child,.info-item:nth-child(2){border-bottom:1px solid #edf0f3}.doctor-profile-card{flex-direction:column;align-items:flex-start}.doctor-contact{flex-flow:wrap;width:100%}.appointment-actions-card{flex-direction:column;align-items:flex-start}}@media (width<=640px){.appointment-details-page{padding:16px 13px 28px}.details-heading{flex-direction:column;align-items:flex-start;gap:10px}.details-heading h1{font-size:22px}.doctor-profile-card{padding:17px}.doctor-profile-left{align-items:flex-start}.doctor-profile-image{flex-basis:70px;width:70px;height:70px}.doctor-profile-info h2{font-size:16px}.doctor-contact{flex-direction:column}.appointment-info-grid{grid-template-columns:1fr}.info-item{border-bottom:1px solid #edf0f3;border-right:0}.info-item:last-child{border-bottom:0}.summary-row{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 0}.appointment-action-buttons{flex-direction:column;width:100%}.reschedule-button,.cancel-button{width:100%}.reschedule-overlay{align-items:flex-end;padding:0}.reschedule-modal{border-radius:18px 18px 0 0;width:100%;height:94vh;max-height:94vh}.reschedule-modal-header{flex-shrink:0;padding:17px}.reschedule-modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:2px;overflow-y:auto}.current-appointment-box{margin:14px 17px 0}.reschedule-form-section{padding-left:17px;padding-right:17px}.date-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.date-option{min-height:62px}.date-number{font-size:15px}.time-slots-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.time-slot{height:39px;font-size:10px}.new-appointment-preview{margin-bottom:18px;margin-left:17px;margin-right:17px}.reschedule-modal-footer{background:#fff;flex-shrink:0;grid-template-columns:1fr 1.55fr;gap:8px;padding:13px 17px;display:grid;box-shadow:0 -5px 15px #1423370f}.modal-cancel-button,.confirm-reschedule-button{white-space:nowrap;width:100%;min-width:0;min-height:42px;padding:0 7px}.confirm-reschedule-button{font-size:11px}.cancel-confirm-modal{width:calc(100% - 26px);padding:27px 18px}.cancel-confirm-actions{flex-direction:column}.cancel-confirm-actions button{width:100%}.appointment-success-toast{min-width:0;bottom:70px;left:13px;right:13px}}@media (width<=390px){.reschedule-modal-header{padding:15px}.reschedule-title-icon{flex-basis:36px;width:36px;height:36px}.reschedule-modal-header h2{font-size:16px}.reschedule-modal-header p{font-size:10px}.current-appointment-box{margin-left:15px;margin-right:15px}.reschedule-form-section{padding-left:15px;padding-right:15px}.date-options{gap:4px}.date-option{min-height:56px}.date-day{font-size:9px}.date-number{font-size:14px}.time-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.time-slot{height:40px;font-size:10px}.new-appointment-preview{margin-left:15px;margin-right:15px}.reschedule-modal-footer{padding:12px 15px}.modal-cancel-button,.confirm-reschedule-button{min-height:42px;font-size:10px}}.booking-page{width:100%;max-width:1500px;margin:0 auto;padding:22px 20px 30px}.booking-heading{align-items:center;gap:15px;margin-bottom:18px;display:flex}.booking-heading-icon{color:#178fe8;background:linear-gradient(145deg,#edf8fd,#e5f4fc);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;display:flex;position:relative}.heading-plus-icon{position:absolute;bottom:13px;right:13px}.booking-heading h1{color:#17213f;margin:0;font-size:21px;font-weight:700;line-height:1.2}.booking-heading p{color:#6b7894;margin:4px 0 0;font-size:12px}.booking-stepper{grid-template-columns:repeat(6,1fr);width:100%;margin-bottom:15px;padding:0 8px;display:grid}.booking-step{text-align:center;min-width:0;position:relative}.step-top{justify-content:center;align-items:center;height:35px;display:flex;position:relative}.step-number{z-index:2;color:#46536e;background:#fff;border:1px solid #d9dfeb;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;font-weight:600;display:flex;position:relative}.booking-step.active .step-number,.booking-step.completed .step-number{color:#fff;background:#178fe8;border-color:#178fe8;box-shadow:0 4px 10px #178fe82e}.step-line{z-index:1;background:#dbe1ec;height:2px;position:absolute;left:50%;right:-50%}.booking-step.completed .step-line{background:#178fe8}.booking-step span{color:#56627d;margin-top:7px;font-size:11px;font-weight:500;display:block}.booking-step.active span,.booking-step.completed span{color:#178fe8;font-weight:600}.booking-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.booking-card{background:#fff;border:1px solid #e5e9f1;border-radius:10px;min-width:0;padding:16px 10px 13px;box-shadow:0 1px 6px #19264406}.booking-card.current-card{border-color:#b9dff7;box-shadow:0 4px 16px #178fe80f}.card-step-title{color:#1c294d;font-size:12px;font-weight:700;line-height:1.4}.card-step-title span{color:#178fe8}.card-description{color:#6b7894;min-height:34px;margin:7px 0 11px;font-size:10px;line-height:1.45}.ai-search-box{background:linear-gradient(145deg,#f5fbfe,#f1f2ff);border:1px solid #cdebfa;border-radius:11px;padding:10px}.ai-search-heading{align-items:center;gap:9px;margin-bottom:9px;display:flex}.ai-icon{color:#178fe8;background:#e8f6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ai-search-heading strong{color:#253252;font-size:10px;font-weight:700;display:block}.ai-search-heading span{color:#697592;margin-top:3px;font-size:8.5px;line-height:1.35;display:block}.ai-search-box textarea,.reason-section textarea,.notes-section textarea{color:#34415e;resize:none;background:#fff;border:1px solid #d7ddec;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:9px}.ai-search-box textarea{min-height:52px;padding:9px}.ai-search-box textarea::placeholder,.notes-section textarea::placeholder{color:#9aa4b8}.ai-search-box textarea:focus,.reason-section textarea:focus,.notes-section textarea:focus{border-color:#74bde8}.primary-action{color:#fff;cursor:pointer;background:#178fe8;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;height:34px;margin-top:8px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.primary-action:hover{background:#117fcf}.popular-title{color:#687590;margin:13px 0 7px;font-size:9px;font-weight:600}.popular-searches{flex-direction:column;gap:6px;display:flex}.popular-searches button{color:#46536f;text-align:left;cursor:pointer;background:#fff;border:1px solid #e7eaf2;border-radius:7px;align-items:center;gap:6px;min-height:29px;padding:5px 8px;font-family:inherit;font-size:8.5px;display:flex}.popular-searches button:hover{background:#f5fbfe;border-color:#c9ccff}.popular-searches svg{color:#178fe8;flex-shrink:0}.ai-info{color:#3f78a0;background:#edf8fd;border:1px solid #d8effb;border-radius:8px;align-items:flex-start;gap:6px;margin-top:12px;padding:9px;font-size:8px;line-height:1.4;display:flex}.ai-info svg{flex-shrink:0;margin-top:1px}.department-list{flex-direction:column;gap:7px;display:flex}.department-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7eaf1;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:52px;padding:7px;font-family:inherit;display:flex;position:relative}.department-item:hover,.department-item.selected{background:#f7fcff;border-color:#8ccaf5}.department-icon{color:#178fe8;background:#eaf6fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.department-content{min-width:0;padding-right:14px}.department-content strong{color:#2a3656;font-size:9.5px;font-weight:700;display:block}.department-content span{color:#74809a;margin-top:3px;font-size:7.8px;line-height:1.3;display:block}.selection-check{color:#fff;background:#178fe8;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;right:7px}.view-all-button{color:#178fe8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:3px;width:100%;margin-top:10px;font-family:inherit;font-size:8.5px;font-weight:600;display:flex}.doctor-list{flex-direction:column;gap:7px;display:flex}.doctor-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7eaf1;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:66px;padding:7px;font-family:inherit;display:flex;position:relative}.doctor-item:hover,.doctor-item.selected{background:#f7fcff;border-color:#8ccaf5}.doctor-item img,.doctor-fallback{object-fit:cover;border-radius:8px;flex-shrink:0;width:38px;height:48px}.doctor-fallback{color:#66718a;background:#eef1f7;justify-content:center;align-items:center;display:none}.doctor-content{min-width:0;padding-right:15px}.doctor-content strong{color:#293554;font-size:9px;font-weight:700;display:block}.doctor-content span{color:#6e7992;margin-top:2px;font-size:7px;line-height:1.25;display:block}.doctor-content small{color:#65708b;margin-top:3px;font-size:7px;display:block}.locked-state{color:#77829a;text-align:center;background:#fafbfc;border:1px dashed #dce1eb;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:25px 14px;display:flex}.locked-state svg{color:#8b91a7;margin-bottom:9px}.locked-state strong{color:#47536f;font-size:10px}.locked-state span{max-width:180px;margin-top:5px;font-size:8px;line-height:1.4}.consultation-mode-list{grid-template-columns:1fr;gap:8px;display:grid}.consultation-mode-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7eaf1;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:52px;padding:8px 9px;font-family:inherit;display:flex}.consultation-mode-item:hover,.consultation-mode-item.selected{background:#f7fcff;border-color:#8ccaf5}.consultation-mode-icon{color:#178fe8;background:#eaf6fc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.consultation-mode-content{flex:1;min-width:0}.consultation-mode-content strong{color:#2a3656;font-size:9.5px;font-weight:700;display:block}.consultation-mode-content span{color:#74809a;margin-top:3px;font-size:7.8px;line-height:1.3;display:block}.consultation-mode-check{color:#fff;background:#178fe8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-header strong{color:#2d3958;font-size:10px}.calendar-header button{color:#36415e;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.calendar-header button:hover{color:#178fe8;background:#eaf6fc}.calendar-week,.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-week{margin-bottom:4px}.calendar-week span{color:#7c869b;font-size:7px;font-weight:600}.calendar-days button{aspect-ratio:1;color:#4c5771;cursor:pointer;background:0 0;border:0;border-radius:50%;width:100%;font-family:inherit;font-size:7.5px}.calendar-days button:hover:not(:disabled){background:#eaf6fc}.calendar-days button.muted{color:#b6bdc9;cursor:default}.calendar-days button.selected{color:#fff;background:#178fe8}.available-slots-title{color:#293654;margin-top:12px;margin-bottom:7px;font-size:8.5px;font-weight:700}.time-slots{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.time-slots button{color:#47536e;cursor:pointer;background:#fff;border:1px solid #dfe4ed;border-radius:6px;min-height:27px;padding:4px;font-family:inherit;font-size:7px}.time-slots button:hover,.time-slots button.selected{color:#fff;background:#178fe8;border-color:#178fe8}.timezone{color:#778198;white-space:nowrap;align-items:center;gap:4px;margin-top:12px;font-size:7px;display:flex}.confirmation-details{border:1px solid #e8ebf1;border-radius:9px;overflow:hidden}.summary-row{border-bottom:1px solid #edf0f4;align-items:flex-start;gap:8px;min-height:48px;padding:7px;display:flex}.summary-row:last-child{border-bottom:0}.summary-icon{color:#178fe8;background:#eaf6fc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.summary-row>div:last-child{min-width:0}.summary-row small{color:#7b859a;font-size:7px;display:block}.summary-row strong{color:#35415f;margin-top:2px;font-size:8px;line-height:1.35;display:block}.summary-row span{color:#7b859a;margin-top:2px;font-size:7px;display:block}.reason-section{margin-top:11px}.reason-section label,.notes-section label{color:#66718b;margin-bottom:5px;font-size:8px;font-weight:600;display:block}.reason-section textarea{min-height:49px;padding:8px}.notes-section{margin-top:10px}.notes-label-row{justify-content:space-between;align-items:center;display:flex}.notes-label-row label{margin-bottom:5px}.notes-label-row label span{font-weight:400}.notes-label-row small{color:#9ca5b6;font-size:7px}.notes-section textarea{min-height:59px;padding:8px}.added-services{margin-top:9px}.services-heading{color:#68738d;margin-bottom:5px;font-size:8px;font-weight:600}.service-row{color:#48546e;border:1px solid #e6e9f0;border-radius:6px;justify-content:space-between;align-items:center;min-height:28px;padding:5px 7px;font-size:8px;display:flex}.service-row button{color:#8a94a8;cursor:pointer;background:0 0;border:0}.add-service-button,.book-final-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.add-service-button{color:#fff;background:#178fe8;margin-top:11px}.book-final-button{color:#fff;background:#178fe8;margin-top:6px}.add-service-button:hover,.book-final-button:hover{background:#117fcf}.booking-navigation{display:none}.booking-success-overlay{z-index:1000;background:#121b3159;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.booking-success-modal{text-align:center;background:#fff;border-radius:18px;width:min(420px,100%);padding:28px;box-shadow:0 20px 60px #18203a2e}.success-icon{color:#2caa62;background:#e9f8ef;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 14px;display:flex}.booking-success-modal h2{color:#1c2948;margin:0;font-size:20px}.booking-success-modal p{color:#68748e;margin:8px 0 18px;font-size:12px;line-height:1.5}.success-summary{color:#47536f;background:#f7f8fc;border-radius:10px;justify-content:center;gap:18px;padding:11px;font-size:10px;display:flex}.success-summary div{align-items:center;gap:5px;display:flex}.booking-success-modal>button{color:#fff;cursor:pointer;background:#178fe8;border:0;border-radius:8px;width:100%;height:40px;margin-top:18px;font-family:inherit;font-weight:600}@media (width<=1250px){.booking-page{padding:18px 14px 25px}.booking-grid{gap:8px}.booking-card{padding:13px 8px}.department-content strong{font-size:8.5px}.department-content span{font-size:7px}.doctor-content strong{font-size:8px}.doctor-content span,.doctor-content small{font-size:6.5px}.time-slots{gap:4px}}@media (width<=1000px){.booking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-card{padding:15px 12px}.booking-stepper{margin-bottom:18px}.booking-step span,.department-content strong,.doctor-content strong{font-size:10px}.department-content span,.doctor-content span,.doctor-content small,.time-slots button,.timezone{font-size:8px}.booking-navigation{background:#fff;border:1px solid #e5e9f1;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding:9px;display:flex}.booking-navigation>span{color:#66718a;font-size:9px}.secondary-nav-button,.primary-nav-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:95px;height:35px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.secondary-nav-button{color:#56617a;background:#fff;border:1px solid #dfe3ec}.primary-nav-button{color:#fff;background:#178fe8;border:0}.secondary-nav-button:disabled,.primary-nav-button:disabled{opacity:.45;cursor:not-allowed}}@media (width<=700px){.booking-page{padding:14px 10px 22px}.booking-heading{gap:11px;margin-bottom:16px}.booking-heading-icon{border-radius:13px;width:50px;height:50px}.booking-heading h1{font-size:17px}.booking-heading p{font-size:9px}.booking-stepper{grid-template-columns:repeat(6,1fr);padding:0}.step-number{width:26px;height:26px;font-size:10px}.step-top{height:30px}.step-line{height:1px}.booking-step span{min-height:25px;margin-top:5px;padding:0 2px;font-size:7px;line-height:1.25}.booking-grid{grid-template-columns:1fr;gap:10px}.booking-card{padding:14px 11px}.booking-card:not(.current-card){display:none}.booking-card.current-card{display:block}.card-step-title{font-size:11px}.card-description{font-size:9px}.booking-navigation{z-index:10;position:sticky;bottom:8px;box-shadow:0 4px 18px #18203a14}.booking-success-modal{padding:22px}.success-summary{flex-direction:column;align-items:center}}@media (width<=450px){.booking-page{padding:11px 8px 18px}.booking-heading-icon{width:46px;height:46px}.booking-heading h1{font-size:15px}.booking-heading p{font-size:8px}.booking-step span{font-size:6.5px}.booking-navigation{padding:7px}.secondary-nav-button,.primary-nav-button{min-width:82px;height:33px;font-size:8px}}.service-page-overlay{z-index:3000;background:#1820373d;justify-content:stretch;align-items:stretch;display:flex;position:fixed;inset:0}.service-page{box-sizing:border-box;background:#fbfcff;width:100%;min-height:100%;padding:18px 24px 20px;overflow-y:auto}.service-page-header{justify-content:space-between;align-items:center;min-height:48px;margin-bottom:12px;display:flex}.service-page-title{align-items:center;gap:13px;display:flex}.service-title-icon{color:#3670dc;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 9px #1f325a0f}.service-page-title h2{color:#111827;margin:0;font-size:19px;font-weight:700}.service-page-close{color:#111827;cursor:pointer;background:#fff;border:1px solid #dfe4ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.service-page-close:hover{background:#f2f4f8;border-color:#cfd6e2}.service-page-content{grid-template-columns:minmax(0,3.1fr) minmax(285px,1.2fr);align-items:start;gap:17px;display:grid}.service-list-panel{background:#fff;border:1px solid #e7ebf2;border-radius:7px;min-width:0;padding:8px;box-shadow:0 2px 8px #1a294606}.service-table-header{color:#202a40;background:#f8f9fc;grid-template-columns:minmax(190px,1.45fr) minmax(155px,1.2fr) .55fr .55fr;align-items:center;min-height:37px;padding:0 12px;font-size:10px;font-weight:700;display:grid}.service-table-header>div:nth-child(3),.service-table-header>div:nth-child(4){text-align:center}.service-table-row{box-sizing:border-box;border-bottom:1px solid #edf0f4;grid-template-columns:25px minmax(190px,1.35fr) minmax(155px,1.15fr) .55fr .55fr;align-items:center;column-gap:5px;min-height:79px;padding:8px 12px;display:grid}.service-table-row.mandatory{grid-template-columns:25px minmax(190px,1.35fr) minmax(155px,1.15fr) .55fr .55fr}.service-table-row.selected{background:#fcfdff}.service-check{color:#fff;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cdd3de;border-radius:4px;justify-content:center;align-items:center;width:17px;height:17px;padding:0;display:flex}.service-check.checked{background:#1769e8;border-color:#1769e8}.service-main{align-items:center;gap:9px;min-width:0;display:flex}.service-item-icon{color:#2f69d9;background:#eff5ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.service-item-info{min-width:0}.service-item-info strong{color:#202a3d;font-size:10px;font-weight:700;display:block}.service-item-info span{color:#6c778d;margin-top:4px;font-size:8px;line-height:1.4;display:block}.service-details{color:#566177;flex-direction:column;gap:3px;min-width:0;font-size:8px;line-height:1.35;display:flex}.default-badge{color:#2e9c63;background:#eaf8f0;border-radius:4px;width:fit-content;padding:3px 6px;font-size:8px;font-weight:600}.service-price{color:#202838;text-align:center;white-space:nowrap;font-size:9px;font-weight:600}.service-action{justify-content:center;display:flex}.service-action button{color:#1764cf;cursor:pointer;background:#fff;border:1px solid #8fb3ed;border-radius:5px;justify-content:center;align-items:center;gap:3px;min-width:65px;height:29px;padding:0 8px;font-family:inherit;font-size:8px;font-weight:600;display:flex}.service-action button:hover{background:#f2f7ff}.service-table-row.selected .service-action button{background:#f1f7ff;border-color:#75a1e8}.service-action.included{color:#687387;white-space:nowrap;font-size:8px}.mandatory-info{color:#3e6fae;box-sizing:border-box;background:#f1f7ff;border-radius:6px;align-items:center;gap:7px;min-height:30px;margin:-1px 12px 3px 50px;padding:6px 10px;font-size:8px;display:flex}.info-circle{border:1px solid #5287d5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;font-size:8px;font-weight:700;display:flex}.service-list-footer{box-sizing:border-box;justify-content:space-between;align-items:center;min-height:55px;padding:9px 10px 2px;display:flex}.continue-booking-button{color:#2365c5;cursor:pointer;background:#fff;border:1px solid #9ab8e7;border-radius:5px;align-items:center;gap:4px;height:33px;padding:0 12px;font-family:inherit;font-size:8px;font-weight:600;display:flex}.continue-booking-button:hover{background:#f4f8ff}.clear-service-button{color:#697386;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-family:inherit;font-size:8px;display:flex}.clear-service-button:hover{color:#3f4b61}.order-summary-panel{box-sizing:border-box;background:#fff;border:1px solid #e5e9f0;border-radius:7px;min-width:0;padding:19px;box-shadow:0 2px 8px #1a294606}.order-summary-panel h2{color:#1e2739;margin:0 0 17px;font-size:16px;font-weight:700}.summary-service{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;min-height:39px;display:flex}.summary-service>span{color:#313a4d;font-size:8px}.summary-service>div{align-items:center;gap:7px;display:flex}.summary-service strong{color:#2d3547;white-space:nowrap;font-size:8px}.summary-service button{color:#737e91;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;line-height:1}.summary-service button:hover{color:#364154}.summary-total-row,.summary-discount{justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.summary-total-row span,.summary-discount span{color:#4b5569;font-size:8px}.summary-total-row strong{color:#30394c;font-size:8px}.summary-discount span,.summary-discount strong{color:#32a86b;font-size:8px}.summary-grand-total{justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.summary-grand-total>div{flex-direction:column;gap:4px;display:flex}.summary-grand-total>div strong{color:#202938;font-size:12px}.summary-grand-total>div span{color:#737e90;font-size:7px}.summary-grand-total>strong{color:#2167d6;white-space:nowrap;font-size:18px}.summary-security{color:#319766;box-sizing:border-box;background:#edfaf3;border-radius:6px;align-items:center;gap:9px;min-height:62px;padding:10px;font-size:8px;line-height:1.4;display:flex}.summary-security svg{flex-shrink:0}.make-payment-button{color:#fff;cursor:pointer;background:#1760e5;border:0;border-radius:6px;width:100%;height:39px;margin-top:15px;font-family:inherit;font-size:9px;font-weight:700}.make-payment-button:hover{background:#0f51ca}.summary-trust{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px;display:grid}.summary-trust>div{color:#626d80;justify-content:center;align-items:center;gap:5px;display:flex}.summary-trust svg{flex-shrink:0}.summary-trust span{font-size:7px;line-height:1.25}.recommended-services{box-sizing:border-box;background:#fff;border:1px solid #e7ebf2;border-radius:7px;width:calc(100% - 255px);margin-top:17px;padding:13px 14px}.recommended-services h3{color:#252f42;margin:0 0 11px;font-size:10px;font-weight:700}.recommended-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:relative}.recommended-card{box-sizing:border-box;border:1px solid #e7ebf2;border-radius:7px;align-items:center;gap:7px;min-width:0;min-height:67px;padding:8px;display:flex}.recommended-icon{color:#2f6bd7;background:#eff5ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.recommended-card>div:nth-child(2){flex:1;min-width:0}.recommended-card strong{color:#283247;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.recommended-card span{color:#323c50;margin-top:4px;font-size:8px;font-weight:600;display:block}.recommended-card button{color:#2167cf;cursor:pointer;background:#fff;border:1px solid #9ab9e9;border-radius:5px;height:25px;padding:0 7px;font-family:inherit;font-size:7px;font-weight:600}.recommended-card button:hover{background:#f3f7ff}.recommended-next{color:#3770cf;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.service-total-row{color:#59657c;background:#f7f9fd;border-radius:6px;justify-content:space-between;align-items:center;margin-top:7px;padding:7px 9px;font-size:8px;display:flex}.service-total-row strong{color:#2167d6;font-size:9px}@media (width<=1250px){.service-page{padding:15px 14px 18px}.service-page-content{grid-template-columns:minmax(0,2.8fr) minmax(270px,1.2fr);gap:12px}.service-table-header,.service-table-row,.service-table-row.mandatory{grid-template-columns:25px minmax(150px,1.35fr) minmax(125px,1.05fr) .55fr .55fr}.service-item-icon{width:42px;height:42px}.recommended-services{width:calc(100% - 230px)}}@media (width<=1000px){.service-page{padding:14px}.service-page-content{grid-template-columns:1fr}.order-summary-panel{order:-1}.recommended-services{width:100%}.recommended-list{grid-template-columns:repeat(2,minmax(0,1fr))}.service-table-header,.service-table-row,.service-table-row.mandatory{grid-template-columns:25px minmax(170px,1.35fr) minmax(145px,1.05fr) 100px 85px}}@media (width<=700px){.service-page{padding:11px 9px}.service-page-header{min-height:42px;margin-bottom:10px}.service-title-icon{width:40px;height:40px}.service-page-title{gap:9px}.service-page-title h2{font-size:16px}.service-page-close{width:33px;height:33px}.service-table-header{display:none}.service-table-row,.service-table-row.mandatory{grid-template-columns:24px minmax(0,1fr);row-gap:8px;padding:11px 8px}.service-table-row>.service-check{grid-area:1/1}.service-main{grid-area:1/2}.service-details{grid-area:2/2}.service-price{text-align:left;grid-area:3/2}.service-action{grid-area:4/2;justify-content:flex-start}.mandatory-info{margin:0 8px 4px 35px}.service-item-icon{width:42px;height:42px}.service-list-footer{min-height:50px;padding:8px 6px 2px}.recommended-list{grid-template-columns:1fr}.recommended-next{display:none}.recommended-services{margin-top:12px}.order-summary-panel{padding:15px}.summary-grand-total>strong{font-size:17px}}@media (width<=450px){.service-page{padding:9px 7px}.service-page-title h2{font-size:15px}.service-title-icon{width:38px;height:38px}.service-item-info strong{font-size:9px}.service-item-info span,.service-details{font-size:7px}.service-price{font-size:8px}.service-action button{min-width:60px}.summary-grand-total>strong{font-size:16px}.doctor-item-enhanced{min-height:88px;padding-right:16px;position:relative}.doctor-avatar-wrapper{flex-shrink:0;width:54px;height:54px;position:relative}.doctor-avatar-wrapper>img,.doctor-avatar-wrapper>.doctor-fallback{border-radius:50%;width:54px;height:54px}.doctor-avatar-wrapper>img{object-fit:cover;display:block}.doctor-avatar-wrapper .doctor-fallback{color:#64748b;background:#eef3f8;justify-content:center;align-items:center;display:none}.availability-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:-1px}.availability-dot.available{background:#22c55e}.availability-dot.limited{background:#f59e0b}.availability-dot.unavailable{background:#94a3b8}.doctor-availability{align-items:center;gap:4px;width:fit-content;margin-top:5px;font-size:10px;font-weight:600;display:inline-flex}.doctor-availability.available{color:#16a34a}.doctor-availability.limited{color:#d97706}.doctor-availability.unavailable{color:#64748b}.doctor-schedule{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;padding-left:15px;display:flex}.doctor-schedule span{color:#8a94a7;font-size:9px}.doctor-schedule strong{color:#334155;white-space:nowrap;font-size:10px}.selected-doctor-availability{background:#f7fbff;border:1px solid #dce7f2;border-radius:9px;align-items:center;gap:11px;margin-top:12px;padding:11px 13px;display:flex}.selected-availability-icon{color:#2c75c9;background:#e7f4ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.selected-doctor-availability>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.selected-doctor-availability strong{color:#25344d;font-size:11px}.selected-doctor-availability span{color:#778399;font-size:9px}.availability-pill{white-space:nowrap;border-radius:20px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:600}.availability-pill.available{color:#15803d;background:#eaf8ef}.availability-pill.limited{color:#b45309;background:#fff6df}.availability-pill.unavailable{color:#64748b;background:#eef1f4}.visit-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.visit-type-option{color:#34435a;text-align:left;background:#fff;border:1px solid #e1e7ef;border-radius:12px;align-items:flex-start;gap:13px;width:100%;min-height:138px;padding:17px;transition:all .2s;display:flex;position:relative}.visit-type-option:hover{background:#f9fcff;border-color:#a9c8e8;transform:translateY(-1px)}.visit-type-option.selected{background:#f4faff;border-color:#3181d5;box-shadow:0 0 0 2px #3181d514}.visit-type-option.disabled{opacity:.5;cursor:not-allowed}.visit-type-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.visit-type-icon.hospital{color:#3277bd;background:#edf5ff}.visit-type-icon.video{color:#1c9a70;background:#eef8f4}.visit-type-content{flex-direction:column;gap:5px;min-width:0;padding-right:10px;display:flex}.visit-type-content strong{color:#263650;font-size:12px;font-weight:700}.visit-type-content>span{color:#758198;font-size:9px;line-height:1.55}.visit-type-meta{color:#61718a;align-items:center;gap:5px;margin-top:4px;font-size:9px;display:flex}.visit-type-meta svg{color:#3c8a67;flex-shrink:0}.visit-selected-check{color:#fff;background:#3181d5;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:12px;right:12px}.online-consultation-info{background:#f5fbf8;border:1px solid #d5ebe3;border-radius:10px;margin-top:14px;padding:14px}.online-info-header{align-items:center;gap:10px;display:flex}.online-info-icon{color:#1b8c69;background:#dff4eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.online-info-header>div:last-child{flex-direction:column;gap:2px;display:flex}.online-info-header strong{color:#245743;font-size:11px}.online-info-header span{color:#688277;font-size:9px}.online-info-points{border-top:1px solid #dcece6;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:12px;padding-top:11px;display:grid}.online-info-points>div{color:#637c71;align-items:center;gap:6px;font-size:9px;display:flex}.online-info-points svg{color:#25906d;flex-shrink:0}.in-person-info{background:#f7fbff;border:1px solid #dce7f1;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.in-person-info-icon{color:#3979b4;background:#eaf3fb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.in-person-info>div:last-child{flex-direction:column;gap:2px;display:flex}.in-person-info strong{color:#30445e;font-size:10px}.in-person-info span{color:#748197;font-size:9px}.booking-selected-mode{color:#627189;background:#f5f8fb;border-radius:7px;align-items:center;gap:7px;margin-bottom:13px;padding:8px 10px;font-size:9px;display:flex}.booking-selected-mode svg{color:#3a7fc3;flex-shrink:0}.booking-selected-mode strong{color:#33445e;margin-left:auto;font-size:9px}.no-slots{color:#7a879a;border:1px dashed #d7dee7;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:9px;display:flex}.consultation-summary-row{border-left:3px solid #3181d5;padding-left:10px}.success-consultation-type{color:#3278ba;background:#eef7ff;border-radius:20px;justify-content:center;align-items:center;gap:7px;width:fit-content;margin:3px auto 12px;padding:7px 11px;font-size:10px;font-weight:600;display:inline-flex}.success-online-note{color:#5d776d;background:#f2faf7;border-radius:8px;align-items:flex-start;gap:7px;margin-top:11px;padding:9px 10px;font-size:9px;line-height:1.4;display:flex}.success-online-note svg{color:#218a68;flex-shrink:0;margin-top:1px}@media (width<=1050px){.doctor-schedule{display:none}.visit-type-grid,.online-info-points{grid-template-columns:1fr}}@media (width<=700px){.doctor-item-enhanced{min-height:82px;padding:12px}.doctor-avatar-wrapper,.doctor-avatar-wrapper>img,.doctor-avatar-wrapper>.doctor-fallback{width:46px;height:46px}.availability-dot{width:10px;height:10px}.doctor-availability{font-size:8px}.selected-doctor-availability{align-items:flex-start}.availability-pill{font-size:8px}.visit-type-grid{grid-template-columns:1fr;gap:9px}.visit-type-option{min-height:105px;padding:13px}.visit-type-icon{width:38px;height:38px}.visit-type-content strong{font-size:10px}.visit-type-content>span,.visit-type-meta{font-size:8px}.online-consultation-info{padding:11px}.online-info-points{grid-template-columns:1fr}.booking-selected-mode{flex-wrap:wrap}.booking-selected-mode strong{width:100%;margin-left:23px}.success-consultation-type{font-size:9px}}}@media (width<=1000px){.consultation-mode-content strong{font-size:10px}.consultation-mode-content span{font-size:8px}}@media (width<=700px){.consultation-mode-item{min-height:58px}.consultation-mode-content strong{font-size:10px}.consultation-mode-content span{font-size:8px}}@media (width>=1024px){.booking-stepper,.booking-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.consultation-mode-options{flex-direction:column;gap:10px;margin-top:14px;display:flex}.consultation-mode-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e8f0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px;transition:all .2s;display:flex;position:relative}.consultation-mode-option:hover,.consultation-mode-option.selected{border-color:#178fe8}.consultation-mode-icon{color:#178fe8;background:#eef0ff;border-radius:10px;place-items:center;width:40px;min-width:40px;height:40px;display:grid}.consultation-mode-option>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.consultation-mode-option>div:nth-child(2) strong{font-size:14px}.consultation-mode-option>div:nth-child(2) span{font-size:12px;line-height:1.4}.doctor-availability-summary{border-top:1px solid #edf0f5;margin-top:18px;padding-top:14px}.availability-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:12px;display:flex}.availability-row span{color:#68738a}.availability-row strong{color:#1d2850;text-align:right}.doctor-content small{flex-direction:column;gap:3px;margin-top:4px;line-height:1.35;display:flex}@media (width>=1024px) and (width<=1399px){.booking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1023px){.booking-stepper{grid-template-columns:repeat(6,minmax(90px,1fr))}}.view-all-button .rotate-90{transform:rotate(90deg)}.booking-validation-error{color:#b42318;background:#fff5f5;border:1px solid #f0b7b7;border-radius:8px;margin:0 28px 14px;padding:10px 14px;font-size:13px;line-height:1.45}@media (width<=767px){.booking-validation-error{margin:0 16px 12px}}.doctor-selection-area,.selected-doctor-panel{width:100%}@media (width<=768px){.selected-doctor-card{align-items:flex-start}.selected-doctor-action span{display:none}}.doctor-selection-area,.selected-doctor-panel{width:100%}.selected-doctor-label{color:#176bf0;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.selected-doctor-card{text-align:left;cursor:pointer;box-sizing:border-box;background:#f7fbff;border:1px solid #176bf0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.selected-doctor-card:hover{background:#f1f7ff}.selected-doctor-card .doctor-content{flex:1;min-width:0}.selected-doctor-action{color:#176bf0;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.selected-doctor-hint{color:#6b7280;margin-top:8px;font-size:12px}@media (width<=768px){.selected-doctor-card{align-items:flex-start}.selected-doctor-action span{display:none}}.selected-department-panel{width:100%}.selected-department-label{color:#176bf0;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.selected-department-card{text-align:left;cursor:pointer;box-sizing:border-box;background:#f7fbff;border:1px solid #176bf0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.selected-department-card:hover{background:#f1f7ff}.selected-department-card .department-content{flex:1;min-width:0}.selected-department-action,.selected-datetime-action{color:#176bf0;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.selected-department-hint,.selected-datetime-hint{color:#6b7280;margin-top:8px;font-size:12px}.selected-datetime-panel{width:100%;margin-top:14px}.selected-datetime-label{color:#176bf0;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.selected-datetime-card{text-align:left;cursor:pointer;box-sizing:border-box;background:#f7fbff;border:1px solid #176bf0;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.selected-datetime-card:hover{background:#f1f7ff}.selected-datetime-item{align-items:center;gap:9px;min-width:0;display:flex}.selected-datetime-item svg{color:#176bf0;flex-shrink:0}.selected-datetime-item div{flex-direction:column;gap:2px;min-width:0;display:flex}.selected-datetime-item small{color:#6b7280;font-size:11px}.selected-datetime-item strong{color:#172033;font-size:13px}@media (width<=768px){.selected-department-card{align-items:flex-start}.selected-department-action span,.selected-datetime-action span{display:none}.selected-datetime-card{grid-template-columns:1fr}.selected-datetime-action{justify-content:flex-end}}.consultation-mode-options .consultation-mode-option:hover,.consultation-mode-options .consultation-mode-option.selected{background:#f7fcff;border-color:#178fe8}.consultation-mode-options .consultation-mode-icon,.consultation-mode-options .consultation-mode-option.selected .consultation-mode-icon{color:#178fe8;background:#eaf6fc}.consultation-mode-options .selection-check,.consultation-mode-options .consultation-mode-check{color:#fff;background:#178fe8}.confirm-card .summary-icon{color:#178fe8;background:#eaf6fc}.confirm-card .book-final-button{color:#fff;background:#178fe8}.confirm-card .book-final-button:hover{background:#117fcf}.doctor-item img.doctor-image,.selected-doctor-card img.doctor-image{object-fit:cover;object-position:center top;background:#eef1f7;border:1px solid #e4e9f1;border-radius:8px;flex-shrink:0;width:38px;min-width:38px;height:48px;min-height:48px;display:block}.selected-doctor-card img.doctor-image{border-radius:10px;width:52px;min-width:52px;height:60px;min-height:60px}.doctor-item .doctor-fallback,.selected-doctor-card .doctor-fallback{color:#66718a;background:#eef1f7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:48px;display:none}.selected-doctor-card .doctor-fallback{border-radius:10px;width:52px;min-width:52px;height:60px}.doctor-item,.selected-doctor-card{overflow:hidden}.doctor-item .doctor-content,.selected-doctor-card .doctor-content{flex:1;min-width:0}@media (width<=700px){.doctor-item img.doctor-image{width:42px;min-width:42px;height:52px;min-height:52px}.selected-doctor-card img.doctor-image{width:50px;min-width:50px;height:58px;min-height:58px}}.booking-page .booking-six-field-row{align-items:stretch;width:100%;padding-bottom:4px;overflow:auto visible;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.booking-page .booking-six-field-row>.compact-field-card{flex-direction:column;height:620px;max-height:620px;display:flex;overflow:hidden;width:auto!important;min-width:0!important;padding:14px!important}.booking-page .compact-field-card .card-step-title{white-space:nowrap;font-size:13px;line-height:1.2}.booking-page .compact-field-card .card-description{min-height:24px;margin:5px 0 10px;font-size:10px}.booking-page .compact-ai-box{padding:9px!important}.booking-page .compact-ai-box .ai-search-heading{gap:7px;margin-bottom:8px}.booking-page .compact-ai-box .ai-search-heading strong{font-size:10px}.booking-page .compact-ai-box .ai-search-heading span{font-size:8px}.booking-page .compact-ai-box textarea{resize:none;min-height:62px;max-height:75px;font-size:10px}.booking-page .compact-ai-button{min-height:30px;margin-top:7px;padding:7px 8px;font-size:9px}.booking-page .compact-popular-searches{gap:5px;max-height:108px;overflow-y:auto}.booking-page .compact-popular-searches button{justify-content:flex-start;width:100%;padding:6px 7px;font-size:8px}.booking-page .department-search-wrap{box-sizing:border-box;background:#fff;border:1px solid #dbe4ee;border-radius:8px;align-items:center;gap:7px;height:34px;min-height:34px;margin-bottom:8px;padding:0 9px;display:flex}.booking-page .department-search-wrap>svg{color:#8090a5;flex:none}.booking-page .department-search-wrap input{color:#26384d;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.booking-page .department-search-wrap input::placeholder{color:#9aa8b8}.booking-page .department-search-clear{cursor:pointer;color:#8a99aa;background:0 0;border:0;padding:2px}.booking-page .department-list.compact-scroll-list,.booking-page .doctor-list.compact-scroll-list{flex:1;min-height:0;padding-right:3px;overflow-x:hidden;overflow-y:auto!important}.booking-page .department-list.compact-scroll-list,.booking-page .department-list.compact-scroll-list.show-all{max-height:none}.booking-page .department-list.compact-scroll-list .department-item,.booking-page .doctor-list.compact-scroll-list .doctor-item{border-radius:8px;min-height:48px;margin-bottom:5px;padding:7px 5px}.booking-page .department-list.compact-scroll-list .department-content strong,.booking-page .doctor-list.compact-scroll-list .doctor-content strong{font-size:9px;line-height:1.15}.booking-page .department-list.compact-scroll-list .department-content span,.booking-page .doctor-list.compact-scroll-list .doctor-content span,.booking-page .doctor-list.compact-scroll-list .doctor-content small{font-size:7px;line-height:1.2}.booking-page .compact-view-all{flex:none;min-height:30px;margin-top:7px;font-size:8px}.booking-page .department-empty{color:#8a99aa;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100px;font-size:9px;display:flex}.booking-page .compact-locked-state{min-height:150px;padding:12px}.booking-page .compact-locked-state strong{font-size:10px}.booking-page .compact-locked-state span{font-size:8px}.booking-page .selected-doctor-card{gap:7px;padding:8px!important}.booking-page .selected-doctor-card .doctor-image-wrap,.booking-page .doctor-item .doctor-image-wrap{flex:0 0 32px;width:32px;height:32px}.booking-page .selected-doctor-card .doctor-content strong{font-size:9px}.booking-page .selected-doctor-card .doctor-content span,.booking-page .selected-doctor-card .doctor-content small{font-size:7px}.booking-page .compact-mode-options{flex-direction:column;gap:7px;display:flex}.booking-page .compact-mode-options .consultation-mode-option{gap:7px;width:100%;min-height:52px;padding:8px}.booking-page .compact-mode-options .consultation-mode-option strong{font-size:9px}.booking-page .compact-mode-options .consultation-mode-option span{font-size:7px}.booking-page .compact-availability{margin-top:10px}.booking-page .compact-availability .availability-row{padding:6px 0;font-size:8px}.booking-page .date-time-vertical{flex-direction:column;gap:10px;display:flex}.booking-page .date-select-block,.booking-page .time-select-block{flex-direction:column;gap:5px;display:flex}.booking-page .date-select-block label,.booking-page .time-select-block label{color:#617188;font-size:9px;font-weight:700}.booking-page .date-select-block select,.booking-page .time-select-block select{color:#26384d;background:#fff;border:1px solid #dbe4ee;border-radius:8px;outline:0;width:100%;height:36px;padding:0 9px;font-size:9px}.booking-page .date-select-block select:focus,.booking-page .time-select-block select:focus{border-color:#178fe8}.booking-page .time-select-block select:disabled{color:#a3afbd;background:#f4f7fa}.booking-page .compact-timezone{margin-top:2px;font-size:7px}.booking-page .compact-confirmation-details{flex-direction:column;gap:5px;max-height:180px;padding-right:2px;display:flex;overflow-y:auto}.booking-page .compact-confirmation-details .summary-row{gap:7px;min-height:32px;padding:5px 6px}.booking-page .compact-confirmation-details .summary-icon{flex:0 0 24px;width:24px;height:24px}.booking-page .compact-confirmation-details small{font-size:7px}.booking-page .compact-confirmation-details strong{font-size:8px;line-height:1.15}.booking-page .compact-reason-section,.booking-page .compact-notes-section{margin-top:8px}.booking-page .compact-reason-section label,.booking-page .compact-notes-section label{font-size:8px}.booking-page .compact-reason-section textarea,.booking-page .compact-notes-section textarea{resize:none;min-height:38px;max-height:50px;padding:6px;font-size:8px}.booking-page .compact-book-final-button{flex:none;width:100%;min-height:38px;margin-top:auto;font-size:9px}@media (width>=851px){.booking-page .booking-navigation{display:none!important}}@media (width>=851px) and (width<=1250px){.booking-page .booking-six-field-row{overflow-x:auto;grid-template-columns:repeat(6,190px)!important}}@media (width<=850px){.booking-page .booking-six-field-row{overflow-x:visible;grid-template-columns:1fr!important;display:grid!important}.booking-page .booking-six-field-row>.compact-field-card{height:auto;min-height:0;max-height:none}.booking-page .booking-navigation{display:flex}}@media (width<=600px){.booking-page .booking-six-field-row{gap:9px!important}}.booking-page .booking-six-field-row .booking-step-card:nth-child(6){overflow:visible}.booking-page .booking-six-field-row .booking-step-card:nth-child(6) .booking-step-card-body{min-height:0;overflow:visible}.booking-page .compact-scroll-list{scrollbar-width:none;-ms-overflow-style:none}.booking-page .compact-scroll-list::-webkit-scrollbar{width:0;height:0;display:none}.booking-page .booking-six-field-row .booking-step-card:nth-child(6),.booking-page .booking-six-field-row .booking-step-card:nth-child(6) .booking-step-card-body,.booking-page .booking-six-field-row .booking-step-card:nth-child(6) .confirmation-content,.booking-page .booking-six-field-row .booking-step-card:nth-child(6) .confirmation-summary{max-height:none!important;overflow:visible!important}.booking-page .booking-six-field-row .booking-step-card:nth-child(5){overflow:hidden}.booking-page .booking-six-field-row,.booking-page .compact-popular-searches,.booking-page .compact-scroll-list,.booking-page .department-list.compact-scroll-list,.booking-page .doctor-list.compact-scroll-list{scrollbar-width:none!important;-ms-overflow-style:none!important}.booking-page .booking-six-field-row::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.booking-page .compact-popular-searches::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.booking-page .compact-scroll-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.booking-page .department-list.compact-scroll-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.booking-page .doctor-list.compact-scroll-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.booking-page .confirmation-field-card,.booking-page .confirmation-field-card .compact-confirmation-details{max-height:none!important;overflow:visible!important}.booking-page .compact-confirmation-details{scrollbar-width:none!important;-ms-overflow-style:none!important}.booking-page .date-time-calendar{flex-direction:column;gap:8px;min-width:0;display:flex}.booking-page .date-time-calendar .calendar-header{margin-bottom:1px}.booking-page .date-time-calendar .calendar-week,.booking-page .date-time-calendar .calendar-days{width:100%}.booking-page .date-time-calendar .calendar-week span{color:#7c869b;font-size:7px}.booking-page .date-time-calendar .calendar-week .sunday-label{color:#e04b5f}.booking-page .date-time-calendar .calendar-days{row-gap:3px}.booking-page .date-time-calendar .calendar-days button{aspect-ratio:auto;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:31px;padding:2px 1px;font-size:8px;line-height:1;display:flex;position:relative}.booking-page .date-time-calendar .calendar-days button.sunday{color:#e04b5f;cursor:not-allowed;background:#fff2f4}.booking-page .date-time-calendar .calendar-days button.sunday small{color:#e04b5f;margin-top:2px;font-size:5px;font-weight:700;line-height:1;display:block}.booking-page .date-time-calendar .calendar-days button.selected{color:#fff;background:#178fe8}.booking-page .date-time-calendar .calendar-days button.selected small{color:#fff}.booking-page .date-time-calendar .calendar-days button:disabled:not(.sunday){color:#b8c0cc;cursor:not-allowed}.booking-page .calendar-legend{color:#d94a5b;background:#fff7f8;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:7px;line-height:1;display:flex}.booking-page .calendar-legend-dot{background:#e04b5f;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.booking-page .calendar-time-block{margin-top:1px}.booking-page .date-time-calendar .time-select-block select{color:#26384d;background:#fff;border:1px solid #dbe4ee;border-radius:7px;outline:0;width:100%;height:32px;padding:0 8px;font-size:8px}.booking-page .date-time-calendar .time-select-block select:disabled{color:#a3afbd;background:#f4f7fa}@media (width<=850px){.booking-page .date-time-calendar .calendar-days button{height:38px}}.booking-page .success-actions{gap:8px;margin-top:14px;display:flex}.booking-page .success-receipt-button,.booking-page .success-done-button{cursor:pointer;border:1px solid #178fe8;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:700;display:inline-flex}.booking-page .success-receipt-button{color:#fff;background:#178fe8}.booking-page .success-done-button{color:#178fe8;background:#fff}.booking-page .department-icon,.booking-page .consultation-mode-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.booking-page .department-icon svg,.booking-page .consultation-mode-icon svg{stroke-width:1.9px}.booking-page .department-icon-reproductive-medicine,.booking-page .department-icon-gynacology-obstetrics,.booking-page .department-icon-lactation-consultant,.booking-page .department-icon-paediatrics,.booking-page .department-icon-neonatologist,.booking-page .department-icon-paediatric-surgery,.booking-page .department-icon-paediatric-nephrology,.booking-page .department-icon-paediatric-developing{color:#d85a8a}.booking-page .department-icon-cardiology,.booking-page .department-icon-paediatric-cariology,.booking-page .department-icon-vascular-surgeon{color:#e45757}.booking-page .department-icon-orthopedics,.booking-page .department-icon-spine-ortho,.booking-page .department-icon-paediatric-ortho{color:#8b6f47}.booking-page .department-icon-sonography,.booking-page .department-icon-radiologist,.booking-page .department-icon-radio-diagnosis{color:#2b8ec7}.booking-page .department-icon-neurology-surgeon,.booking-page .department-icon-neurology,.booking-page .department-icon-psychiatry{color:#7657c7}.booking-page .department-icon-ent,.booking-page .department-icon-opthalmology{color:#268f91}.booking-page .department-icon-dermatology,.booking-page .department-icon-plastic-surgery{color:#b35b9b}.booking-page .consultation-mode-icon-direct{color:#2c7a9f}.booking-page .consultation-mode-icon-video{color:#6b58c9}.payment-page{box-sizing:border-box;background:#f8f9fc;width:100%;min-height:100%;padding:30px 32px 35px}.payment-container{box-sizing:border-box;background:#fbfcff;border:1px solid #e1e5ec;border-radius:8px;width:100%;max-width:1000px;margin:0 auto;padding:20px;box-shadow:0 3px 10px #141e3714}.payment-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.payment-heading h1{color:#101010;margin:0;font-size:19px;font-weight:700}.payment-heading p{color:#737983;margin:7px 0 0;font-size:9px}.payment-close{color:#111827;cursor:pointer;background:#fff;border:1px solid #e0e4eb;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.payment-stepper{box-sizing:border-box;background:#fff;border:1px solid #e2e5eb;border-radius:10px;justify-content:space-between;align-items:center;min-height:68px;padding:0 30px;display:flex}.payment-step{align-items:center;gap:9px;min-width:105px;display:flex}.payment-step-number{color:#161616;background:#f8f8f8;border:1px solid #e0e3e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:10px;font-weight:600;display:flex}.payment-step.active .payment-step-number{color:#fff;background:#1769d9;border-color:#1967dc}.payment-step.completed .payment-step-number{background:#f2f3f5}.payment-step-label{flex-direction:column;gap:3px;display:flex}.payment-step-label strong,.payment-step-label span{color:#151515;font-size:8px;line-height:1.2}.payment-step-label strong{font-weight:700}.payment-step-line{background:#cfd2d8;flex:1;height:1px;margin:0 13px}.payment-body{grid-template-columns:215px minmax(330px,1fr) 220px;align-items:stretch;gap:8px;margin-top:8px;display:grid}.payment-left{flex-direction:column;gap:8px;display:flex}.payment-card{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:9px}.payment-card h2{color:#111827;margin:0;font-size:10px;font-weight:700}.appointment-details-card{padding:14px}.doctor-payment-info{align-items:flex-start;gap:10px;margin-top:13px;display:flex}.doctor-payment-avatar{color:#fff;background:#dcdcdc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.doctor-payment-info strong{color:#202020;font-size:9px;display:block}.doctor-payment-info span{color:#5f6570;margin-top:4px;font-size:7px;display:block}.doctor-payment-info small{color:#858b96;margin-top:3px;font-size:6.5px;display:block}.doctor-stars{color:#d5d7dc;letter-spacing:1px;margin-top:5px;font-size:7px}.appointment-info-list{flex-direction:column;gap:11px;margin-top:15px;display:flex}.appointment-info-item{color:#747b87;align-items:center;gap:8px;font-size:7px;line-height:1.35;display:flex}.appointment-info-item svg{color:#3775db;flex-shrink:0}.consultation-fee-box{text-align:center;background:#edf7ff;border-radius:7px;margin:15px 9px 0;padding:9px}.consultation-fee-box span{color:#3972ad;font-size:7px;display:block}.consultation-fee-box strong{color:#1166c9;margin-top:3px;font-size:10px;display:block}.why-online-card{padding:13px}.why-online-card h3{color:#2b9b5e;margin:0;font-size:9px}.why-online-card ul{margin:8px 0 0;padding-left:13px}.why-online-card li{color:#30343b;margin-bottom:7px;font-size:7px;line-height:1.35}.payment-method-card{padding:14px 12px 10px}.payment-method-list{flex-direction:column;gap:5px;margin-top:12px;display:flex}.payment-method{text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dfe3e9;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:45px;padding:6px 9px;font-family:inherit;display:flex}.payment-method:hover{background:#fbfdff;border-color:#8db5ed}.payment-method.selected{background:#f4f9ff;border-color:#4d9af0}.method-radio{border:1px solid #d2d6dc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.payment-method.selected .method-radio{border:1.5px solid #1769d9}.method-radio span{background:#1769d9;border-radius:50%;width:7px;height:7px}.method-icon{color:#1d6bd3;background:#dceeff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.method-content{flex:1;min-width:0}.method-content strong{color:#222831;font-size:8px;display:block}.method-content small{color:#818793;margin-top:3px;font-size:6.5px;display:block}.payment-brands{flex-shrink:0;align-items:center;gap:4px;display:flex}.payment-brands span{color:#31537f;white-space:nowrap;font-size:5.5px;font-weight:700}.pay-button{color:#fff;cursor:pointer;background:#1768d9;border:0;border-radius:7px;justify-content:center;align-items:center;width:58%;height:31px;margin:7px auto 0;font-family:inherit;font-size:8px;font-weight:700;display:flex}.pay-button:hover:not(:disabled){background:#105ac1}.pay-button:disabled{opacity:.65;cursor:wait}.payment-summary{padding:14px 12px}.summary-price-row{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:8px;min-height:34px;display:flex}.summary-price-row span{color:#5c626d;font-size:7.5px}.summary-price-row strong{color:#4b515c;white-space:nowrap;font-size:7.5px}.summary-divider{background:#dfe2e7;height:1px;margin:4px 0}.summary-total{justify-content:space-between;align-items:center;gap:7px;min-height:50px;display:flex}.summary-total span{color:#20242b;font-size:8px;font-weight:700}.summary-total strong{color:#20242b;font-size:8px}.promo-button{color:#31a064;cursor:pointer;background:#f0f9f3;border:1px solid #dce4df;border-radius:7px;justify-content:space-between;align-items:center;width:100%;height:32px;margin-top:4px;padding:0 9px;font-family:inherit;font-size:7px;font-weight:600;display:flex}.promo-button>span{align-items:center;gap:6px;display:flex}.promo-rotate{transform:rotate(180deg)}.promo-input{gap:4px;margin-top:6px;display:flex}.promo-input input{border:1px solid #dfe3e9;border-radius:5px;outline:none;width:100%;min-width:0;height:27px;padding:0 7px;font-family:inherit;font-size:7px}.promo-input button{color:#fff;background:#1768d9;border:0;border-radius:5px;height:27px;padding:0 8px;font-family:inherit;font-size:7px}.accepted-payment-box{background:#f6f9fd;border:1px solid #dce2eb;border-radius:8px;margin-top:10px;padding:10px}.accepted-payment-box strong{color:#2164ca;font-size:7px;display:block}.accepted-brands{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.accepted-brands span{color:#435a80;background:#fff;border-radius:3px;justify-content:center;align-items:center;min-height:17px;padding:2px;font-size:5.5px;font-weight:700;display:flex}.payment-help{flex-direction:column;gap:9px;margin-top:10px;display:flex}.payment-help>div{align-items:center;gap:7px;display:flex}.help-icon{color:#57a;background:#f5f8fd;border:1px solid #dce3ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.payment-help strong{color:#3568bc;font-size:6.5px;display:block}.payment-help small{color:#89909b;margin-top:2px;font-size:5.5px;display:block}.payment-confirm-overlay{z-index:4000;background:#141c3061;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payment-confirm-modal{text-align:center;background:#fff;border-radius:15px;width:min(370px,100%);padding:25px;box-shadow:0 25px 70px #0f193233}.payment-confirm-icon{color:#1768d9;background:#eaf3ff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 13px;display:flex}.payment-confirm-modal h2{color:#182033;margin:0;font-size:17px}.payment-confirm-modal p{color:#7a8392;margin:9px 0 3px;font-size:9px}.confirm-amount{color:#1768d9;font-size:23px;display:block}.confirm-method{color:#6e7788;margin-top:5px;font-size:8px;display:block}.confirm-actions{gap:7px;margin-top:20px;display:flex}.confirm-actions button{cursor:pointer;border-radius:7px;flex:1;height:36px;font-family:inherit;font-size:8px;font-weight:600}.confirm-actions button:first-child{color:#596477;background:#fff;border:1px solid #dce1e8}.confirm-actions button:last-child{color:#fff;background:#1768d9;border:0;justify-content:center;align-items:center;gap:5px;display:flex}@media (width<=1000px){.payment-page{padding:20px 15px 30px}.payment-container{padding:15px}.payment-body{grid-template-columns:190px minmax(300px,1fr)}.payment-summary{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:0 15px;display:grid}.payment-summary h2,.payment-summary .summary-divider,.payment-summary .summary-total,.payment-summary .promo-button,.payment-summary .promo-input,.payment-summary .accepted-payment-box,.payment-summary .payment-help{grid-column:1/-1}}@media (width<=700px){.payment-page{padding:10px}.payment-container{border-radius:8px;padding:11px}.payment-heading h1{font-size:16px}.payment-heading p{font-size:8px}.payment-stepper{justify-content:flex-start;gap:8px;padding:10px;overflow-x:auto}.payment-step{min-width:90px}.payment-step-line{flex:0 0 25px;margin:0}.payment-body{grid-template-columns:1fr}.payment-summary{grid-column:auto;display:block}.payment-card{width:100%}.payment-brands{display:none}.pay-button{width:100%;height:38px}}@media (width<=450px){.payment-page{padding:7px}.payment-container{padding:9px}.payment-step-label{display:none}.payment-step{min-width:auto}.payment-stepper{justify-content:space-around}.payment-heading h1{font-size:14px}.appointment-details-card,.payment-method-card,.payment-summary,.why-online-card{padding:11px}}.payment-success-page{box-sizing:border-box;background:#f8f9fc;min-height:100%;padding:30px 32px 35px}.payment-success-container{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:0 12px 25px}.success-heading{margin:0 0 8px}.success-heading h1{color:#101010;margin:0;font-size:13px;font-weight:700}.success-heading p{color:#202020;margin:7px 0 0;font-size:8px}.success-banner{box-sizing:border-box;background:linear-gradient(90deg,#f2fbf6,#fbfffc);border:1px solid #d9eee1;border-radius:7px;grid-template-columns:105px 1.5fr 1.25fr 190px;align-items:center;gap:13px;min-height:110px;padding:14px 20px;display:grid}.success-check-circle{color:#fff;background:#31ad68;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto;display:flex;box-shadow:0 0 0 8px #31ad680f}.success-message h2{color:#2f9e5c;margin:0;font-size:15px}.success-message strong{color:#30383d;margin-top:5px;font-size:9px;display:block}.success-message p{color:#68716f;margin:8px 0 0;font-size:7px;line-height:1.45}.success-message b{color:#2f9e5c}.success-status{border-left:1px solid #dcebe1;flex-direction:column;gap:7px;padding-left:14px;display:flex}.success-status>div{grid-template-columns:95px 1fr;gap:5px;display:grid}.success-status span,.success-status strong{font-size:6.5px}.success-status span{color:#5e6864}.success-status strong{color:#33403b}.paid-badge{background:#dff5e8;border-radius:4px;width:fit-content;padding:3px 7px;font-weight:600;color:#2d9c5c!important}.receipt-download-box{flex-direction:column;align-items:stretch;gap:9px;display:flex}.download-receipt-button{color:#24548e;cursor:pointer;background:#fff;border:1px solid #9db3d3;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-family:inherit;font-size:7px;display:flex}.download-receipt-button:hover{background:#f3f8ff}.receipt-download-box p{color:#707976;text-align:center;margin:0;font-size:6px;line-height:1.5}.receipt-download-box strong{color:#38413e}.success-content-grid{grid-template-columns:225px 300px minmax(250px,1fr);align-items:start;gap:16px;margin-top:18px;display:grid}.success-card{box-sizing:border-box;background:#fff;border:1px solid #e0e5ec;border-radius:8px;min-height:300px;padding:14px}.success-card h2{color:#2165bd;margin:0;font-size:9px}.success-doctor{gap:9px;margin-top:15px;display:flex}.success-doctor-avatar{color:#fff;background:#edf0f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.success-doctor strong,.success-doctor span,.success-doctor small{display:block}.success-doctor strong{color:#222;font-size:8px}.success-doctor span{color:#606873;margin-top:4px;font-size:6.5px}.success-doctor small{color:#838994;margin-top:3px;font-size:6px}.success-doctor div>div{color:#c6cad0;margin-top:3px;font-size:7px}.success-info-list{flex-direction:column;gap:13px;margin-top:20px;display:flex}.success-info-list>div{color:#6d7581;align-items:center;gap:8px;font-size:6.5px;line-height:1.4;display:flex}.success-info-list svg{color:#3676d9;flex-shrink:0}.success-consultation-fee{text-align:center;background:#eaf6ff;border-radius:7px;margin:16px 8px 0;padding:9px}.success-consultation-fee span{color:#3471a9;font-size:6px;display:block}.success-consultation-fee strong{color:#1970cf;margin-top:4px;font-size:9px;display:block}.token-card h2{color:#2165bd}.token-card>p{color:#7b828b;margin:15px 0 8px;font-size:6px}.token-box{text-align:center;box-sizing:border-box;border:1px solid #d4dae2;border-radius:8px;min-height:225px;padding:9px}.token-box>span{color:#7b828a;font-size:6px;display:block}.token-box>strong{color:#26964f;margin-top:3px;font-size:28px;line-height:1;display:block}.token-box>label{color:#4d8a69;background:#d9f2e6;border-radius:7px;margin-top:5px;padding:4px 14px;font-size:8px;display:inline-block}.fake-qr{background:linear-gradient(90deg,#000 9px,#0000 9px) 0 0/25px 25px,linear-gradient(#000 9px,#0000 9px) 0 0/25px 25px,#fff;justify-content:center;align-items:center;width:92px;height:92px;margin:10px auto 7px;display:flex;overflow:hidden}.fake-qr span{color:#000;font-size:76px;line-height:1}.token-box>p{color:#262626;margin:0;font-size:7px;line-height:1.5}.success-summary-card{min-height:300px}.success-summary-card h2{align-items:center;gap:6px;display:flex}.success-summary-list{margin-top:13px}.success-summary-list>div{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:7px;min-height:32px;display:flex}.success-summary-list span,.success-summary-list strong{font-size:7px}.success-summary-list span{color:#59616e}.success-summary-list strong{color:#4a525d}.success-summary-total{justify-content:space-between;align-items:center;min-height:46px;display:flex}.success-summary-total span{color:#252b34;font-size:8px;font-weight:700}.success-summary-total strong{color:#252b34;font-size:9px}.amount-paid{background:#ecf9f1;border-radius:5px;justify-content:space-between;align-items:center;min-height:35px;padding:0 9px;display:flex}.amount-paid span{color:#36a064;align-items:center;gap:4px;font-size:7px;display:flex}.amount-paid strong{color:#30975c;font-size:7px}.paid-detail{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:7px;min-height:37px;display:flex}.paid-detail span{color:#69717d;font-size:6.5px}.paid-detail strong{color:#4b5360;text-align:right;font-size:6.5px}@media (width<=1000px){.payment-success-page{padding:20px 15px 30px}.success-banner{grid-template-columns:75px 1.3fr 1fr}.receipt-download-box{grid-column:2/-1}.success-content-grid{grid-template-columns:1fr 1fr}.success-summary-card{grid-column:1/-1}}@media (width<=700px){.payment-success-page{padding:10px}.payment-success-container{padding:0}.success-banner{text-align:center;grid-template-columns:1fr}.success-status{border-top:1px solid #dcebe1;border-left:0;padding:10px 0 0}.success-status>div{text-align:left;grid-template-columns:1fr 1fr}.receipt-download-box{grid-column:auto}.success-content-grid{grid-template-columns:1fr}.success-summary-card{grid-column:auto}}.real-qr{box-sizing:border-box;background:#fff;border:1px solid #e0e4ea;border-radius:4px;justify-content:center;align-items:center;width:104px;height:104px;margin:10px auto 7px;padding:5px;display:flex}.real-qr img{object-fit:contain;width:100%;height:100%;display:block}.receipt-screen-overlay{z-index:5000;background:#eef0f4;flex-direction:column;display:flex;position:fixed;inset:0}.receipt-screen-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #dfe3e9;flex-shrink:0;justify-content:space-between;align-items:center;min-height:58px;padding:9px 18px;display:flex}.receipt-screen-header>div:first-child{flex-direction:column;gap:3px;display:flex}.receipt-screen-header strong{color:#1c2637;font-size:13px}.receipt-screen-header span{color:#7a8390;font-size:7px}.receipt-screen-actions{align-items:center;gap:7px;display:flex!important}.receipt-screen-actions button{color:#fff;cursor:pointer;background:#d72e72;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:31px;padding:0 12px;font-family:inherit;font-size:7px;font-weight:600;display:flex}.receipt-screen-actions .receipt-screen-close{color:#323a48;background:#fff;border:1px solid #dfe3e9;width:31px;padding:0}.receipt-screen-scroll{box-sizing:border-box;flex:1;padding:20px;overflow:auto}.receipt-inline-document{margin:0 auto}@media print{body *{visibility:hidden!important}.receipt-screen-overlay,.receipt-screen-overlay *{visibility:visible!important}.receipt-screen-overlay{background:#fff!important;display:block!important;position:absolute!important;inset:0!important}.receipt-screen-header{display:none!important}.receipt-hospital-logo{object-fit:contain;object-position:left center;width:230px;height:75px;display:block}.receipt-screen-scroll{padding:0!important;overflow:visible!important}.receipt-inline-document{width:210mm!important;min-height:297mm!important;box-shadow:none!important;border:1.2px solid #db2f73!important;margin:0 auto!important}}@media (width<=700px){.receipt-screen-header{padding:8px 10px}.receipt-screen-actions button{padding:0 9px}.receipt-screen-scroll{padding:10px}}.receipt-screen-actions .receipt-html-download{color:#d72e72;background:#fff;border:1px solid #d72e72}.receipt-screen-actions .receipt-html-download:hover{background:#fff4f8}@media print{.receipt-screen-overlay{z-index:99999!important}.receipt-inline-document{visibility:visible!important;display:block!important}}@page{size:A4;margin:0}.visit-receipt-page{color:#252525;background:#f4f6f9;min-height:100vh;padding:24px;font-family:Arial,Helvetica,sans-serif}.receipt-toolbar{justify-content:flex-end;gap:8px;width:210mm;margin:0 auto 14px;display:flex}.receipt-toolbar button{color:#29344a;cursor:pointer;background:#fff;border:1px solid #d7dce4;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.receipt-toolbar button:first-child{color:#fff;background:#178fe8;border-color:#178fe8}.visit-receipt-document{background:#fff;border:1px solid #d9dde4;width:210mm;min-height:297mm;margin:0 auto;padding:13mm 12mm 10mm}.visit-receipt-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8mm;display:flex}.hospital-brand{align-items:center;gap:10px;display:flex}.bloom-mark{color:#d02f7a;border:2px solid #18a0a7;border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.bloom-name{color:#1497a1;font-size:29px;font-weight:700;line-height:1}.bloom-name span{color:#d12f78}.hospital-name{color:#8b8b8b;letter-spacing:5px;margin-top:4px;font-size:13px;font-weight:700}.receipt-heading{text-align:right;min-width:62mm}.receipt-title{color:#b92e6b;letter-spacing:.3px;font-size:19px;font-weight:700}.receipt-rule{background:#b92e6b;height:3px;margin-top:6px}.patient-summary-box{border:1.3px solid #333;border-radius:5mm;grid-template-columns:1.25fr .8fr;margin-bottom:3mm;display:grid;overflow:hidden}.patient-main{border-right:1px solid #ddd;padding:5mm 5mm 3mm}.patient-main strong{margin-bottom:3px;font-size:13px;display:block}.patient-main span{font-size:10px;font-weight:600}.patient-meta{grid-template-columns:1fr 1fr;gap:4mm;padding:4mm 4mm 3mm;display:grid}.patient-meta div,.appointment-meta div{min-width:0}.patient-summary-box small{color:#666;margin-bottom:3px;font-size:7px;font-weight:700;display:block}.patient-summary-box b{color:#222;overflow-wrap:anywhere;font-size:9px;line-height:1.3;display:block}.appointment-meta{border-top:1px solid #ddd;grid-column:1/-1;grid-template-columns:1fr 1fr 1.25fr 1fr;display:grid}.appointment-meta div{border-right:1px solid #ddd;padding:3.5mm 4mm}.appointment-meta div:last-child{border-right:0}.visit-info-box{border:1.3px solid #333;border-radius:4mm;grid-template-columns:1.05fr 1fr 1fr 1.25fr 1.25fr;margin-bottom:8mm;display:grid;overflow:hidden}.visit-info-label,.visit-info-cell{border-right:1px solid #333;flex-direction:column;justify-content:center;min-height:17mm;padding:3mm;display:flex}.visit-info-cell:last-child{border-right:0}.visit-info-label{justify-content:center;font-size:9px;font-weight:700}.visit-info-cell small{color:#666;margin-bottom:3px;font-size:7px;font-weight:700}.visit-info-cell strong{overflow-wrap:anywhere;font-size:9px;line-height:1.25}.paid-status{color:#168f55;align-items:center;gap:3px;display:inline-flex!important}.receipt-content-grid{grid-template-columns:1.05fr .95fr;gap:10mm;display:grid}.receipt-detail-section h3,.receipt-payment-section h3{color:#333;letter-spacing:.3px;margin:0 0 5mm;font-size:10px}.detail-line{grid-template-columns:40mm 1fr;gap:4mm;margin-bottom:4mm;font-size:9px;line-height:1.55;display:grid}.detail-line strong{color:#333}.detail-line span{color:#555}.receipt-payment-section{border-left:1px solid #ddd;padding-left:7mm}.payment-row{border-bottom:1px solid #e7e7e7;justify-content:space-between;gap:10px;padding:2.5mm 0;font-size:9px;display:flex}.payment-row b{text-align:right}.payment-total{border:1px solid #222;justify-content:space-between;align-items:center;margin-top:4mm;padding:4mm;display:flex}.payment-total span{font-size:9px;font-weight:700}.payment-total strong{color:#b92e6b;font-size:13px}.receipt-advice{border-top:1px solid #333;border-bottom:1px solid #333;gap:7px;margin-top:8mm;padding:4mm 5mm;font-size:8px;line-height:1.5;display:flex}.visit-receipt-footer{justify-content:space-between;align-items:flex-end;gap:20mm;margin-top:18mm;font-size:8px;display:flex}.visit-receipt-footer>div:first-child{flex-direction:column;gap:5px;display:flex}.doctor-signature{text-align:center;flex-direction:column;gap:3px;width:55mm;font-size:8px;display:flex}.signature-line{border-bottom:1px solid #333;height:8mm;margin-bottom:2px}.confidential-note{text-align:center;color:#555;margin-top:30mm;font-size:7px;line-height:1.5}.page-number{text-align:center;color:#999;margin-top:5mm;font-size:7px}.receipt-loading{color:#56627d;place-items:center;min-height:100vh;font-family:Arial,sans-serif;display:grid}@media print{.no-print{display:none!important}.visit-receipt-page{background:#fff;padding:0}.visit-receipt-document{border:0;margin:0}}@media (width<=900px){.visit-receipt-page{padding:10px}.receipt-toolbar,.visit-receipt-document{width:100%}.visit-receipt-document{min-height:auto}}.hospital-receipt-logo{object-fit:contain;object-position:left center;width:150px;height:55px;display:block}.uhid-block{min-width:0}.uhid-barcode{background:#fff;align-items:stretch;gap:.8px;width:48mm;height:13mm;margin-top:4px;padding:1.5mm 1mm 1mm;display:flex;overflow:hidden}.uhid-barcode .barcode-bar{background:#111;flex:none;min-width:1px;height:100%;display:block}.barcode-code{color:#333;letter-spacing:1px;margin-top:1px;font-family:Arial,Helvetica,sans-serif;font-size:7px;display:block}@media print{.hospital-receipt-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (width<=700px){.hospital-receipt-logo{width:125px;height:48px}.uhid-barcode{width:40mm;height:11mm}}.reports-page{color:#172033;background:#fff;width:100%;min-height:100%;padding:18px 28px 30px}.reports-header{max-width:1280px;margin:0 auto}.reports-header h1{color:#17233d;margin:0;font-size:23px;line-height:1.2}.reports-search-row{grid-template-columns:1fr 145px;gap:15px;max-width:1280px;margin:17px auto 16px;display:grid}.reports-search{background:#fff;border:1px solid #dfe6ee;border-radius:10px;align-items:center;gap:12px;height:55px;padding:0 17px;display:flex;box-shadow:0 2px 8px #1c2f4605}.reports-search svg{color:#718096;flex-shrink:0}.reports-search input{color:#344054;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:13px}.reports-search input::placeholder{color:#8491a6}.reports-filter-button{color:#129ba3;cursor:pointer;background:#fff;border:1px solid #28b7bd;border-radius:9px;justify-content:center;align-self:center;align-items:center;gap:9px;height:44px;font-size:13px;font-weight:600;display:flex}.reports-filter-button:hover{background:#f2fcfc}.reports-section-title{max-width:1280px;margin:0 auto 10px}.reports-section-title h2{color:#23314c;margin:0;font-size:15px}.report-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:1280px;margin:0 auto;display:grid}.report-category-card{color:#26344e;cursor:pointer;background:#fff;border:1px solid #e6ebf1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:114px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.report-category-card:hover{border-color:#b7e4e7;transform:translateY(-1px);box-shadow:0 5px 16px #1e465a0f}.report-category-card.active{border-color:#18b6bd;box-shadow:inset 0 -3px #18b6bd}.category-icon{color:#19aeb5;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.report-category-card:nth-child(2) .category-icon{color:#704de4}.report-category-card:nth-child(3) .category-icon{color:#27628a}.report-category-card:nth-child(4) .category-icon{color:#11a678}.report-category-card:nth-child(5) .category-icon{color:#ff6b1a}.report-category-card:nth-child(6) .category-icon{color:#667085}.report-category-card strong{font-size:12px;font-weight:600}.report-category-card span{color:#14a7ae;font-size:13px;font-weight:700}.report-category-card:nth-child(2) span{color:#6e4dde}.report-category-card:nth-child(3) span{color:#426783}.report-category-card:nth-child(4) span{color:#12a273}.report-category-card:nth-child(5) span{color:#ff6b1a}.report-category-card:nth-child(6) span{color:#687386}.recent-reports-card{background:#fff;border:1px solid #e7ecf2;border-radius:10px;max-width:1280px;margin:14px auto 0;overflow:hidden}.recent-reports-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.recent-reports-header h2{color:#26334d;margin:0;font-size:14px}.recent-reports-header button{color:#129ba3;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.recent-reports-header button:hover{color:#087d84}.report-row{border-bottom:1px solid #edf0f3;grid-template-columns:48px minmax(240px,1.5fr) 220px 220px;align-items:center;gap:10px;min-height:59px;padding:7px 14px;display:grid}.report-row:last-child{border-bottom:0}.report-row:hover{background:#fbfdff}.report-row-icon{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.report-row-icon.lab{color:#704de4;background:#f1eaff}.report-row-icon.radiology{color:#2478a9;background:#e5f4ff}.report-row-icon.prescription{color:#0ca377;background:#e8f8f0}.report-row-icon.discharge{color:#ff6819;background:#fff0e8}.report-main-info{flex-direction:column;gap:4px;min-width:0;display:flex}.report-main-info strong{color:#27334b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.report-main-info span{color:#687589;align-items:center;gap:7px;font-size:10px;display:flex}.report-main-info b{color:#9aa4b2}.report-date-status{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.report-date{color:#59677b;align-items:center;gap:6px;font-size:10px;display:flex}.report-date svg{color:#60718a}.report-status{border-radius:5px;align-items:center;padding:3px 8px;font-size:9px;font-weight:600;display:inline-flex}.report-status.normal{color:#25904d;background:#e9f8ed}.report-status.issued{color:#2782d1;background:#e7f3ff}.report-status.discharged{color:#289448;background:#e8f8eb}.report-status.abnormal{color:#ff4827;background:#fff0eb}.report-actions{justify-content:flex-end;gap:10px;display:flex}.report-view-button,.report-download-button{cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:10px;font-weight:600;display:inline-flex}.report-view-button{color:#159da5;border:1px solid #9ddce0;min-width:96px}.report-download-button{color:#159da5;border:1px solid #9ddce0;min-width:105px}.report-view-button:hover,.report-download-button:hover{background:#f1fbfc}.reports-empty{color:#8491a3;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}.reports-empty svg{color:#aab5c3}.reports-empty strong{color:#4b5870;font-size:13px}.reports-empty p{margin:0;font-size:11px}@media (width<=1050px){.reports-page{padding:18px 20px 28px}.report-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.report-row{grid-template-columns:48px minmax(180px,1fr) 150px 190px}}@media (width<=700px){.reports-page{padding:16px 13px 25px}.reports-search-row{grid-template-columns:1fr;gap:9px}.reports-search{height:48px}.reports-filter-button{width:100%;height:42px}.report-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.report-category-card{min-height:100px}.recent-reports-card{margin-top:12px}.report-row{grid-template-columns:42px 1fr auto;gap:9px;min-height:auto;padding:12px;display:grid}.report-row-icon{width:36px;height:36px}.report-main-info strong{font-size:11px}.report-main-info span{font-size:9px}.report-date-status{align-items:flex-end}.report-date{font-size:9px}.report-actions{grid-column:2/4;justify-content:flex-start;padding-top:3px}.report-view-button,.report-download-button{flex:1;min-width:0;height:32px}}@media (width<=420px){.reports-header h1{font-size:21px}.report-category-card{min-height:94px}.report-category-card strong{font-size:10px}.report-category-card span{font-size:12px}.recent-reports-header{padding:0 11px}.report-row{grid-template-columns:38px 1fr;padding:11px}.report-date-status{flex-direction:row;grid-column:2;align-items:flex-start;gap:8px}.report-actions{grid-column:1/3}}.report-details-page{color:#172033;background:#f6f9fc;min-height:100%;padding:20px 28px 35px}.report-details-header{max-width:1200px;margin:0 auto 20px}.report-back-button{color:#647184;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:17px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.report-back-button:hover{color:#149da5}.report-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.report-title-row h1{color:#17233d;margin:0;font-size:24px}.report-title-row p{color:#8490a1;margin:5px 0 0;font-size:12px}.report-header-actions{gap:8px;display:flex}.report-print-button,.report-download-main{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.report-print-button{color:#59677b;background:#fff;border:1px solid #d9e0e8}.report-download-main{color:#fff;background:#18aeb5;border:1px solid #18aeb5}.report-download-main:hover{background:#11999f}.report-document{background:#fff;border:1px solid #e5eaf0;border-radius:13px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 3px 12px #1c2f460a}.report-document-header{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.report-document-title{align-items:center;gap:13px;display:flex}.report-large-icon{border-radius:11px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.report-large-icon.lab{color:#704de4;background:#f0eaff}.report-large-icon.radiology{color:#287cae;background:#e5f4ff}.report-large-icon.prescription{color:#0ba378;background:#e8f8ef}.report-large-icon.discharge{color:#ff691a;background:#fff0e8}.report-document-title>div:last-child>span{color:#8b96a6;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10px;display:block}.report-document-title h2{color:#26334b;margin:0;font-size:17px}.report-document-title p{color:#8591a1;margin:5px 0 0;font-size:10px}.report-detail-status{border-radius:7px;align-items:center;gap:5px;padding:7px 11px;font-size:10px;font-weight:600;display:inline-flex}.report-detail-status.normal{color:#258d4c;background:#e9f8ed}.report-detail-status.issued{color:#277dcb;background:#e8f3ff}.report-detail-status.discharged{color:#278e47;background:#e8f8eb}.report-detail-status.abnormal{color:#f04b2c;background:#fff0eb}.report-meta-grid{border-bottom:1px solid #edf0f3;grid-template-columns:repeat(4,1fr);display:grid}.report-meta-item{border-right:1px solid #edf0f3;align-items:center;gap:10px;padding:17px 20px;display:flex}.report-meta-item:last-child{border-right:0}.report-meta-icon{color:#149da5;background:#edf8fa;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.report-meta-item span{color:#8b96a5;margin-bottom:3px;font-size:9px;display:block}.report-meta-item strong{color:#364258;font-size:11px;display:block}.report-meta-item small{color:#8a95a5;margin-top:3px;font-size:9px;display:block}.lab-result-section{padding:20px 14px 16px}.lab-result-title{padding:0 2px 10px}.lab-result-title h3{color:#26334b;margin:0;font-size:14px}.lab-results-table{background:#fff;border:1px solid #e1e7ed;border-radius:10px;width:100%;overflow:hidden}.lab-table-header{background:#f4f7fa;border-bottom:1px solid #dfe5eb;grid-template-columns:1.5fr 1fr 1.25fr 1.45fr 1.05fr;min-height:36px;display:grid}.lab-table-header>div{color:#47556a;border-right:1px solid #e0e6ec;align-items:center;padding:0 12px;font-size:10px;font-weight:600;display:flex}.lab-table-header>div:last-child{border-right:0}.lab-section-title{color:#526177;background:#eef4f8;border-bottom:1px solid #dde5eb;align-items:center;min-height:31px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.lab-result-row{background:#fff;border-bottom:1px solid #e5eaf0;grid-template-columns:1.5fr 1fr 1.25fr 1.45fr 1.05fr;min-height:31px;display:grid}.lab-result-row:last-child{border-bottom:0}.lab-result-row>div{color:#4f5d70;border-right:1px solid #e5eaf0;align-items:center;padding:0 12px;font-size:9px;display:flex}.lab-result-row>div:last-child{border-right:0}.lab-result-row:hover{background:#fbfdfe}.lab-parameter{font-weight:500;color:#334158!important}.lab-result-value{font-weight:600;color:#3b475a!important}.lab-unit,.lab-reference{justify-content:center}.lab-status{gap:7px}.status-dot{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.status-dot.normal{background:#16ad5a}.status-dot.abnormal{background:#ef4b2e}.status-text{font-size:9px;font-weight:500}.status-text.normal{color:#249450}.status-text.abnormal{color:#e54b32}.lab-report-bottom{background:#fff;border:1px solid #e3e9ee;border-radius:10px;grid-template-columns:1.1fr 1.1fr 1fr;margin-top:20px;display:grid;overflow:hidden}.lab-bottom-column{border-right:1px solid #e4e9ee;min-height:105px;padding:16px 18px}.lab-bottom-column:last-child{border-right:0}.lab-bottom-heading{color:#334158;align-items:center;gap:6px;margin-bottom:9px;font-size:11px;display:flex}.lab-bottom-heading svg{color:#627286}.lab-bottom-column p{white-space:pre-line;color:#657287;max-width:260px;margin:0;font-size:9px;line-height:1.7}.authorized-column{flex-direction:column;align-items:flex-start;display:flex}.signature{color:#4b5565;margin:0 0 4px;font-family:cursive;font-size:20px;font-style:italic}.authorized-name{color:#344054;font-size:10px;display:block}.authorized-column>span{color:#718096;margin-top:2px;font-size:8px;display:block}.report-content-section{border-bottom:1px solid #edf0f3;padding:21px 24px}.report-section-heading{margin-bottom:13px}.report-section-heading h3{color:#28354d;margin:0;font-size:14px}.report-section-heading p{color:#8a95a5;margin:4px 0 0;font-size:10px}.finding-box,.impression-box{color:#59677a;background:#fbfcfd;border:1px solid #e5ebf0;border-radius:8px;padding:14px;font-size:11px;line-height:1.6}.impression-box{background:#f5fbfc;border-color:#dceff1;margin-top:10px}.impression-box strong{color:#344054;margin-bottom:5px;font-size:11px;display:block}.impression-box p{margin:0}.medicine-list{border:1px solid #e8edf2;border-radius:9px;overflow:hidden}.medicine-row{border-bottom:1px solid #edf0f3;grid-template-columns:38px 1.5fr 1fr 1fr;align-items:center;gap:15px;padding:13px;display:grid}.medicine-row:last-child{border-bottom:0}.medicine-number{color:#0c9f76;background:#e9f8f1;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:flex}.medicine-info strong,.medicine-row>div:not(.medicine-number)>strong{color:#344054;font-size:10px;display:block}.medicine-info span{color:#7c8898;margin-top:3px;font-size:9px;display:block}.medicine-label{color:#8c97a6;text-transform:uppercase;margin-bottom:3px;font-size:8px;display:block}.discharge-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.discharge-info-box{background:#fbfcfd;border:1px solid #e7ecf1;border-radius:8px;padding:13px}.discharge-info-box.full{grid-column:1/-1}.discharge-info-box span{color:#8b96a5;margin-bottom:5px;font-size:9px;display:block}.discharge-info-box strong{color:#354157;font-size:11px;line-height:1.5}.report-summary-box{background:#f5fbfc;border:1px solid #dceff1;border-radius:9px;align-items:flex-start;gap:10px;padding:14px;display:flex}.summary-icon{color:#159ca4;background:#e4f5f6;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.report-summary-box p{color:#59677a;margin:2px 0 0;font-size:11px;line-height:1.6}.recommendation-box{background:#f5fbf7;border:1px solid #d8eee0;border-radius:9px;align-items:flex-start;gap:10px;padding:14px;display:flex}.recommendation-box>div{color:#19874e}.recommendation-box.warning{background:#fff8f6;border-color:#f5d8cf}.recommendation-box.warning>div{color:#e34d2d}.recommendation-box p{color:#59677a;margin:1px 0 0;font-size:11px;line-height:1.6}.report-document-footer{color:#9aa4b2;background:#fafbfc;justify-content:space-between;gap:15px;padding:14px 24px;font-size:9px;display:flex}.report-download-toast{z-index:10000;background:#fff;border:1px solid #d8eee0;border-radius:10px;align-items:flex-start;gap:10px;min-width:320px;padding:13px;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 12px 35px #14233724}.download-success-icon{color:#16844d;background:#e8f8ed;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.report-download-toast strong{color:#344054;margin-bottom:3px;font-size:11px;display:block}.report-download-toast span{color:#7d8999;font-size:9px}.report-download-toast>button{color:#8994a3;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin-left:auto;display:flex}@media (width<=900px){.report-details-page{padding:18px 20px 30px}.report-meta-grid{grid-template-columns:repeat(2,1fr)}.report-meta-item:nth-child(2){border-right:0}.report-meta-item:first-child,.report-meta-item:nth-child(2){border-bottom:1px solid #edf0f3}.lab-table-header,.lab-result-row{grid-template-columns:1.5fr .9fr 1.1fr 1.3fr .9fr}}@media (width<=650px){.report-details-page{padding:15px 12px 25px}.report-title-row{flex-direction:column;align-items:flex-start}.report-header-actions{width:100%}.report-print-button,.report-download-main{flex:1}.report-document-header{flex-direction:column;align-items:flex-start;padding:17px}.report-document-title h2{font-size:15px}.report-meta-grid{grid-template-columns:1fr}.report-meta-item{border-bottom:1px solid #edf0f3;border-right:0}.report-meta-item:last-child{border-bottom:0}.lab-result-section{padding:17px 10px 13px}.lab-results-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.lab-table-header,.lab-result-row{min-width:760px}.lab-report-bottom{grid-template-columns:1fr;min-width:0;margin-top:15px}.lab-bottom-column{border-bottom:1px solid #e4e9ee;border-right:0;min-height:auto}.lab-bottom-column:last-child{border-bottom:0}.report-content-section{padding:17px}.medicine-row{grid-template-columns:34px 1fr;gap:10px}.medicine-row>div:nth-child(3),.medicine-row>div:nth-child(4){grid-column:2;gap:7px;display:inline-flex}.medicine-label{margin-bottom:0}.discharge-grid{grid-template-columns:1fr}.discharge-info-box.full{grid-column:auto}.report-document-footer{flex-direction:column;padding:13px 17px}.report-download-toast{min-width:0;bottom:68px;left:12px;right:12px}}@media print{.report-details-page{background:#fff;padding:0}.report-details-header,.report-header-actions,.report-back-button,.report-download-toast{display:none!important}.report-document{max-width:none;box-shadow:none;border:0;border-radius:0}.report-document-footer{margin-top:10px}}.medication-page{color:#18233b;background:#fff;width:100%;min-height:100%;padding:18px 22px 30px}.medication-page-header{max-width:1280px;margin:0 auto}.medication-page-header h1{color:#17233d;margin:0;font-size:23px;font-weight:700}.medication-tabs{border-bottom:1px solid #e5e9ef;align-items:center;gap:8px;max-width:1280px;margin:14px auto 15px;display:flex}.medication-tabs button{color:#526078;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;height:42px;padding:0 28px;font-size:12px;font-weight:500;display:flex;position:relative}.medication-tabs button svg{color:#60718a}.medication-tabs button.active{color:#12a8ad;font-weight:600}.medication-tabs button.active svg{color:#12a8ad}.medication-tabs button.active:after{content:"";background:#16b3b5;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.medication-search-row{grid-template-columns:1fr 90px;gap:14px;max-width:1280px;margin:0 auto 17px;display:grid}.medication-search{background:#fff;border:1px solid #e1e7ed;border-radius:8px;align-items:center;gap:10px;height:39px;padding:0 12px;display:flex}.medication-search svg{color:#7c899b;flex-shrink:0}.medication-search input{color:#344054;background:0 0;border:0;outline:none;width:100%;height:100%;font-size:11px}.medication-search input::placeholder{color:#8995a6}.medication-filter-button{color:#139da5;cursor:pointer;background:#fff;border:1px solid #9bdde0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;font-size:11px;font-weight:600;display:flex}.medication-filter-button:hover{background:#f3fcfc}.medication-filter-panel{background:#f9fbfc;border:1px solid #e2e8ee;border-radius:9px;align-items:flex-end;gap:12px;max-width:1280px;margin:-5px auto 16px;padding:14px;display:flex}.filter-field{flex-direction:column;gap:6px;width:190px;display:flex}.filter-field label{color:#667386;font-size:9px;font-weight:600}.filter-select{position:relative}.filter-select select{appearance:none;color:#46546a;cursor:pointer;background:#fff;border:1px solid #dce3ea;border-radius:7px;outline:none;width:100%;height:34px;padding:0 30px 0 10px;font-size:10px}.filter-select svg{pointer-events:none;color:#7a8798;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.clear-filter-button{color:#687589;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:7px;height:34px;padding:0 15px;font-size:10px}.medication-section{max-width:1280px;margin:0 auto 13px}.medication-section.prn-section{margin-top:3px}.medication-section-title{align-items:center;gap:10px;height:28px;display:flex}.medication-section-title h2{color:#202d45;margin:0;font-size:13px;font-weight:700}.medication-section-title>span{color:#fff;background:#19aaa9;border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;font-weight:700;display:inline-flex}.medication-list{background:#fff;border:1px solid #e4e9ef;border-radius:9px;width:100%;overflow:hidden;box-shadow:0 2px 8px #1b2e4606}.medication-card{background:#fff;border-bottom:1px solid #e9edf1;grid-template-columns:1.35fr 1.05fr 1fr;align-items:center;min-height:103px;display:grid}.medication-card:last-child{border-bottom:0}.medication-card:hover{background:#fcfdfe}.medication-main{align-items:center;gap:17px;min-width:0;padding:12px 18px;display:flex}.medicine-icon{border-radius:10px;flex:0 0 68px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.medicine-icon.purple{color:#8b52ec;background:#f1eaff}.medicine-icon.blue{color:#3487e9;background:#e7f2ff}.medicine-icon.green{color:#18a99c;background:#eaf7f1}.medicine-icon.orange{color:#ff851f;background:#fff1e5}.medicine-icon.pink{color:#d45bc6;background:#fbeafa}.medication-info{flex-direction:column;gap:4px;min-width:0;display:flex}.medication-name{color:#29364e;text-align:left;cursor:pointer;background:0 0;border:0;width:fit-content;padding:0;font-size:12px;font-weight:700}.medication-name:hover{color:#129fa5}.medication-condition{color:#5e6b7e;font-size:10px}.medication-prescribed{color:#667388;font-size:10px}.medication-prescribed-date{color:#58667a;align-items:center;gap:5px;font-size:9px;display:flex}.medication-prescribed-date svg{color:#61738a}.medication-schedule{border-left:1px solid #e9edf1;border-right:1px solid #e9edf1;flex-direction:column;justify-content:center;gap:9px;min-height:73px;padding:9px 24px;display:flex}.schedule-line{color:#4f5d72;align-items:center;gap:10px;font-size:10px;display:flex}.schedule-line svg{color:#56677e;flex-shrink:0}.medication-status-area{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:10px 18px;display:flex}.medication-status{border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:77px;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.medication-status.active{color:#1d934b;background:#eaf8ed}.medication-status.prn{color:#3d80d2;background:#eaf3ff}.medication-status.completed{color:#687386;background:#f0f2f5}.medication-dates{color:#45536a;flex-direction:column;gap:5px;font-size:10px;display:flex}.medication-dates strong{font-weight:500}.take-needed-button{color:#159da5;cursor:pointer;background:#fff;border:1px solid #94dce0;border-radius:7px;height:31px;padding:0 13px;font-size:9px;font-weight:600}.take-needed-button:hover{background:#f2fbfc}.empty-medication{color:#7c899a;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:180px;display:flex}.empty-medication>div{color:#8c99a9;background:#f1f5f8;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.empty-medication strong{color:#536177;font-size:12px}.empty-medication span{font-size:10px}.medication-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141e2d61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.medication-details-modal{background:#fff;border-radius:13px;width:min(570px,100%);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 18px 50px #14203233}.modal-header{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:15px;padding-bottom:15px;display:flex}.modal-header span{color:#8994a4;text-transform:uppercase;margin-bottom:4px;font-size:9px;display:block}.modal-header h2{color:#26334b;margin:0;font-size:17px}.modal-header button{color:#687589;cursor:pointer;background:#fff;border:1px solid #e0e5eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.modal-medicine-top{align-items:center;gap:12px;padding:17px 0;display:flex}.modal-medicine-top .medicine-icon{flex-basis:53px;width:53px;height:53px}.modal-medicine-top strong{color:#344054;margin-bottom:5px;font-size:11px;display:block}.modal-medicine-top span{color:#7a8798;font-size:10px}.modal-detail-grid{border-top:1px solid #edf0f3;grid-template-columns:repeat(2,1fr);gap:9px;padding:15px 0;display:grid}.modal-detail-grid>div{background:#fafcfd;border:1px solid #e8edf2;border-radius:8px;padding:11px}.modal-detail-grid span{color:#8994a4;margin-bottom:4px;font-size:8px;display:block}.modal-detail-grid strong{color:#3a475d;font-size:10px}.modal-note{color:#159da5;background:#f5fafb;border-radius:8px;align-items:flex-start;gap:9px;padding:12px;display:flex}.modal-note p{color:#637084;margin:0;font-size:9px;line-height:1.6}.take-needed-modal{text-align:center;background:#fff;border-radius:14px;width:min(390px,100%);padding:28px;position:relative;box-shadow:0 18px 50px #14203233}.take-modal-close{color:#6d7888;cursor:pointer;background:#f4f6f8;border:0;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex;position:absolute;top:12px;right:12px}.take-modal-icon{color:#ff821f;background:#fff1e5;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 13px;display:flex}.take-needed-modal h2{color:#27344c;margin:0 0 7px;font-size:17px}.take-needed-modal>p{color:#6e7b8e;max-width:290px;margin:0 auto 15px;font-size:10px;line-height:1.6}.take-warning{color:#d87925;background:#fff8f2;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-bottom:18px;padding:10px;font-size:9px;display:flex}.take-modal-actions{gap:9px;display:flex}.cancel-take-button,.confirm-take-button{cursor:pointer;border-radius:7px;flex:1;height:37px;font-size:10px;font-weight:600}.cancel-take-button{color:#687589;background:#fff;border:1px solid #dce2e8}.confirm-take-button{color:#fff;background:#18a9ad;border:1px solid #18a9ad}@media (width<=950px){.medication-page{padding:18px 18px 28px}.medication-card{grid-template-columns:1.3fr 1fr .9fr}.medication-main{padding:11px 13px}.medication-schedule{padding:9px 14px}.medication-status-area{padding:10px 13px}}@media (width<=700px){.medication-page{padding:15px 12px 25px}.medication-page-header h1{font-size:21px}.medication-tabs{margin-top:10px}.medication-tabs button{padding:0 18px;font-size:11px}.medication-search-row{grid-template-columns:1fr;gap:8px}.medication-filter-button{width:100%}.medication-filter-panel{flex-direction:column;align-items:stretch}.filter-field,.clear-filter-button{width:100%}.medication-card{flex-direction:column;align-items:stretch;min-height:auto;padding:0;display:flex}.medication-main{border-bottom:1px solid #edf0f3;padding:14px}.medicine-icon{flex-basis:58px;width:58px;height:58px}.medicine-icon svg{width:30px;height:30px}.medication-name{font-size:11px}.medication-condition,.medication-prescribed{font-size:9px}.medication-schedule{border-bottom:1px solid #edf0f3;border-left:0;border-right:0;gap:8px;min-height:auto;padding:12px 14px}.schedule-line{font-size:9px}.medication-status-area{padding:12px 14px}.medication-dates{font-size:9px}.take-needed-button{width:100%}.medication-modal-backdrop{align-items:flex-start;padding:12px;overflow-y:auto}.medication-details-modal{border-radius:11px;max-height:calc(100vh - 24px);padding:17px}.modal-detail-grid{grid-template-columns:1fr}.take-needed-modal{margin-top:20vh;padding:24px 18px}}@media (width<=400px){.medication-main{gap:11px}.medicine-icon{flex-basis:52px;width:52px;height:52px}.medication-tabs button{padding:0 13px}}.health-records-page{color:#17233d;background:#fff;width:100%;min-height:100%;padding:18px 22px 35px}.health-records-top{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:0 auto 18px;display:flex}.health-title{align-items:center;gap:12px;display:flex}.health-title-icon{color:#2469ee;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.health-title h1{color:#17233d;margin:0 0 3px;font-size:19px;font-weight:700}.health-title p{color:#6d7b91;margin:0;font-size:10px}.view-graph-button{color:#fff;cursor:pointer;background:#0a9da4;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-width:195px;height:45px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.view-graph-button:hover{background:#078c93;transform:translateY(-1px)}.vitals-table{background:#fff;border:1px solid #e6ebf1;border-radius:10px;max-width:1280px;margin:0 auto;overflow:hidden}.vitals-table-header{background:#f5f8fc;border-bottom:1px solid #e7ecf2;grid-template-columns:1.25fr 1fr 1fr 1fr 1fr;align-items:center;min-height:68px;display:grid}.vitals-table-header>div{color:#18345f;align-items:center;gap:10px;height:100%;padding:10px 24px;font-size:10px;font-weight:700;display:flex}.vitals-table-header svg{color:#2167ef;flex-shrink:0}.vitals-table-header span{flex-direction:column;gap:2px;display:flex}.vitals-table-header small{font-size:9px;font-weight:500}.vital-record{background:#fff;border-bottom:1px solid #e9edf2;grid-template-columns:1.25fr 1fr 1fr 1fr 1fr;align-items:center;min-height:96px;display:grid}.vital-record:last-child{border-bottom:0}.vital-record:hover{background:#fcfdff}.visit-date{align-items:center;gap:16px;padding:12px 24px;display:flex}.date-icon{color:#1766ed;background:#f2f7ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.visit-date>div:last-child{flex-direction:column;gap:6px;display:flex}.visit-date strong{color:#1d2c46;font-size:11px}.visit-date span{color:#63728a;font-size:10px}.vital-value{flex-direction:column;gap:8px;padding:10px 24px;display:flex}.vital-value strong{color:#1d2a43;font-size:13px;font-weight:700}.vital-value strong small{font-size:9px;font-weight:500}.vital-status{color:#65748a;align-items:center;gap:7px;font-size:9px;display:flex}.status-dot{background:#16b26b;border-radius:50%;width:7px;height:7px}.vital-status.slightly-high .status-dot,.vital-status.elevated .status-dot,.vital-status.high .status-dot{background:#f6a623}.vital-status.high,.vital-status.elevated{color:#d67d00}.vital-status.slightly-high{color:#9c7100}.health-graph-header{align-items:center;gap:16px;max-width:1280px;margin:0 auto 14px;display:flex}.back-to-records{color:#109da5;cursor:pointer;background:#fff;border:1px solid #9bdde0;border-radius:7px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:10px;font-weight:600;display:flex}.back-to-records:hover{background:#f3fcfc}.graph-page-heading{align-items:center;gap:11px;display:flex}.health-heading-icon{color:#236df0;background:#edf5ff;border-radius:9px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.graph-page-heading h1{margin:0 0 3px;font-size:18px}.graph-page-heading p{color:#6b788d;margin:0;font-size:9px}.patient-summary{background:#fff;border:1px solid #e7ecf2;border-radius:10px;align-items:center;gap:14px;max-width:1280px;min-height:84px;margin:0 auto 17px;padding:13px 18px;display:flex;box-shadow:0 2px 8px #1e325006}.patient-avatar{color:#14a6aa;background:#edf7f7;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.patient-summary>div:last-child{flex-direction:column;gap:5px;display:flex}.patient-summary strong{font-size:13px}.patient-summary span{color:#52627a;font-size:9px}.patient-summary small{color:#68778d;align-items:center;gap:7px;font-size:9px;display:flex}.patient-summary b{font-weight:500}.range-section{max-width:1280px;margin:0 auto 14px}.range-section h2{margin:0 0 8px;font-size:13px}.range-tabs{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.range-tabs button{color:#68758a;cursor:pointer;background:#f3f5f8;border:0;border-radius:16px;height:27px;padding:0 14px;font-size:9px}.range-tabs button:hover{background:#e9f5f6}.range-tabs button.active{color:#fff;background:#0fa6ad;box-shadow:0 3px 8px #0fa6ad2e}.graphs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1280px;margin:0 auto;display:grid}.graph-card{background:#fff;border:1px solid #e7ebf0;border-radius:10px;min-width:0;padding:13px 14px 9px;box-shadow:0 2px 8px #1b2e4606}.graph-card-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.graph-title-area{align-items:center;gap:10px;display:flex}.graph-icon{color:#1672ef;background:#edf5ff;border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.graph-title-area h3{color:#25334b;margin:0 0 3px;font-size:11px}.graph-title-area span{color:#6f7c90;font-size:8px}.graph-average{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.graph-average span{color:#7c8898;font-size:8px}.graph-average strong{color:#1b2941;font-size:16px}.graph-average small{color:#647187;margin-left:4px;font-size:8px;font-weight:500}.graph-legend{color:#617087;justify-content:flex-end;align-items:center;gap:12px;min-height:22px;margin-top:3px;font-size:8px;display:flex}.graph-legend>span{align-items:center;gap:5px;display:flex}.graph-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-primary{background:#2d9b55}.legend-secondary{background:#2376e8}.trend{gap:4px!important}.trend.stable{color:#66748a}.vital-chart{width:100%;height:178px;margin-top:1px;position:relative}.chart-svg{width:100%;height:100%;display:block}.chart-grid-line{stroke:#edf1f5;stroke-width:1px;stroke-dasharray:3 3}.chart-vertical-line{stroke:#f0f3f6;stroke-width:1px;stroke-dasharray:3 3}.chart-y-label{fill:#7b8798;font-size:8px}.chart-x-label{fill:#748196;font-size:8px}.chart-line-primary{stroke:#269c4f;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-line-secondary{stroke:#287de7;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-point-primary{fill:#269c4f}.chart-point-secondary{fill:#287de7}.chart-unit{color:#8994a4;font-size:7px;position:absolute;top:4px;left:5px}@media (width<=950px){.health-records-page{padding:16px}.vitals-table-header>div,.vital-value,.visit-date{padding-left:13px;padding-right:13px}.graphs-grid{grid-template-columns:1fr}}@media (width<=700px){.health-records-page{padding:14px 11px 30px}.health-records-top{flex-direction:column;align-items:flex-start}.view-graph-button{width:100%}.vitals-table{overflow-x:auto}.vitals-table-header,.vital-record{min-width:850px}.vitals-table-header{min-height:60px}.vital-record{min-height:90px}.health-graph-header{flex-direction:column;align-items:flex-start;gap:10px}.graph-page-heading{align-items:flex-start}.back-to-records{justify-content:center;width:100%}.patient-summary{padding:12px}.range-tabs{gap:6px}.range-tabs button{padding:0 11px}.graphs-grid{grid-template-columns:1fr;gap:10px}.graph-card{padding:12px 10px 7px}.vital-chart{height:165px}}@media (width<=400px){.health-title h1{font-size:18px}.health-title p{line-height:1.4}.graph-page-heading h1{font-size:16px}.graph-average strong{font-size:14px}}.payments-page{color:#17233d;background:#fff;width:100%;min-height:100%;padding:18px 22px 40px}.payments-page-header{width:100%;max-width:1280px;margin:0 auto 18px}.payments-title{align-items:center;gap:11px;display:flex}.payments-title-icon{color:#119da5;background:#edf8f8;border-radius:9px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.payments-title h1{color:#17233d;margin:0 0 3px;font-size:21px;font-weight:700}.payments-title p{color:#78859a;margin:0;font-size:10px}.payment-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:1280px;margin:0 auto 17px;display:grid}.payment-summary-card{background:#fff;border:1px solid #e5eaf0;border-radius:9px;align-items:center;gap:11px;min-height:72px;padding:12px 14px;display:flex;box-shadow:0 2px 7px #1e324b06}.summary-card-icon{border-radius:9px;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.summary-card-icon.teal{color:#119da5;background:#eaf8f8}.summary-card-icon.green{color:#1b9a50;background:#eaf8ee}.summary-card-icon.orange{color:#ed7b23;background:#fff2e8}.summary-card-icon.blue{color:#2874e8;background:#edf4ff}.payment-summary-card span{color:#7e8a9b;margin-bottom:4px;font-size:9px;display:block}.payment-summary-card strong{color:#26334a;font-size:15px;display:block}.payment-search-row{grid-template-columns:minmax(0,1fr) 88px;gap:12px;width:100%;max-width:1280px;margin:0 auto 15px;display:grid}.payment-search{background:#fff;border:1px solid #e1e7ed;border-radius:8px;align-items:center;gap:9px;height:40px;padding:0 12px;display:flex}.payment-search svg{color:#7b889b;flex-shrink:0}.payment-search input{color:#36445a;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:10px}.payment-search input::placeholder{color:#8b96a6}.payment-filter-button{color:#119ca5;cursor:pointer;background:#fff;border:1px solid #99dcdf;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:40px;font-size:10px;font-weight:600;transition:all .18s;display:flex}.payment-filter-button:hover{background:#f2fbfb}.payment-filter-panel{background:#f8fafc;border:1px solid #e3e8ee;border-radius:8px;align-items:flex-end;gap:12px;width:100%;max-width:1280px;margin:-2px auto 15px;padding:13px;display:flex}.payment-filter-field{flex-direction:column;gap:5px;width:190px;display:flex}.payment-filter-field label{color:#68758a;font-size:9px;font-weight:600}.payment-select{position:relative}.payment-select select{appearance:none;color:#526077;cursor:pointer;background:#fff;border:1px solid #dce3ea;border-radius:6px;outline:none;width:100%;height:33px;padding:0 27px 0 9px;font-size:9px}.payment-select svg{pointer-events:none;color:#7c8796;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.payment-clear-button{color:#697689;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:6px;height:33px;padding:0 14px;font-size:9px}.payment-history-section{width:100%;max-width:1280px;margin:0 auto}.payment-section-header{margin-bottom:9px}.payment-section-header h2{color:#25334b;margin:0 0 3px;font-size:13px}.payment-section-header p{color:#8994a4;margin:0;font-size:9px}.payment-table-wrapper{border:1px solid #e4e9ef;border-radius:9px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #1c2f4606}.payment-table{min-width:1080px}.payment-table-header,.payment-table-row{grid-template-columns:1.45fr 1.35fr 1fr 1fr .75fr .85fr 1.7fr;display:grid}.payment-table-header{background:#f5f8fb;border-bottom:1px solid #e5eaf0;align-items:center;min-height:43px}.payment-table-header>div{color:#617087;padding:0 11px;font-size:9px;font-weight:700}.payment-table-row{background:#fff;border-bottom:1px solid #edf0f3;align-items:center;min-height:79px}.payment-table-row:last-child{border-bottom:0}.payment-table-row:hover{background:#fcfdfe}.payment-table-row>div{min-width:0;padding:9px 11px}.payment-service{align-items:center;gap:9px;min-width:0;display:flex}.payment-service-icon{color:#129fa5;background:#edf8f8;border-radius:8px;flex:0 0 37px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.payment-service strong{color:#344158;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:10px;display:block;overflow:hidden}.payment-service span{color:#7a8799;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.transaction-id{color:#657389;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:8px;overflow:hidden}.payment-date strong{color:#445269;margin-bottom:3px;font-size:9px;display:block}.payment-date span{color:#8994a4;font-size:8px}.payment-method{color:#59677c;align-items:center;gap:5px;font-size:8px;display:flex}.payment-method svg{color:#6e7c90;flex-shrink:0}.payment-amount{color:#26334a;font-size:11px;font-weight:700}.payment-status{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-flex}.payment-status.paid{color:#238b4b;background:#e9f8ee}.payment-status.refunded{color:#687486;background:#f0f2f5}.payment-status.pending{color:#d67d19;background:#fff5e7}.payment-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.view-payment-button,.download-receipt-button,.refund-button{white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:29px;padding:0 8px;font-size:8px;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.view-payment-button{color:#139ca4;background:#fff;border:1px solid #9bdde0}.view-payment-button:hover{background:#f2fbfb;border-color:#79cfd3}.download-receipt-button{color:#3978bb;background:#fff;border:1px solid #b7cde9}.download-receipt-button:hover{color:#2469a9;background:#f1f7ff;border-color:#8fb4df}.refund-button{color:#e05b42;background:#fff;border:1px solid #f0b6aa}.refund-button:hover{background:#fff7f5;border-color:#e49a8a}.payment-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:210px;padding:30px;display:flex}.payment-empty-state>div{color:#8a96a5;background:#f1f5f8;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.payment-empty-state strong{color:#56647a;font-size:11px}.payment-empty-state span{color:#8994a4;font-size:9px}.payment-mobile-list{display:none}.payment-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-overflow-scrolling:touch;background:#141f2f61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.payment-details-modal{scrollbar-width:thin;background:#fff;border-radius:13px;width:min(570px,100%);max-height:calc(100vh - 40px);padding:20px;overflow-y:auto;box-shadow:0 18px 50px #141e3233}.payment-modal-header{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:14px;display:flex}.payment-modal-header span{color:#8994a4;text-transform:uppercase;margin-bottom:4px;font-size:8px;display:block}.payment-modal-header h2{color:#29364e;margin:0;font-size:16px}.close-payment-modal{color:#697688;cursor:pointer;background:#fff;border:1px solid #dfe5eb;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.payment-amount-box{background:#f5fbfc;border:1px solid #dceff0;border-radius:9px;align-items:center;gap:10px;margin:15px 0;padding:13px;display:flex}.payment-amount-icon{color:#159ca4;background:#e2f4f5;border-radius:9px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.payment-amount-content{flex:1}.payment-amount-content span{color:#778497;margin-bottom:4px;font-size:8px;display:block}.payment-amount-content strong{color:#27344c;font-size:18px}.payment-detail-section{border-bottom:1px solid #edf0f3;padding:14px 0}.payment-detail-section h3{color:#354259;margin:0 0 10px;font-size:11px}.payment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.payment-detail-grid>div{background:#fafcfd;border:1px solid #e8edf2;border-radius:7px;min-width:0;padding:10px}.payment-detail-grid span{color:#8994a4;margin-bottom:4px;font-size:8px;display:block}.payment-detail-grid strong{color:#46546a;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.payment-doctor-box{background:#fafbfd;border-radius:7px;align-items:center;gap:9px;padding:10px;display:flex}.payment-doctor-icon{color:#2876e8;background:#edf4ff;border-radius:8px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.payment-doctor-box strong{color:#3c4a60;margin-bottom:3px;font-size:10px;display:block}.payment-doctor-box span{color:#7c8899;font-size:8px}.payment-hospital-box{color:#677489;background:#f6f8fa;border-radius:7px;align-items:center;gap:7px;margin-top:7px;padding:9px;font-size:9px;display:flex}.payment-hospital-box svg{color:#139da5}.payment-appointment-box{gap:9px;display:flex}.payment-appointment-box>div{color:#59677b;background:#f6f8fa;border-radius:7px;flex:1;align-items:center;gap:7px;padding:10px;font-size:9px;display:flex}.payment-appointment-box svg{color:#149da5;flex-shrink:0}.billing-summary>div{color:#677489;justify-content:space-between;align-items:center;padding:8px 0;font-size:9px;display:flex}.billing-summary strong{color:#39465b;font-size:9px}.billing-total{border-top:1px dashed #dfe5eb;margin-top:4px;padding-top:11px!important}.billing-total span,.billing-total strong{color:#26344b;font-weight:700}.already-refunded-box{color:#23884b;background:#eef9f1;border-radius:8px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px;display:flex}.already-refunded-box strong{margin-bottom:3px;font-size:9px;display:block}.already-refunded-box span{color:#64806d;font-size:8px}.modal-receipt-action{justify-content:flex-end;padding-top:15px;display:flex}.modal-download-receipt{color:#3978bb;cursor:pointer;background:#fff;border:1px solid #b7cde9;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:9px;font-weight:600;display:inline-flex}.modal-download-receipt:hover{background:#f1f7ff;border-color:#8fb4df}@media (width<=950px){.payments-page{padding:17px}.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.payments-page{padding:14px 11px 35px}.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-summary-card{min-height:64px;padding:9px}.summary-card-icon{flex-basis:34px;width:34px;height:34px}.payment-summary-card strong{font-size:13px}.payment-search-row{grid-template-columns:1fr;gap:8px}.payment-filter-button{width:100%}.payment-table-wrapper{display:none}.payment-mobile-list{flex-direction:column;gap:9px;display:flex}.payment-mobile-card{background:#fff;border:1px solid #e5eaf0;border-radius:9px;padding:13px;box-shadow:0 2px 7px #1e324b06}.mobile-payment-top{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:11px;display:flex}.mobile-payment-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px 0;display:grid}.mobile-payment-info span{color:#8994a4;margin-bottom:4px;font-size:7px;display:block}.mobile-payment-info strong{color:#46546a;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.mobile-payment-actions{flex-wrap:wrap;gap:7px;display:flex}.mobile-payment-actions button{flex:1;min-width:85px}.payment-filter-panel{flex-direction:column;align-items:stretch}.payment-filter-field,.payment-clear-button{width:100%}.payment-modal-overlay{align-items:flex-start;padding:12px;overflow-y:auto}.payment-details-modal{max-height:calc(100vh - 24px);padding:16px}.payment-detail-grid{grid-template-columns:1fr}.payment-appointment-box{flex-direction:column}.modal-receipt-action{justify-content:stretch}.modal-download-receipt{width:100%}}@media (width<=400px){.payment-summary-grid{grid-template-columns:1fr}.payment-title h1{font-size:18px}.payment-status{padding:4px 6px;font-size:7px}.mobile-payment-actions{flex-direction:column}.mobile-payment-actions button{flex:none;width:100%}}.refund-page{color:#17233d;background:#f7fafc;width:100%;min-height:100%;padding:25px 20px 40px}.refund-container{width:min(720px,100%);margin:0 auto}.refund-back{color:#69778b;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;padding:0;font-size:10px;display:flex}.refund-back:hover{color:#119da5}.refund-header{align-items:center;gap:12px;margin-bottom:17px;display:flex}.refund-header-icon{color:#e6674b;background:#fff0eb;border-radius:11px;justify-content:center;align-items:center;width:49px;height:49px;display:flex}.refund-header h1{color:#26334b;margin:0 0 4px;font-size:20px}.refund-header p{color:#7d899a;margin:0;font-size:10px}.refund-payment-card{background:#fff;border:1px solid #e4eaf0;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;padding:16px;display:flex}.refund-payment-card span{color:#8a95a4;margin-bottom:4px;font-size:8px;display:block}.refund-payment-card strong{color:#3b485e;margin-bottom:4px;font-size:11px;display:block}.refund-payment-card small{color:#8792a2;font-size:8px}.refund-amount{color:#25334a;font-size:19px;font-weight:700}.refund-terms-card{background:#fff;border:1px solid #e4eaf0;border-radius:10px;padding:18px}.refund-terms-card h2{color:#2d3a51;margin:0 0 15px;font-size:13px}.refund-term{border-bottom:1px solid #edf0f3;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.refund-term:last-child{border-bottom:0;padding-bottom:0}.refund-term>div{color:#159da5;background:#edf8f8;border-radius:7px;flex:0 0 29px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.refund-term p{color:#647187;margin:2px 0 0;font-size:10px;line-height:1.6}.refund-info{color:#3375bd;background:#eef6ff;border-radius:8px;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;display:flex}.refund-info p{color:#627895;margin:1px 0 0;font-size:9px;line-height:1.6}.refund-checkbox{color:#56647a;cursor:pointer;align-items:flex-start;gap:9px;margin-top:17px;font-size:10px;display:flex}.refund-checkbox input{accent-color:#139fa6;cursor:pointer;width:15px;height:15px;margin:0}.refund-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.refund-cancel-button,.refund-continue-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 17px;font-size:10px;font-weight:600;display:flex}.refund-cancel-button{color:#687588;background:#fff;border:1px solid #dce2e8}.refund-continue-button{color:#fff;background:#df6a51;border:1px solid #df6a51}.refund-continue-button:disabled{opacity:.45;cursor:not-allowed}.refund-processing-container{text-align:center;background:#fff;border:1px solid #e4eaf0;border-radius:13px;width:min(620px,100%);margin:8vh auto 0;padding:35px 25px;box-shadow:0 4px 20px #192b410a}.processing-spinner{color:#e3694e;background:#fff1eb;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;animation:1.2s linear infinite refundSpin;display:flex}@keyframes refundSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refund-processing-container h1{color:#29364d;margin:0 0 8px;font-size:19px}.refund-processing-container>p{color:#778497;max-width:400px;margin:0 auto;font-size:10px;line-height:1.6}.processing-progress{background:#edf0f3;border-radius:5px;width:min(360px,100%);height:5px;margin:22px auto 10px;overflow:hidden}.processing-progress-bar{background:#df6a51;border-radius:5px;width:55%;height:100%;animation:2s forwards processingBar}@keyframes processingBar{0%{width:5%}to{width:100%}}.processing-note{color:#9aa4b1;font-size:8px}.refund-success-icon{color:#219653;background:#eaf8ef;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 17px;display:flex}.refund-success-card{text-align:left;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:22px;display:grid}.refund-success-card>div{background:#fafcfd;border:1px solid #e7ecf1;border-radius:7px;padding:11px}.refund-success-card span{color:#8994a4;margin-bottom:4px;font-size:8px;display:block}.refund-success-card strong{color:#45536a;font-size:9px}.refund-processing-info{text-align:left;color:#61758c;background:#f3f8fc;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:12px;font-size:9px;line-height:1.5;display:flex}.refund-processing-info svg{color:#4380ba;flex-shrink:0}.back-payments-button{color:#159ca5;cursor:pointer;background:#fff;border:1px solid #9bdde0;border-radius:7px;align-items:center;gap:7px;height:38px;margin-top:18px;padding:0 17px;font-size:10px;font-weight:600;display:inline-flex}@media (width<=600px){.refund-page{padding:16px 12px 30px}.refund-payment-card{align-items:flex-start}.refund-amount{font-size:16px}.refund-actions{flex-direction:column-reverse}.refund-cancel-button,.refund-continue-button{width:100%}.refund-processing-container{margin-top:5vh;padding:27px 17px}.refund-success-card{grid-template-columns:1fr}}*{box-sizing:border-box}.diet-page{color:#14254a;background:#f9fbfe;width:100%;max-width:1440px;margin:0 auto;padding:10px 18px 42px}.diet-page-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.diet-page-header h1{margin:0;font-size:18px;font-weight:700;line-height:1.2}.diet-page-tools button{color:#1785ff;cursor:pointer;background:#fff;border:1px solid #dbe6f2;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.diet-patient-card,.diet-overview-panel,.diet-panel,.today-diet-card{background:#fff;border:1px solid #e6edf5;border-radius:9px;box-shadow:0 2px 10px #23436e09}.diet-patient-card{padding:14px 16px 11px}.diet-patient-main{align-items:center;gap:15px;min-height:92px;display:flex;position:relative}.diet-avatar{color:#83b7fa;background:linear-gradient(145deg,#edf4fc,#f7fbff);border-radius:50%;flex:0 0 74px;place-items:center;width:74px;height:74px;display:grid;overflow:hidden}.diet-avatar img{object-fit:cover;width:100%;height:100%;display:block}.diet-patient-info{min-width:0}.diet-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.diet-name-row h2{color:#14254a;margin:0;font-size:15px}.patient-type-badge{color:#1680f6;background:#eff7ff;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:700}.uhid-button{color:#1680f6;cursor:pointer;background:0 0;border:0;padding:5px 0 3px;font-size:10px;font-weight:700}.patient-meta,.patient-location{color:#526783;align-items:center;gap:7px;margin-top:3px;font-size:9.5px;display:flex}.patient-meta svg,.patient-location svg{color:#617892;flex-shrink:0}.plan-status{color:#20a05a;white-space:nowrap;background:#eaf9f0;border-radius:6px;align-self:flex-start;margin-top:1px;margin-left:auto;padding:5px 9px;font-size:9px;font-weight:700}.plan-status svg{vertical-align:-2px;margin-right:3px}.diet-mode-switch{background:#f2f6fa;border-radius:7px;padding:2px;display:flex;position:absolute;bottom:4px;right:116px}.diet-mode-switch button{color:#75859b;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:700}.diet-mode-switch button.active{color:#147ff2;background:#fff;box-shadow:0 1px 4px #0000000f}.patient-health-strip{background:#f4f8fd;border-radius:8px;grid-template-columns:repeat(4,1fr);min-height:43px;margin-top:8px;display:grid}.patient-health-strip.ip{grid-template-columns:repeat(2,1fr)}.health-item{border-right:1px solid #e2eaf3;align-items:center;gap:10px;padding:6px 40px;display:flex}.health-item:last-child{border-right:0}.health-item>svg{color:#1684ff;flex-shrink:0}.health-item small,.health-item strong{display:block}.health-item small{color:#71839b;margin-bottom:2px;font-size:8px}.health-item strong{color:#31476b;font-size:9px;font-weight:600}.health-item i{color:#8c9aab;padding:0 3px;font-style:normal}.diet-content{margin-top:8px}.diet-overview-panel{padding:12px 14px 10px}.section-heading h3,.diet-panel h3,.today-heading h3{margin:0;font-size:11px;font-weight:700}.section-heading p{color:#607594;margin:4px 0 9px;font-size:8.5px}.diet-stats{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.diet-stat-card{border:1px solid #e6edf5;border-radius:8px;align-items:center;gap:9px;min-height:62px;padding:9px 11px;display:flex}.stat-icon{border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.stat-icon.purple{color:#9b63ef;background:#f5edff}.stat-icon.orange{color:#ff9b26;background:#fff4e7}.stat-icon.red{color:#fa6678;background:#fff0f2}.stat-icon.green{color:#1dbb6a;background:#eaf9f0}.stat-icon.blue{color:#318cff;background:#edf5ff}.diet-stat-card strong{font-size:15px;line-height:1;display:block}.diet-stat-card span{color:#536987;margin-top:4px;font-size:8.5px;display:block}.diet-stat-card small{color:#7b8da6;margin-top:2px;font-size:7.5px;display:block}.diet-two-column{grid-template-columns:1fr 1.1fr;gap:9px;margin-top:8px;display:grid}.diet-panel{padding:10px 11px}.food-list{margin-top:7px}.food-row{border-bottom:1px solid #edf2f7;align-items:center;gap:9px;min-height:41px;display:flex}.food-row:last-child{border-bottom:0}.food-icon{color:#1685ff;background:#eef6ff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.food-copy{min-width:0}.food-copy strong{color:#294264;font-size:8.5px;display:block}.food-copy span{color:#73859d;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:7.5px;display:block;overflow:hidden}.food-amount{color:#147ff2;white-space:nowrap;background:#edf6ff;border-radius:5px;margin-left:auto;padding:4px 7px;font-size:7px;font-weight:700}.diet-right-stack{gap:8px;display:grid}.diet-note{color:#1684ff;background:#f4f8fe;border:1px solid #e2ebf6;border-radius:7px;align-items:flex-start;gap:9px;margin-top:8px;padding:9px 11px;display:flex}.diet-note strong{color:#294264;font-size:9px;display:block}.diet-note p{color:#657995;margin:3px 0 0;font-size:7.8px;line-height:1.45}.today-diet-card{padding:11px 11px 8px}.today-heading{justify-content:space-between;align-items:center;margin:0 2px 7px;display:flex}.date-picker{color:#147ff2;align-items:center;gap:5px;display:flex}.date-picker input{color:#294264;background:0 0;border:0;outline:0;font-size:9px;font-weight:700}.meal-timeline{position:relative}.meal-timeline:before{content:"";background:#e2eaf2;width:1px;position:absolute;top:22px;bottom:22px;left:27px}.meal-row{border-top:1px solid #edf2f7;align-items:flex-start;gap:12px;min-height:72px;padding:7px 5px;display:flex;position:relative}.meal-row:first-child{border-top:0}.meal-icon{z-index:1;background:#fff;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.meal-icon.orange{color:#f5a329;background:#fff4e6}.meal-icon.green{color:#22a85f;background:#ecfaf1}.meal-icon.purple{color:#8e60e9;background:#f5efff}.meal-icon.blue{color:#318cff;background:#edf5ff}.meal-content{flex:1;min-width:0;padding-top:1px}.meal-title{align-items:center;gap:15px;display:flex}.meal-title strong{color:#2a4266;font-size:9.5px}.meal-title span{color:#147ff2;font-size:8px;font-weight:700}.meal-content ul{margin:4px 0 0;padding-left:13px}.meal-content li{color:#526783;font-size:8px;line-height:1.45}.meal-status{white-space:nowrap;border-radius:5px;align-items:center;gap:3px;margin-top:3px;padding:4px 7px;font-size:7.5px;font-weight:700;display:flex}.meal-status.served{color:#1ba158;background:#eaf9f0}.meal-status.pending{color:#147ff2;background:#eff6ff}.diet-footer-meta{color:#71839b;grid-template-columns:1.1fr 1.1fr 1fr;gap:10px;padding:9px 5px 2px;font-size:7.5px;display:grid}.diet-footer-meta span{align-items:center;gap:5px;display:flex}.diet-footer-meta svg{color:#71839b;flex-shrink:0}.diet-footer-meta b{color:#536783;font-weight:700}@media (width<=1050px){.health-item{padding:6px 16px}.diet-stats{grid-template-columns:repeat(3,1fr)}.diet-two-column{grid-template-columns:1fr}}@media (width<=700px){.diet-page{padding:9px 10px 50px}.diet-patient-card{padding:11px}.diet-patient-main{align-items:flex-start;min-height:90px}.diet-avatar{flex-basis:60px;width:60px;height:60px}.diet-avatar svg{width:40px}.diet-name-row{gap:6px}.diet-name-row h2{font-size:13px}.diet-mode-switch{bottom:-1px;right:0}.plan-status{font-size:8px}.patient-health-strip,.patient-health-strip.ip{grid-template-columns:1fr 1fr}.health-item{padding:7px 10px}.health-item:nth-child(2){border-right:0}.health-item:nth-child(n+3){border-top:1px solid #e2eaf3}.diet-stats{grid-template-columns:1fr 1fr}.diet-stat-card:last-child{grid-column:1/-1}.diet-two-column{grid-template-columns:1fr}.food-copy span{white-space:normal}.meal-row{gap:8px}.meal-status{padding:4px 5px}.diet-footer-meta{grid-template-columns:1fr;gap:7px}}@media (width<=430px){.diet-page-header h1{font-size:16px}.patient-type-badge{font-size:8px}.patient-meta,.patient-location{font-size:8.5px}.diet-stats{grid-template-columns:1fr}.diet-stat-card:last-child{grid-column:auto}.meal-icon{flex-basis:36px;width:36px;height:36px}.meal-timeline:before{left:23px}.meal-title{gap:8px}.meal-status{font-size:7px}}.messenger-page{box-sizing:border-box;color:#26354d;width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:20px 28px 45px}.messenger-page-header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding-bottom:16px;display:flex}.messenger-page-heading{min-width:0}.messenger-breadcrumb{color:#8793a7;align-items:center;gap:5px;margin-bottom:6px;font-size:11px;font-weight:500;display:flex}.messenger-page-header h1{color:#25344d;letter-spacing:-.4px;margin:0;font-size:24px;font-weight:600;line-height:30px}.messenger-page-header p{color:#78869b;margin:4px 0 0;font-size:12px;line-height:18px}.raise-ticket-button{color:#fff;white-space:nowrap;background:#176bf0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 9px #176bf029}.raise-ticket-button:hover{background:#0f5fdc;transform:translateY(-1px);box-shadow:0 5px 12px #176bf033}.messenger-layout{grid-template-columns:270px minmax(0,1fr);align-items:stretch;gap:16px;margin-top:16px;display:grid}.messenger-content{min-width:0}.messenger-menu{flex-direction:column;gap:7px;min-width:0;display:flex}.messenger-menu-item{color:#596981;text-align:left;background:#fff;border:1px solid #e6ebf2;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:68px;padding:10px 11px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 8px #19305208}.messenger-menu-item:hover{background:#f9fbff;border-color:#cddff5;transform:translateY(-1px)}.messenger-menu-item.active{color:#176bf0;background:#f1f7ff;border-color:#c9def8;box-shadow:0 3px 10px #176bf00f}.messenger-menu-icon{border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.ai-icon{color:#1689ed;background:#eaf5ff}.ticket-icon{color:#6554d9;background:#f1edff}.help-icon{color:#15956e;background:#eaf9f4}.messenger-menu-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.messenger-menu-text strong{color:#40506a;font-size:11px;font-weight:700}.messenger-menu-item.active .messenger-menu-text strong{color:#176bf0}.messenger-menu-text small{color:#8995a8;font-size:9px}.messenger-menu-item>svg{color:#a7b2c2;flex-shrink:0}.ticket-count{color:#176bf0;background:#eaf2ff;border-radius:20px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;font-weight:700;display:grid}.support-contact-card{background:linear-gradient(145deg,#f5f9ff 0%,#fff 100%);border:1px solid #e4ebf3;border-radius:11px;margin-top:8px;padding:17px}.support-contact-icon{color:#1689ed;background:#e8f5ff;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:12px;display:grid}.support-contact-card strong{color:#35445e;font-size:12px;display:block}.support-contact-card p{color:#7b899e;margin:6px 0 12px;font-size:10px;line-height:17px}.support-online{color:#15956e;align-items:center;gap:6px;font-size:9px;font-weight:600;display:flex}.support-online span,.ai-online span{background:#22b982;border-radius:50%;width:6px;height:6px}.ai-panel,.tickets-panel,.help-panel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 3px 12px #1930520b}.panel-heading{border-bottom:1px solid #e9edf3;align-items:center;gap:12px;min-height:74px;padding:14px 20px;display:flex}.panel-heading-icon{color:#1689ed;background:#eaf5ff;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.ticket-heading-icon{color:#6554d9;background:#f1edff}.help-heading-icon{color:#15956e;background:#eaf9f4}.panel-heading>div:nth-child(2){flex:1;min-width:0}.panel-heading h2{color:#34445e;margin:0;font-size:15px;font-weight:700}.panel-heading p{color:#8995a8;margin:4px 0 0;font-size:10px}.ai-online{color:#15956e;background:#f5fcf9;border:1px solid #dcefe8;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:600;display:flex}.chat-window{flex-direction:column;display:flex}.chat-messages{background:#fbfcfe;min-height:360px;max-height:440px;padding:22px 22px 10px;overflow-y:auto}.chat-message-row{align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.ai-row{justify-content:flex-start}.user-row{justify-content:flex-end}.chat-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.ai-avatar{color:#1689ed;background:#eaf5ff}.user-avatar{background:#edf3ff}.user-avatar img{object-fit:cover;width:100%;height:100%}.chat-message-group{flex-direction:column;gap:4px;max-width:min(620px,75%);display:flex}.user-row .chat-message-group{align-items:flex-end}.chat-message-bubble{color:#52627a;background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:11px 14px;font-size:11px;line-height:18px;box-shadow:0 2px 5px #19305206}.user-row .chat-message-bubble{color:#fff;background:#176bf0;border-color:#176bf0;border-bottom-right-radius:4px}.ai-row .chat-message-bubble{border-bottom-left-radius:4px}.chat-time{color:#a0aaba;padding:0 3px;font-size:8px}.quick-topic-section{background:#fff;border-top:1px solid #e9edf3;padding:12px 20px 13px}.quick-topic-label{color:#77859a;margin-bottom:8px;font-size:9px;font-weight:600;display:block}.quick-topic-list{flex-wrap:wrap;gap:7px;display:flex}.quick-topic{color:#5d6c83;background:#fff;border:1px solid #e0e7ef;border-radius:7px;align-items:center;gap:6px;min-height:31px;padding:0 11px;font-size:9px;font-weight:600;transition:all .2s;display:inline-flex}.quick-topic:hover{color:#176bf0;background:#f3f8ff;border-color:#bcd5f5}.chat-input-area{background:#fff;border-top:1px solid #e8edf3;align-items:center;gap:8px;min-height:58px;padding:9px 13px;display:flex}.chat-input-area input{color:#43536b;background:#fafbfd;border:1px solid #dfe6ef;border-radius:8px;outline:none;flex:1;min-width:0;height:38px;padding:0 12px;font-family:inherit;font-size:11px}.chat-input-area input::placeholder{color:#a1adbd}.chat-input-area input:focus{background:#fff;border-color:#a8c9f5}.chat-attachment,.chat-send-button{border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.chat-attachment{color:#8b98aa;background:0 0}.chat-attachment:hover{color:#176bf0;background:#f3f6fa}.chat-send-button{color:#fff;background:#176bf0;transition:all .2s}.chat-send-button:hover{background:#0f5fdc;transform:translateY(-1px)}.ai-disclaimer{color:#98a4b4;background:#fcfdff;border-top:1px solid #edf0f4;align-items:center;gap:6px;padding:9px 20px;font-size:8px;display:flex}.ticket-heading{border-bottom:0}.ticket-summary{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px 16px;display:grid}.ticket-summary-item{background:#fafbfd;border:1px solid #e7ebf1;border-radius:8px;flex-direction:column;justify-content:center;gap:3px;min-height:65px;padding:9px 12px;display:flex}.ticket-summary-item>span:last-child{color:#8a96a8;font-size:9px}.summary-number{color:#35445e;font-size:18px;font-weight:700;line-height:20px}.open-number{color:#176bf0}.pending-number{color:#d18a13}.resolved-number{color:#15956e}.ticket-list{flex-direction:column;gap:8px;padding:0 20px 20px;display:flex}.ticket-card{text-align:left;background:#fff;border:1px solid #e5eaf1;border-radius:9px;grid-template-columns:minmax(0,1fr) 150px 22px;align-items:center;gap:14px;width:100%;min-width:0;padding:14px 15px;transition:all .2s;display:grid}.ticket-card:hover{background:#fbfdff;border-color:#c9dbf2;transform:translateY(-1px);box-shadow:0 3px 10px #1930520a}.ticket-main{min-width:0}.ticket-id-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ticket-id{color:#8a97aa;font-size:9px;font-weight:700}.ticket-status{border-radius:20px;justify-content:center;align-items:center;width:fit-content;min-height:21px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.ticket-status.open{color:#176bf0;background:#eaf3ff}.ticket-status.pending{color:#c4810d;background:#fff6e5}.ticket-status.resolved{color:#15956e;background:#eaf8f3}.ticket-card h3{color:#3e4e67;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:12px;font-weight:700;overflow:hidden}.ticket-meta{color:#8b98aa;flex-wrap:wrap;align-items:center;gap:7px;font-size:8px;display:flex}.meta-dot{background:#b4bfcd;border-radius:50%;flex-shrink:0;width:3px;height:3px}.ticket-last-update{color:#9aa5b5;justify-content:flex-end;align-items:center;gap:6px;font-size:8px;display:flex}.ticket-last-update>svg{flex-shrink:0}.ticket-last-update span{text-align:right;flex-direction:column;gap:2px;display:flex}.ticket-last-update strong{color:#64738a;font-size:8px;font-weight:600}.ticket-arrow{color:#a6b1c0}.ticket-detail{padding-bottom:20px}.back-to-tickets{color:#176bf0;background:0 0;border:0;margin:15px 20px 8px;padding:5px 0;font-size:10px;font-weight:600}.ticket-detail-header{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 20px 18px;display:flex}.ticket-detail-id{color:#8c98a9;font-size:9px;font-weight:700}.ticket-detail-header h2{color:#34445e;margin:5px 0 7px;font-size:18px;font-weight:700}.ticket-detail-meta{color:#8a96a8;flex-wrap:wrap;align-items:center;gap:7px;font-size:8px;display:flex}.large-status{flex-shrink:0;min-height:25px;padding:0 10px;font-size:9px}.ticket-conversation{background:#fbfcfe;flex-direction:column;gap:22px;padding:22px 25px;display:flex}.ticket-message{align-items:flex-start;gap:10px;max-width:75%;display:flex}.support-ticket-message{margin-left:auto}.ticket-message-avatar{background:#edf3ff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.ticket-message-avatar img{object-fit:cover;width:100%;height:100%}.support-avatar{color:#1689ed;background:#eaf5ff}.ticket-message-name{color:#596981;margin-bottom:4px;font-size:9px;font-weight:700}.ticket-message-bubble{color:#617088;background:#fff;border:1px solid #e2e8ef;border-radius:9px;padding:10px 13px;font-size:10px;line-height:17px}.support-ticket-message .ticket-message-bubble{background:#f4f8fd;border-color:#d6e5f7}.ticket-message-time{color:#a1acbb;margin-top:4px;font-size:7px;display:block}.ticket-support-note{color:#15956e;background:#f5fcf9;border:1px solid #d9eee6;border-radius:8px;align-items:flex-start;gap:9px;margin:16px 20px 0;padding:12px 14px;display:flex}.ticket-support-note svg{flex-shrink:0;margin-top:1px}.ticket-support-note strong{color:#337b64;font-size:10px;display:block}.ticket-support-note p{color:#77968b;margin:3px 0 0;font-size:8px}.help-panel{padding-bottom:20px}.help-process{background:linear-gradient(140deg,#f5f9ff 0%,#fff 100%);border:1px solid #e4ebf2;border-radius:10px;margin:16px 20px;padding:18px}.help-process-header{border-bottom:1px solid #e5ebf2;align-items:center;gap:11px;padding-bottom:16px;display:flex}.help-process-icon{color:#1689ed;background:#e8f5ff;border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.help-process-header h3{color:#3c4c65;margin:0;font-size:12px}.help-process-header p{color:#8995a8;margin:4px 0 0;font-size:9px}.support-steps{grid-template-columns:repeat(3,1fr);gap:15px;padding-top:16px;display:grid}.support-step{align-items:flex-start;gap:9px;display:flex}.support-step>span{color:#176bf0;background:#eaf3ff;border-radius:7px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:8px;font-weight:700;display:grid}.support-step strong{color:#4b5b72;font-size:10px;display:block}.support-step p{color:#8b97a9;margin:4px 0 0;font-size:8px;line-height:14px}.help-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 20px;display:grid}.help-card{text-align:left;background:#fff;border:1px solid #e5eaf1;border-radius:9px;align-items:center;gap:11px;min-width:0;min-height:85px;padding:12px;transition:all .2s;display:flex}.help-card:hover{background:#fbfdff;border-color:#c9dbf2;transform:translateY(-1px)}.help-card-icon{color:#176bf0;background:#f1f6fc;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.help-card-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.help-card-content strong{color:#46566e;font-size:10px}.help-card-content span{color:#8a96a8;font-size:8px;line-height:14px}.help-card>svg{color:#a3afbf;flex-shrink:0}.emergency-note{background:snow;border:1px solid #f0e2e2;border-radius:8px;align-items:flex-start;gap:9px;margin:16px 20px 0;padding:12px 14px;display:flex}.emergency-icon{color:#c65d64;background:#fceeee;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.emergency-note strong{color:#79565a;font-size:9px;display:block}.emergency-note p{color:#9a7d80;margin:3px 0 0;font-size:8px;line-height:14px}.ticket-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d2b3f6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ticket-modal{background:#fff;border:1px solid #e1e7ef;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 40px);animation:.18s ease-out ticketModalIn;overflow-y:auto;box-shadow:0 18px 55px #16263d33}@keyframes ticketModalIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.ticket-modal-header{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 20px;display:flex}.ticket-modal-title{align-items:center;gap:11px;min-width:0;display:flex}.ticket-modal-icon{color:#176bf0;background:#eaf3ff;border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.ticket-modal-title h2{color:#34445e;margin:0;font-size:15px;font-weight:700}.ticket-modal-title p{color:#8995a8;margin:4px 0 0;font-size:9px;line-height:14px}.ticket-modal-close{color:#7e8b9e;background:#f4f6f9;border:0;border-radius:7px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.ticket-modal-close:hover{color:#40506a;background:#edf1f6}.ticket-form{flex-direction:column;gap:15px;padding:20px;display:flex}.ticket-form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.ticket-form-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ticket-form-field label{color:#56657b;font-size:9px;font-weight:700}.ticket-form-field input,.ticket-form-field select,.ticket-form-field textarea{box-sizing:border-box;color:#43536b;background:#fbfcfe;border:1px solid #dfe6ef;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:10px;transition:all .2s}.ticket-form-field input,.ticket-form-field select{height:38px;padding:0 11px}.ticket-form-field textarea{resize:vertical;min-height:105px;padding:10px 11px;line-height:16px}.ticket-form-field input::placeholder,.ticket-form-field textarea::placeholder{color:#a3adbb}.ticket-form-field input:focus,.ticket-form-field select:focus,.ticket-form-field textarea:focus{background:#fff;border-color:#a7c8f3;box-shadow:0 0 0 3px #176bf00d}.ticket-form-info{color:#8b98aa;background:#f8fafc;border:1px solid #e5ebf2;border-radius:7px;align-items:flex-start;gap:7px;padding:9px 10px;font-size:8px;line-height:13px;display:flex}.ticket-form-info svg{flex-shrink:0;margin-top:1px}.ticket-form-actions{justify-content:flex-end;align-items:center;gap:8px;padding-top:2px;display:flex}.ticket-cancel-button,.ticket-submit-button{border-radius:7px;justify-content:center;align-items:center;gap:6px;height:37px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.ticket-cancel-button{color:#66758b;background:#fff;border:1px solid #dfe5ed}.ticket-cancel-button:hover{background:#f7f9fb}.ticket-submit-button{color:#fff;background:#176bf0;border:0;box-shadow:0 3px 8px #176bf024}.ticket-submit-button:hover{background:#0f5fdc}@media (width<=1050px){.messenger-page{padding:18px 20px 40px}.messenger-layout{grid-template-columns:220px minmax(0,1fr)}.ticket-card{grid-template-columns:minmax(0,1fr) 120px 18px}.support-steps{grid-template-columns:1fr;gap:12px}}@media (width<=820px){.messenger-layout{grid-template-columns:1fr}.messenger-menu{grid-template-columns:repeat(3,1fr);display:grid}.support-contact-card{grid-column:1/-1;margin-top:2px}.ticket-card{grid-template-columns:minmax(0,1fr) 100px 18px}}@media (width<=700px){.messenger-page{padding:14px 12px 32px}.messenger-page-header{flex-direction:column;align-items:flex-start;gap:12px}.messenger-page-header h1{font-size:20px}.raise-ticket-button{width:100%}.messenger-menu{grid-template-columns:1fr}.support-contact-card{grid-column:auto}.messenger-menu-item{min-height:60px}.panel-heading{min-height:65px;padding:12px 14px}.panel-heading-icon{width:37px;height:37px}.panel-heading h2{font-size:13px}.ai-online{display:none}.chat-messages{min-height:330px;padding:17px 13px 8px}.chat-message-group{max-width:82%}.quick-topic-section{padding:11px 13px}.chat-input-area{padding:8px}.ticket-summary{grid-template-columns:repeat(2,1fr);padding:0 13px 13px}.ticket-list{padding:0 13px 15px}.ticket-card{grid-template-columns:minmax(0,1fr) 18px;gap:8px;padding:13px}.ticket-last-update{display:none}.ticket-card h3{white-space:normal}.ticket-detail-header{flex-direction:column;padding:10px 14px 16px}.ticket-conversation{padding:17px 13px}.ticket-message{max-width:90%}.ticket-support-note{margin:13px}.help-process{margin:13px;padding:14px}.help-card-grid{grid-template-columns:1fr;padding:0 13px}.emergency-note{margin:13px}.ticket-modal-overlay{align-items:flex-end;padding:0}.ticket-modal{border-radius:15px 15px 0 0;width:100%;max-height:92vh}.ticket-form-row{grid-template-columns:1fr}.ticket-form,.ticket-modal-header{padding:16px}.ticket-form-actions{grid-template-columns:1fr 1fr;display:grid}.ticket-cancel-button,.ticket-submit-button{width:100%}}@media (width<=420px){.messenger-page{padding-left:9px;padding-right:9px}.messenger-page-header h1{font-size:18px}.messenger-page-header p{font-size:10px}.chat-message-group{max-width:84%}.quick-topic-list{grid-template-columns:1fr 1fr;display:grid}.quick-topic{justify-content:center}.ticket-summary-item{min-height:58px}.summary-number,.ticket-detail-header h2{font-size:16px}.ticket-modal-title h2{font-size:13px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--primary:#178fe8;--primary-dark:#17377d;--secondary:#5146df;--text-primary:#101010;--text-secondary:#63708a;--text-muted:#8995aa;--border:#e6ebf3;--background:#f8faff;--white:#fff;--card-radius:10px;--shadow:0 2px 10px #2543780d}*,:before,:after{box-sizing:border-box}html{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--background);width:100%;min-width:0;min-height:100vh;color:var(--text-primary);margin:0;padding:0;overflow:hidden auto}#root{width:100%;min-width:0;min-height:100vh;margin:0;padding:0}button{cursor:pointer;border:0;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.app-shell{background:var(--background);flex-direction:column;width:100%;min-width:0;min-height:100vh;margin:0;padding:0;display:flex}.app-shell>header{z-index:1000;flex:none;width:100%;position:relative;inset:auto}.app-body{background:var(--background);flex:1 0 auto;width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:0;position:relative;overflow:visible}.app-body>*{box-sizing:border-box;width:100%;min-width:0;height:auto;max-height:none;overflow:visible}.app-shell>footer,.app-footer{z-index:100;box-sizing:border-box;background:var(--white,#fff);flex:none;width:100%;margin:0;position:relative!important;inset:auto!important}.app-shell{height:auto}.app-body,.app-body>*{max-height:none;overflow:visible}.app-header{background:var(--white);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:20px;width:100%;height:66px;padding:0 26px;display:flex;position:sticky;top:0}.header-left{flex-shrink:0}.hospital-logo{align-items:center;gap:5px;min-width:105px;display:flex}.logo-mark{color:#e85c9d;font-size:29px;line-height:1}.logo-text>div{line-height:18px}.bloom{color:#e84c9b;font-size:16px;font-weight:700}.life{color:#16a4a7;font-size:16px;font-weight:700}.logo-text small{letter-spacing:3px;color:#5d646e;font-size:8px;font-weight:600;display:block}.logo-subtitle{color:#89909b;font-size:6px;display:block}.global-nav{background:#fff;border:1px solid #e5e9ef;border-radius:11px;align-items:center;gap:3px;display:flex;box-shadow:0 1px 5px #00000008}.header-nav{flex:1;justify-content:center;min-width:0;padding:4px}.nav-item{color:#53627b;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--primary);background:#f3f8fd}.nav-item.active{color:var(--primary);background:#eaf7ff}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-icon-button{color:#53627b;background:#fff;border:1px solid #e4e9f1;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.notification-count{color:#fff;background:#ed3e43;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:grid;position:absolute;top:-4px;right:-2px}.profile-area{color:#53627b;align-items:center;gap:7px;display:flex}.profile-avatar{color:#8ca5d5;background:#edf3ff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.profile-info{flex-direction:column;line-height:15px;display:flex}.profile-info strong{color:#4c5870;font-size:10px}.profile-info span{color:#718096;font-size:9px}.dashboard-page{box-sizing:border-box;width:100%;padding:0 24px 72px}.dashboard-topbar{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;min-height:67px;display:flex}.dashboard-topbar h1{letter-spacing:-.5px;margin:0;font-size:25px;font-weight:500}.dashboard-actions{gap:16px;display:flex}.message-button,.appointment-button{color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:12px;height:41px;padding:0 20px;font-size:13px;font-weight:600;display:flex}.message-button{background:#08afd1}.appointment-button{background:#5148df}.dashboard-grid{grid-template-columns:1.7fr 1fr;align-items:stretch;gap:14px;margin-top:14px;display:grid}.dashboard-left{flex-direction:column;gap:14px;min-width:0;display:flex}.dashboard-card{border-radius:var(--card-radius);box-shadow:var(--shadow);background:#fff;border:1px solid #e6ebf2;overflow:hidden}.welcome-card{background:linear-gradient(110deg,#f3f8ff 0%,#f9fbff 70%,#eef5ff 100%);align-items:center;height:160px;padding:25px 32px;display:flex;position:relative}.welcome-icon{color:#1689ed;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:83px;height:83px;display:grid}.welcome-content{margin-left:32px}.welcome-content h2{color:var(--primary-dark);margin:0 0 8px;font-size:25px}.welcome-content p{color:#657493;margin:0;font-size:13px;line-height:22px}.welcome-decoration{opacity:.65;width:145px;height:115px;position:absolute;bottom:0;right:18px}.heart-pulse{color:#ef6b85;font-size:58px;position:absolute;top:7px;right:4px}.plant{color:#8bb6ed;font-size:72px;position:absolute;bottom:5px;left:45px}.health-matters-card{background:linear-gradient(110deg,#f6f9ff,#fbfcff);align-items:center;height:116px;padding:20px 24px;display:flex;position:relative}.health-icon{color:#178eea;background:#e2f0ff;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid}.health-content{margin-left:24px}.health-content h3{color:var(--primary-dark);margin:0 0 8px;font-size:14px}.health-content p{color:#657493;margin:0;font-size:12px;line-height:20px}.health-decoration{color:#dce8fa;font-size:75px;font-weight:300;position:absolute;top:22px;right:75px}.appointment-card{flex-direction:column;min-height:290px;display:flex}.appointment-card h3,.empty-card h3{color:var(--primary-dark);margin:0;padding:20px 20px 0;font-size:14px;font-weight:700}.appointment-card .appointment-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:235px;padding:20px;display:flex}.empty-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:20px;display:flex}.empty-icon,.appointment-icon{margin-bottom:12px}.empty-icon{color:#d6e1f7}.appointment-icon{color:#9ab1df;background:#f5f8fc;border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.empty-content strong,.appointment-empty strong{color:var(--primary-dark);margin-bottom:7px;font-size:13px}.empty-content p,.appointment-empty p{color:#6c7b96;margin:0;font-size:11px;line-height:18px}.bottom-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.empty-card{flex-direction:column;min-height:264px;display:flex}.empty-card .empty-content{flex:1;min-height:205px}.placeholder-page{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:500px;display:flex}.placeholder-page h2{color:var(--primary-dark)}.placeholder-page p{color:var(--text-secondary)}@media (width<=1200px){.app-header{padding:0 18px}.dashboard-page{padding-left:18px;padding-right:18px}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.appointment-card{min-height:280px}.bottom-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){html,body{overflow:hidden auto}.app-shell{width:100%;height:auto;min-height:100vh}.app-body{flex:1 0 auto;width:100%;height:auto;min-height:0;overflow:visible}.app-body>*{width:100%;height:auto;max-height:none;overflow:visible}.app-shell>footer,.app-footer{position:relative!important;inset:auto!important}.dashboard-page{padding:0 12px 90px}.dashboard-topbar{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto;padding:16px 0}.dashboard-topbar h1{font-size:18px;line-height:25px}.dashboard-actions,.appointment-button{width:100%}.dashboard-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}.dashboard-left{gap:14px}.bottom-cards{grid-template-columns:1fr;gap:14px}}@media (width<=420px){.dashboard-page{padding-left:10px;padding-right:10px}}.hospital-logo{flex-shrink:0;align-items:center;width:150px;height:50px;display:flex;overflow:hidden}.hospital-logo-image{object-fit:contain;object-position:left center;width:145px;height:42px;display:block}@media (width<=1250px){.app-header{gap:10px;padding:0 15px}.hospital-logo{width:140px;height:48px}.hospital-logo-image{width:135px;height:40px}.nav-item{padding:8px 7px;font-size:11px}.profile-info{display:none}}@media (width<=1000px){.app-header{gap:8px}.hospital-logo{width:125px;height:46px}.hospital-logo-image{width:120px;height:38px}.header-nav{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-right{gap:5px}.dashboard-grid{grid-template-columns:1fr}.appointment-card{min-height:250px}.bottom-cards{grid-template-columns:1fr 1fr}}@media (width<=700px){.app-header{flex-wrap:wrap;height:auto;min-height:60px;padding:9px 12px}.header-left{order:1}.hospital-logo{width:120px;height:42px}.hospital-logo-image{width:115px;height:37px}.header-right{order:2;margin-left:auto}.header-nav{scrollbar-width:none;-ms-overflow-style:none;flex-basis:100%;order:3;justify-content:flex-start;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.dashboard-page{padding:0 12px 85px}.dashboard-topbar{flex-direction:column;align-items:flex-start;gap:15px;padding:18px 0}.dashboard-topbar h1{font-size:22px}.dashboard-actions{width:100%}.message-button,.appointment-button{flex:1;padding:0 10px}.welcome-card{height:auto;min-height:175px;padding:22px 18px}.welcome-icon{width:62px;height:62px}.welcome-content{margin-left:17px}.welcome-content h2{font-size:21px}.welcome-decoration{display:none}.health-matters-card{height:auto;min-height:135px;padding:20px 16px}.health-content{margin-left:15px}.health-decoration{display:none}.bottom-cards{grid-template-columns:1fr}.empty-card{min-height:230px}}@media (width<=450px){.hospital-logo{width:105px;height:38px}.hospital-logo-image{width:100px;height:34px}.header-right{gap:3px}.header-icon-button{width:32px;height:32px}.dashboard-topbar h1{font-size:20px}.message-button,.appointment-button{gap:7px;height:40px;font-size:11px}}.notification-wrapper{position:relative}.app-header{z-index:1000;position:relative;overflow:visible!important}.header-right{position:relative;overflow:visible!important}.profile-wrapper{flex-shrink:0;position:relative}.profile-area{z-index:1002;cursor:pointer;background:0 0;border:none;position:relative}.profile-active{background:#f3f8ff}.profile-chevron{transition:transform .2s}.profile-chevron.rotate{transform:rotate(180deg)}.profile-dropdown{box-sizing:border-box;z-index:99999;background:#fff;border:1px solid #e5eaf2;border-radius:18px;width:405px;max-width:calc(100vw - 20px);padding:18px;animation:.18s ease-out profileDropdownOpen;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #18305529,0 5px 15px #18305512}@keyframes profileDropdownOpen{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-title{color:#162d61;margin-bottom:13px;font-size:18px;font-weight:700}.current-profile-card{box-sizing:border-box;cursor:pointer;text-align:left;background:#fff;border:1px solid #edf1f7;border-radius:16px;align-items:center;gap:13px;width:100%;padding:11px;transition:background .2s,border-color .2s;display:flex}.current-profile-card:hover{background:#f8fbff;border-color:#dce8fa}.dropdown-profile-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;min-width:56px;height:56px;min-height:56px;display:block}.current-profile-info{flex:1;min-width:0}.current-profile-info strong{color:#172d60;margin-bottom:3px;font-size:16px;font-weight:700;display:block}.current-profile-info span{color:#60739a;font-size:14px;font-weight:500;display:block}.current-badge{color:#3679ed;background:#edf5ff;border-radius:20px;flex-shrink:0;padding:7px 13px;font-size:13px;font-weight:600}.dropdown-divider{background:#e9edf3;height:1px;margin:14px 0}.family-title{color:#253968;margin:0 0 7px;font-size:16px;font-weight:700}.family-list{flex-direction:column;display:flex}.family-member{box-sizing:border-box;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:13px;width:100%;padding:8px 4px;transition:background .18s;display:flex}.family-member:hover{background:#f6f9fd}.family-member-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;min-width:48px;height:48px;min-height:48px;display:block}.family-member-info{min-width:0}.family-member-info strong{color:#172d60;margin-bottom:2px;font-size:15px;font-weight:650;display:block}.family-member-info span{color:#66789c;font-size:13px;display:block}.dropdown-action{box-sizing:border-box;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:13px;width:100%;padding:7px 3px;font-size:15px;font-weight:600;transition:background .18s;display:flex}.dropdown-action:hover{background:#f7f9fc}.action-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.add-family{color:#3376ec}.add-icon{color:#286ce4;background:#eef5ff}.logout-action{color:#ef3d3d}.logout-icon{color:#ef3535;background:#fff0f0}@media (width<=700px){.profile-dropdown{border-radius:16px;width:min(380px,100vw - 20px);max-width:none;max-height:calc(100vh - 80px);padding:15px;top:calc(100% + 7px);right:0;overflow-y:auto}.dropdown-profile-image{width:52px;min-width:52px;height:52px;min-height:52px}.family-member-image{width:45px;min-width:45px;height:45px;min-height:45px}}@media (width<=450px){.profile-dropdown{border-radius:15px;width:calc(100vw - 16px);padding:13px;top:calc(100% + 6px);right:0}.dropdown-title{font-size:16px}.current-profile-info strong{font-size:14px}.current-profile-info span{font-size:12px}.current-badge{padding:6px 9px;font-size:11px}.family-member-info strong{font-size:14px}.family-member-info span{font-size:12px}}.app-footer{z-index:100;background:#fffffff5;border-top:1px solid #e5e9ef;justify-content:center;align-items:center;height:51px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-nav{max-width:750px;padding:3px 5px}.footer-nav .nav-item{padding:7px 9px;font-size:11px}@media (width<=700px){.app-footer{justify-content:flex-start;height:56px;padding:0 8px;overflow-x:auto}.footer-nav{width:max-content;margin:auto}.footer-nav .nav-item{padding:7px 8px;font-size:10px}}