:root{--ink:#183b3a;--muted:#718486;--teal:#0d766e;--teal-dark:#075b56;--mint:#e8f7f3;--line:#dce9e6;--cream:#fbfcfa;--coral:#e66e62;--purple:#7553c7;--shadow:0 14px 35px rgba(30,74,70,.07)}.logo-image{width:39px;height:39px;object-fit:contain;border-radius:12px}.logo-image.large{width:64px;height:64px;border-radius:18px}*{box-sizing:border-box}body{margin:0;background:#f6faf8;color:var(--ink);font-family:"DM Sans",sans-serif}button,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;background:#fff;border-right:1px solid var(--line);padding:26px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 30px}.brand-mark{height:39px;width:39px;border-radius:13px;background:linear-gradient(145deg,#ef8585,#df4f85);display:grid;place-items:center;color:#fff;box-shadow:0 5px 12px #e8bdc2}.brand-mark span{font-size:20px}.brand strong{display:block;font:800 15px Manrope,sans-serif;letter-spacing:-.5px}.brand strong span{color:var(--teal)}.brand small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.workspace-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#93a3a2}.workspace-label{padding:0 12px 10px}nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px;border-radius:10px;text-align:left;color:#607675;font-size:13px;font-weight:600}.nav-item span{font-size:19px;width:20px;text-align:center}.nav-item:hover{background:#f3f8f6;color:var(--teal)}.nav-item.active{background:#e5f6f1;color:var(--teal);font-weight:700}.nav-badge{margin-left:auto;background:#ee7668;color:#fff;border-radius:99px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.safety-card{padding:13px 9px;background:#f5fbf9;border:1px solid #d7eee8;border-radius:12px;display:flex;gap:9px;align-items:center;margin-bottom:8px}.shield{height:28px;width:28px;display:grid;place-items:center;background:#d5f1e9;color:var(--teal);border-radius:9px;font-weight:700}.safety-card strong,.profile-mini strong{display:block;font-size:11px}.safety-card small,.profile-mini small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.profile-mini{border-top:1px solid var(--line);margin:12px 4px 0;padding:16px 4px 0;display:flex;align-items:center;gap:9px}.profile-mini>span{margin-left:auto;color:#9aabaa}.avatar{width:31px;height:31px;background:#d6edf0;color:#18727a;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.main{margin-left:254px;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumbs{color:#98a8a7;font-size:12px}.breadcrumbs span{padding:0 10px;color:#c5d1d0}.breadcrumbs strong{color:var(--ink)}.top-actions{display:flex;gap:20px;align-items:center}.language{color:#607675;font-size:12px}.language span{padding:0 7px}.language-select-wrap{display:flex;align-items:center;gap:5px;color:#607675;font-size:12px}.language-select-wrap select{border:0;background:transparent;color:#607675;font:inherit;outline:0;cursor:pointer}.icon-button{font-size:19px;color:#698685;position:relative}.icon-button i{position:absolute;width:6px;height:6px;background:#ec7265;border-radius:50%;top:1px;right:0}.content{max-width:1230px;margin:auto;padding:39px 42px 70px}.welcome-row,.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.welcome-row h1,.page-title h1{font:800 31px Manrope,sans-serif;letter-spacing:-1.3px;margin:6px 0 8px}.welcome-row h1 span{color:#ed9e41;font-size:22px}.muted{color:var(--muted);font-size:13px;margin:0}.primary-button{background:var(--teal);color:#fff;border-radius:9px;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 6px 15px #b6ded5;white-space:nowrap}.primary-button:hover{background:var(--teal-dark)}.primary-button.small{padding:9px 13px;font-size:11px}.notice{margin-top:30px;background:#fff7e9;border:1px solid #f9ddb0;border-radius:12px;padding:15px 18px;display:flex;align-items:center;gap:13px}.notice-icon{width:30px;height:30px;border-radius:10px;background:#ffdc91;color:#ad7010;display:grid;place-items:center}.notice strong{font-size:12px}.notice p{font-size:11px;color:#92795c;margin:3px 0 0}.notice .text-button{margin-left:auto}.text-button,.link-button{color:var(--teal);font-size:12px;font-weight:700}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 16px}.section-heading h2,.panel h2{font:800 17px Manrope,sans-serif;margin:0 0 5px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stat-card{padding:18px 19px 15px;background:#fff;border-radius:13px;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-34px;top:-46px;background:#fff;opacity:.3}.stat-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:20px;margin-bottom:20px}.coral .stat-icon{background:#ffe9e5;color:#df665c}.teal .stat-icon{background:#def5ef;color:var(--teal)}.purple .stat-icon{background:#eee9ff;color:var(--purple)}.stat-label{font-size:9px;letter-spacing:1px;color:#97a9a7;font-weight:700;display:block}.stat-card strong{font-size:14px;display:block;margin-top:5px}.stat-card small{color:var(--muted);font-size:11px;display:block;margin-top:4px}.stat-line{height:1px;background:#edf1f0;margin:16px 0 12px}.stat-card button{font-size:11px;color:var(--teal);font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:17px;margin-top:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.checkin-panel,.timeline-preview{padding:21px}.panel-heading{display:flex;justify-content:space-between}.sparkle{color:#edaa3d}.mood-row{display:flex;gap:10px;margin:23px 0 20px}.mood-row button{flex:1;padding:10px 3px;border:1px solid var(--line);border-radius:10px;color:#748887;font-size:22px}.mood-row button span{display:block;font-size:10px;margin-top:5px}.mood-row button.selected{border-color:#8bcfc1;background:#effbf8;box-shadow:0 0 0 2px #d9f2ec;color:var(--teal)}.mood-footer{display:flex;justify-content:space-between;align-items:center;color:#94a5a4;font-size:10px}.activity{display:flex;gap:13px;margin-top:19px}.activity-dot{width:9px;height:9px;border-radius:50%;margin:4px 0 0 2px;flex:none}.green{background:#37ad7c}.purple{background:#8a6be0}.orange{background:#e8a447}.activity strong{font-size:12px}.activity p{font-size:11px;color:var(--muted);margin:3px 0 0}.language-banner{margin-top:20px;background:#edf8f5;border-radius:12px;padding:14px 19px;display:flex;align-items:center;gap:12px}.language-globe{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--teal);font-weight:700}.language-banner strong{font-size:12px}.language-banner p{font-size:11px;margin:4px 0 0;color:#66817e}.outline-button{border:1px solid #b4d6cf;border-radius:8px;padding:9px 14px;color:var(--teal);font-size:11px;font-weight:700;background:#fff}.language-banner .outline-button{margin-left:auto}.view{display:none}.view.active{display:block}.page-title{margin-bottom:30px}.page-title h1{margin-top:5px}.secure-pill{background:#e7f7f2;color:#16766c;padding:8px 12px;border-radius:99px;font-size:11px;font-weight:700}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.case-main{padding:27px 31px}.progress-wrap>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#8ca09e}.progress-wrap strong{color:var(--teal)}.progress{height:5px;background:#e6efed;border-radius:99px;margin-top:10px}.progress i{display:block;width:20%;height:100%;border-radius:99px;background:var(--teal);transition:width .3s}.assistant-message{display:flex;gap:15px;align-items:flex-start;margin:43px 0 29px}.assistant-avatar{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#88d8c4,#298e81);color:#fff;display:grid;place-items:center;font-size:22px}.role{font-size:9px;letter-spacing:1px;color:var(--teal);font-weight:700}.assistant-message h2{font:800 23px Manrope,sans-serif;margin:7px 0}.assistant-message p{font-size:12px;color:var(--muted)}.answer-area{background:#fbfdfc;border:1px solid var(--line);border-radius:11px;padding:5px}.answer-area textarea{width:100%;resize:vertical;border:0;outline:none;background:transparent;padding:12px;font-size:13px;color:var(--ink)}.answer-area textarea::placeholder{color:#abbab8}.input-actions{display:flex;align-items:center;justify-content:space-between;padding:6px 9px}.voice-button{color:var(--teal);background:#e4f6f1;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700}.voice-button span{font-size:16px;margin-right:4px}.character-count{font-size:10px;color:#a6b7b5}.case-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.case-side{display:grid;gap:17px;align-content:start}.side-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:var(--shadow)}.side-card-title{font-weight:700;font-size:12px;display:flex;gap:7px;align-items:center}.side-card-title span{color:var(--teal);font-size:18px}.risk-card{background:#fff8f5;border-color:#f6d8cf}.risk-card p{font-size:11px;line-height:1.55;color:#866d68;margin:13px 0}.emergency-button{color:#ce5d50;border:1px solid #edb6ab;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:700}.case-item{display:flex;gap:9px;align-items:center;margin-top:16px}.case-item>span{border:1px solid #cfe3df;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;color:#85a09d;font-size:11px}.case-item.completed>span{color:#fff;background:#4bb18a;border-color:#4bb18a}.case-item strong,.case-item small{display:block}.case-item strong{font-size:11px}.case-item small{font-size:10px;color:var(--muted);margin-top:3px}.upload-zone{border:1.5px dashed #9dccc1;background:#f4fbf9;border-radius:12px;text-align:center;padding:27px;margin-bottom:26px}.upload-icon{height:35px;width:35px;border-radius:11px;background:#d4f0e9;color:var(--teal);font-size:23px;display:grid;place-items:center;margin:auto}.upload-zone h3{font-size:14px;margin:12px 0 4px}.upload-zone p{font-size:11px;color:var(--muted);margin:0 0 14px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tabs{display:flex;gap:7px}.tabs button,.sort-button,.timeline-filter button{color:#7a8d8b;padding:8px 10px;font-size:11px;border-radius:7px}.tabs button.active,.timeline-filter button.active{background:#e3f5f0;color:var(--teal);font-weight:700}.tabs b{font-size:9px}.sort-button{border:1px solid var(--line)}.records-list{overflow:hidden}.record-row{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid #edf2f0}.record-row:last-child{border:0}.file-icon{height:35px;width:35px;border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:700}.file-icon.pdf{background:#ffebe6;color:#db695b}.file-icon.image{background:#e9e5fb;color:#7557bd}.record-info{flex:1}.record-info strong,.record-info span{display:block}.record-info strong{font-size:12px}.record-info span{font-size:10px;color:var(--muted);margin-top:3px}.tag{border-radius:99px;padding:5px 9px;font-size:9px;font-weight:700}.green-tag{background:#e3f6ed;color:#2c9471}.purple-tag{background:#f0ebff;color:#7958c6}.gray-tag{background:#f0f4f3;color:#7f9390}.more{color:#91a4a1;font-size:15px}.timeline-card{padding:15px 29px}.timeline-filter{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px}.timeline-entry{display:grid;grid-template-columns:55px 20px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid #edf2f0}.timeline-entry:last-child{border:0}.date{text-align:right}.date strong{font:800 22px Manrope;display:block}.date span{font-size:9px;color:#95a5a2;font-weight:700}.timeline-marker{width:13px;height:13px;border-radius:50%;margin-top:4px;box-shadow:0 0 0 5px #eaf7f4}.teal-marker{background:#299b8c}.green-marker{background:#43af7f;box-shadow:0 0 0 5px #eaf7ef}.purple-marker{background:#8766d6;box-shadow:0 0 0 5px #f0ecff}.orange-marker{background:#eba44d;box-shadow:0 0 0 5px #fff3df}.event-type{font-size:9px;font-weight:800;letter-spacing:.8px}.teal-text{color:#18877c}.green-text{color:#31966a}.purple-text{color:#7355bf}.orange-text{color:#cc8422}.timeline-content h3{font-size:14px;margin:6px 0}.timeline-content p{font-size:11px;color:var(--muted);margin:0 0 9px}.highlight-chips span{display:inline-block;background:#f1edff;color:#7656bf;border-radius:99px;padding:5px 8px;font-size:9px;margin-right:5px}.appointment-feature{padding:25px;display:flex;align-items:center;gap:24px;background:linear-gradient(110deg,#f2fbf9,#fff)}.appointment-date{border-right:1px solid var(--line);padding-right:25px;text-align:center;color:var(--teal)}.appointment-date span,.appointment-date small{display:block;font-size:9px;font-weight:700;letter-spacing:1px}.appointment-date strong{display:block;font:800 39px Manrope;line-height:1.15}.appointment-details{flex:1}.appointment-details h2{font:800 20px Manrope;margin:7px 0}.appointment-details p{font-size:12px;color:var(--muted)}.appointment-actions{display:flex;gap:9px;margin-top:18px}.doctor-avatar{width:61px;height:61px;background:#d9eceb;border-radius:50%;display:grid;place-items:center;color:#327d79;font:800 18px Manrope}.section-heading.compact{margin-top:34px}.past-appointments{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.past-appointments strong,.past-appointments span{display:block}.past-appointments strong{font-size:12px;margin:6px 0}.past-appointments span{font-size:10px;color:var(--muted)}.appointment-status{color:#39a174!important;font-size:9px!important;font-weight:700}.toast{position:fixed;right:25px;bottom:25px;background:#183b3a;color:white;border-radius:9px;padding:12px 16px;font-size:12px;transform:translateY(80px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.mobile-brand{display:none}
.app-hidden{display:none!important}.loading-language{display:flex;justify-content:center;align-items:center;gap:5px;color:var(--teal);font-size:11px;font-weight:700;margin-bottom:16px}.loading-language select{border:0;color:var(--teal);background:transparent;font:inherit;outline:0}.app-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(246,250,248,.92);backdrop-filter:blur(5px)}.app-loading[hidden]{display:none}.loading-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 34px;box-shadow:0 18px 45px rgba(26,72,67,.16);min-width:250px}.loading-card .logo-image{display:block;margin:0 auto 10px}.loading-card strong{display:block;font:800 20px Manrope,sans-serif}.loading-card strong span{color:var(--teal)}.loading-card p{font-size:11px;color:var(--muted);margin:8px 0 16px}.loading-spinner{display:block;width:24px;height:24px;margin:auto;border:3px solid #d8eee9;border-top-color:var(--teal);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}body.is-loading{overflow:hidden}.brand-reveal{position:fixed;inset:0;background:#f6faf8;z-index:30;display:grid;place-items:center;pointer-events:none;animation:reveal-screen 3.2s ease forwards}.reveal-brand{text-align:center;animation:reveal-brand 3.2s ease forwards}.reveal-brand .brand-mark{margin:0 auto 15px}.reveal-brand strong{display:block;font:800 38px Manrope,sans-serif;letter-spacing:-1.8px}.reveal-brand strong span{color:var(--teal)}.reveal-brand p{font-family:Georgia,serif;font-size:17px;color:#6f8885;margin:5px 0 0}@keyframes reveal-screen{0%,62%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes reveal-brand{0%{opacity:0;transform:scale(.92)}22%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.06)}}.login-screen{min-height:100vh;background:linear-gradient(145deg,#eaf8f3 0%,#fdfcf8 48%,#f8eeea 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;position:relative;overflow:hidden}.login-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:#b9e6d8;filter:blur(3px);opacity:.25;top:-230px;right:-100px}.login-brand{text-align:center;z-index:1;margin-bottom:25px}.login-brand strong{font:800 23px Manrope,sans-serif;display:block;letter-spacing:-1px}.login-brand strong span{color:var(--teal)}.login-brand small{display:block;color:#72908d;font-size:10px;margin-top:5px}.brand-mark.large{margin:0 auto 10px;width:54px;height:54px;border-radius:17px;font-size:27px}.login-card{width:min(100%,414px);background:rgba(255,255,255,.92);border:1px solid rgba(205,225,219,.9);box-shadow:0 22px 60px rgba(41,101,91,.13);border-radius:20px;padding:27px 27px 22px;z-index:1}.login-icon{height:42px;width:42px;border-radius:13px;background:#e2f6f0;color:#157c71;display:grid;place-items:center;font-size:22px;margin-bottom:18px}.login-card h1{font:800 26px Manrope,sans-serif;margin:5px 0 8px;letter-spacing:-1px}.login-card h1 em{color:var(--teal);font-style:normal}.login-card>.muted{line-height:1.55;margin-bottom:22px}.login-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px;gap:20px}.login-tabs button{padding:0 0 10px;font-size:11px;color:#8b9c9a;font-weight:700}.login-tabs button.active{color:var(--teal);border-bottom:2px solid var(--teal)}.login-card label{font-size:10px;color:#66807d;font-weight:700;display:block;margin-bottom:7px}.login-input{border:1px solid #c8dfd9;background:#fbfdfc;border-radius:9px;padding:2px 11px;display:flex;align-items:center;gap:8px}.login-input span:first-child{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.5px}.login-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:10px 0;color:var(--ink);font-size:13px}.verified-mark{color:#32a279;font-weight:800}.login-button{width:100%;margin-top:16px;display:flex;justify-content:center;gap:10px}.login-or{display:flex;align-items:center;gap:8px;color:#a1b0ae;font-size:10px;margin:19px 0}.login-or span{height:1px;background:#e2eae8;flex:1}.full-width{width:100%;text-align:center}.consent-note{text-align:center;color:#94a5a3;font-size:9px;line-height:1.5;margin:18px 0 0}.login-footer{display:flex;gap:18px;color:#819491;font-size:10px;margin-top:23px;z-index:1}.mobile-nav{display:none}.scanner-card{padding:22px;max-width:600px}.scanner-frame{height:300px;border-radius:14px;background:#1f3231;position:relative;overflow:hidden;display:grid;place-items:center}.scan-placeholder{text-align:center;color:#d7efea;display:grid;gap:8px;z-index:1}.scan-placeholder span{font-size:54px;color:#80cbbd}.scan-placeholder strong{font-size:14px}.scan-placeholder small{font-size:11px;color:#9bbdb7}.scan-corner{position:absolute;width:38px;height:38px;border-color:#8ad7c9;border-style:solid}.scan-corner.tl{top:22px;left:22px;border-width:3px 0 0 3px}.scan-corner.tr{top:22px;right:22px;border-width:3px 3px 0 0}.scan-corner.bl{bottom:22px;left:22px;border-width:0 0 3px 3px}.scan-corner.br{bottom:22px;right:22px;border-width:0 3px 3px 0}.scan-line{position:absolute;left:25px;right:25px;top:45%;height:2px;background:#8ae0cf;box-shadow:0 0 13px 3px #4db6a5;animation:scanline 2.2s infinite ease-in-out}@keyframes scanline{0%,100%{top:25%}50%{top:75%}}.scan-button{display:flex;gap:9px;justify-content:center;width:100%;margin:17px 0 9px;font-size:13px;padding:13px}.scan-button span{font-size:21px}.scan-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:19px;max-width:600px}.scan-tips div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 10px}.scan-tips span{font-size:18px;color:var(--teal);display:block;margin-bottom:8px}.scan-tips strong,.scan-tips small{display:block}.scan-tips strong{font-size:10px}.scan-tips small{font-size:9px;color:var(--muted);line-height:1.35;margin-top:3px}.profile-hero{display:flex;align-items:center;gap:15px;padding:19px;margin-bottom:16px}.profile-avatar{width:58px;height:58px;border-radius:18px;background:#d7edf0;color:#18727a;display:grid;place-items:center;font:800 19px Manrope;position:relative}.online-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#3caf7f;border:2px solid #fff;right:0;bottom:2px}.profile-hero h2{font:800 17px Manrope;margin:0 0 4px}.profile-hero p{font-size:11px;color:var(--muted);margin:0 0 7px}.profile-id{font-size:10px;color:var(--teal);font-weight:700}.verified-badge{margin-left:auto;background:#e4f7ef;color:#2c9471;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:700}.abha-card{max-width:600px;background:linear-gradient(135deg,#0e7770,#124f5a);border-radius:15px;color:#fff;padding:20px 22px;margin-bottom:18px;box-shadow:0 12px 25px rgba(17,95,87,.2)}.abha-top,.abha-bottom{display:flex;justify-content:space-between;align-items:center}.abha-top{font-size:9px;letter-spacing:1.1px;opacity:.8}.abha-logo{font:bold 15px Manrope;letter-spacing:-1px}.abha-number{font:800 23px Manrope;letter-spacing:2px;margin:29px 0 6px}.abha-name{font-size:10px;letter-spacing:1px}.abha-bottom{border-top:1px solid rgba(255,255,255,.22);margin-top:18px;padding-top:11px;font-size:9px;opacity:.8}.profile-menu{max-width:600px;overflow:hidden}.profile-menu button{width:100%;padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf2f0;text-align:left}.profile-menu button:last-child{border:0}.profile-menu b{margin-left:auto;color:#9baba9;font-size:20px;font-weight:400}.menu-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px}.teal-bg{background:#e0f6f0;color:var(--teal)}.purple-bg{background:#eee9ff;color:var(--purple)}.orange-bg{background:#fff0d9;color:#d49130}.green-bg{background:#e3f5e9;color:#3b9b70}.profile-menu strong,.profile-menu small{display:block}.profile-menu strong{font-size:11px}.profile-menu small{font-size:10px;color:var(--muted);margin-top:3px}.logout-button{color:#d36358;font-size:11px;font-weight:700;padding:16px 3px}.scan-nav{position:relative;transform:translateY(-13px);background:var(--teal)!important;color:#fff!important;border:5px solid #f6faf8!important;border-radius:50%!important;width:58px;height:58px;padding:0!important;box-shadow:0 7px 15px rgba(13,118,110,.25)}.scan-nav span{font-size:27px!important;display:block!important;width:auto!important}.scan-nav b{display:block;font-size:9px;position:absolute;top:61px;left:0;right:0;color:var(--teal)}
.chatbot-fab{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border-radius:20px;background:linear-gradient(145deg,#15887c,#075d58);color:#fff;z-index:20;box-shadow:0 12px 25px rgba(9,99,90,.3);display:grid;place-items:center;transition:transform .2s}.chatbot-fab:hover{transform:translateY(-3px)}.chatbot-face{height:29px;width:29px;border:2px solid #fff;border-radius:10px;font-size:9px;display:grid;place-items:center;position:relative}.chatbot-face:after,.chatbot-face:before{content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;top:8px}.chatbot-face:before{left:7px}.chatbot-face:after{right:7px}.chatbot-spark{position:absolute;top:7px;right:8px;font-size:11px;color:#ffde8c}.chatbot-fab i{position:absolute;right:2px;top:1px;width:9px;height:9px;border-radius:50%;background:#f08a70;border:2px solid #fff}.chatbot-panel{position:fixed;z-index:19;right:25px;bottom:94px;width:min(360px,calc(100vw - 32px));height:470px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 50px rgba(26,72,67,.2);display:flex;flex-direction:column;overflow:hidden;transform:translateY(15px) scale(.96);opacity:0;pointer-events:none;transition:.22s}.chatbot-panel.open{transform:none;opacity:1;pointer-events:auto}.chatbot-header{background:linear-gradient(110deg,#e5f7f2,#f8fcf9);display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--line)}.chatbot-title{display:flex;gap:9px;align-items:center}.mini-bot{height:32px;width:32px;border-radius:10px;background:#17877b;color:#fff;display:grid;place-items:center}.chatbot-title strong,.chatbot-title small{display:block}.chatbot-title strong{font-size:12px}.chatbot-title small{font-size:9px;color:var(--muted);margin-top:3px}.chatbot-header>button{font-size:22px;color:#78918e}.chatbot-messages{padding:15px;overflow:auto;flex:1;background:#fbfdfc}.chat-message{max-width:88%;padding:10px 12px;border-radius:12px;font-size:11px;line-height:1.5;margin-bottom:12px}.chat-message.bot{background:#eaf7f3;color:#385d59;border-top-left-radius:4px}.chat-message.user{background:var(--teal);color:#fff;margin-left:auto;border-top-right-radius:4px}.quick-replies{display:flex;flex-wrap:wrap;gap:6px}.quick-replies button{border:1px solid #b9dcd4;color:var(--teal);border-radius:99px;padding:7px 9px;font-size:9px;background:#fff}.chatbot-form{position:relative;display:flex;gap:7px;padding:10px;border-top:1px solid var(--line);background:#fff}.chatbot-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:11px;outline:none}.chatbot-form input:focus{border-color:#8acbc0}.chatbot-form button{width:35px;border:0;border-radius:9px;background:var(--teal);color:#fff;font-size:18px}.chatbot-form .chatbot-mic{background:#f0a04a;font-size:15px}.chatbot-form .chatbot-mic.listening{background:#df6d5f;animation:pulse-voice 1s infinite}.chatbot-voice-status{position:absolute;bottom:57px;left:10px;right:10px;color:var(--muted);font-size:9px;pointer-events:none}.mobile-nav .nav-icon{font-size:21px;line-height:20px;color:currentColor}.mobile-nav button b{font-size:9px}.scan-symbol{display:block;position:relative;width:28px;height:28px;border:3px solid currentColor;border-radius:8px}.scan-symbol:before,.scan-symbol:after,.scan-symbol i:before,.scan-symbol i:after{content:"";position:absolute;background:currentColor;border-radius:2px}.scan-symbol:before,.scan-symbol:after{width:8px;height:3px;top:2px}.scan-symbol:before{left:2px}.scan-symbol:after{right:2px}.scan-symbol i:before,.scan-symbol i:after{width:3px;height:8px;top:2px}.scan-symbol i:before{left:2px}.scan-symbol i:after{right:2px}.scan-symbol em{position:absolute;width:8px;height:8px;border:2px solid currentColor;border-radius:50%;left:7px;top:7px}.scan-symbol em:after{content:"";position:absolute;width:6px;height:2px;background:currentColor;right:-5px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.language-wrap{position:relative}.language-menu{position:absolute;right:0;top:31px;width:125px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:5px;z-index:25;display:none}.language-menu.open{display:block}.language-menu button{display:block;width:100%;padding:9px 10px;border-radius:6px;text-align:left;font-size:11px}.language-menu button:hover{background:var(--mint);color:var(--teal)}
.scan-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:650px;margin:-10px 0 16px}.scan-choice{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;text-align:left;display:grid;gap:5px}.scan-choice.active{border-color:#8bcfc1;background:#effbf8;box-shadow:0 0 0 2px #d9f2ec}.scan-choice span{font-size:24px;color:var(--teal)}.scan-choice strong{font-size:12px}.scan-choice small{color:var(--muted);font-size:10px}.scan-actions{display:flex;gap:10px;margin-top:17px}.scan-actions .scan-button{flex:1;margin:0}.scan-result,.xray-questions{max-width:650px;margin-top:18px;padding:20px}.result-heading{display:flex;align-items:flex-start;gap:12px}.result-check{background:#dff5ea;color:#2e9a72;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-weight:700}.result-heading h2{font:800 17px Manrope;margin:3px 0}.close-result{margin-left:auto;font-size:20px;color:#8ca09e}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.result-grid>div>span{font-size:9px;letter-spacing:1px;color:#96a8a5;font-weight:700}.result-grid ul{padding-left:18px;margin:10px 0;color:#456966;font-size:11px;line-height:2}.result-chat{background:#f0faf7;border-radius:10px;padding:14px}.result-chat strong{font-size:12px}.result-chat p{font-size:10px;color:var(--muted);line-height:1.5}.voice-result-button{display:block;color:var(--teal);font-size:10px;font-weight:700;margin-top:12px}.result-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;gap:12px}.saved-label{font-size:10px;color:#2c9471}.xray-questions h2{font:800 18px Manrope;margin:7px 0}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.question-grid label{font-size:10px;font-weight:700;color:#55716e}.question-grid input,.question-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:9px;resize:vertical;outline:0;font-size:11px;background:#fbfdfc}.saved-history{max-width:650px;padding:18px;margin-bottom:18px}.saved-history .section-heading{margin:0 0 9px}.saved-history-row{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #edf2f0;padding:12px 0}.history-file-icon{width:31px;height:31px;border-radius:9px;background:#e4f6f1;color:var(--teal);display:grid;place-items:center}.saved-history-row strong,.saved-history-row small,.saved-history-row p{display:block}.saved-history-row strong{font-size:12px}.saved-history-row small,.saved-history-row p{font-size:10px;color:var(--muted);margin:3px 0 0}
.xray-actions{display:flex;gap:10px;align-items:center}.xray-actions .primary-button{flex:1}
.login-language{display:flex;justify-content:flex-end;align-items:center;gap:5px;color:var(--teal);font-size:12px;margin-bottom:12px}.login-language select{border:0;background:transparent;color:var(--teal);font-size:11px;font-weight:700;outline:0}@keyframes pulse-voice{50%{box-shadow:0 0 0 10px rgba(223,109,95,.15)}}
@media(max-width:650px){.chatbot-fab{right:16px;bottom:84px}.chatbot-panel{right:16px;bottom:151px}.scan-nav .scan-symbol{width:25px!important;height:25px!important;font-size:0!important}.scan-nav b{top:61px}.mobile-nav .nav-icon{font-size:21px!important}}
@media(max-width:650px){.scan-choice-grid,.result-grid,.question-grid{grid-template-columns:1fr}.scan-actions,.xray-actions{display:grid;grid-template-columns:1fr}.scan-result,.xray-questions{padding:16px}}
@media(max-width:900px){.sidebar{width:215px}.main{margin-left:215px}.content{padding:30px 24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:1fr}.dashboard-grid,.case-layout{grid-template-columns:1fr}.case-side{grid-template-columns:1fr 1fr}.appointment-feature{align-items:flex-start}.doctor-avatar{margin-left:auto}}@media(max-width:650px){.sidebar{display:none}.main{margin-left:0;padding-bottom:73px}.topbar{height:62px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:12px}.mobile-brand .brand-mark{height:28px;width:28px;border-radius:9px}.mobile-brand .brand-mark span{font-size:14px}.breadcrumbs{display:none}.top-actions{gap:12px}.language span{display:none}.content{padding:25px 16px 50px}.welcome-row,.page-title{display:block}.welcome-row h1,.page-title h1{font-size:27px}.welcome-row .primary-button,.page-title .primary-button,.page-title .outline-button{margin-top:19px}.notice{align-items:flex-start}.notice .text-button{display:none}.dashboard-grid,.case-side{display:block}.timeline-preview{margin-top:17px}.language-banner .outline-button{display:none}.case-main{padding:21px 17px}.assistant-message{margin:32px 0 21px}.assistant-message h2{font-size:19px}.case-side{margin-top:17px}.case-side .side-card+ .side-card{display:none}.filter-row{display:block}.tabs{overflow:auto;margin-bottom:10px}.records-list{margin-top:4px}.record-row{padding:13px 12px}.record-row .tag{display:none}.timeline-card{padding:12px 13px}.timeline-filter{overflow:auto}.timeline-entry{grid-template-columns:42px 15px 1fr;gap:9px}.appointment-feature{display:block}.appointment-date{border:0;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:17px;text-align:left}.appointment-date strong,.appointment-date small{display:inline;margin-right:8px}.doctor-avatar{display:none}.mobile-nav{position:fixed;display:flex;z-index:10;bottom:0;left:0;right:0;height:67px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);justify-content:space-around;align-items:flex-end;padding:8px 8px 7px}.mobile-nav button{width:20%;height:45px;color:#849795;font-size:9px;font-weight:700;display:flex;flex-direction:column;gap:4px;align-items:center}.mobile-nav button span{font-size:21px;line-height:20px}.mobile-nav button.active{color:var(--teal)}.scanner-frame{height:270px}.scan-tips{grid-template-columns:1fr}.profile-hero{padding:15px}.profile-hero .verified-badge{align-self:flex-start}.abha-number{font-size:19px}.login-card{padding:24px 20px}.login-footer{gap:9px;font-size:9px}}
.login-role-switch{display:flex;gap:4px;padding:4px;background:#edf5f3;border-radius:9px;margin:20px 0 22px}.login-role-switch button{flex:1;padding:9px 8px;border-radius:7px;color:#6f8784;font-size:11px;font-weight:700}.login-role-switch button.active{background:#fff;color:var(--teal);box-shadow:0 3px 9px rgba(40,92,86,.1)}.login-tabs button.is-disabled{opacity:.45;pointer-events:none}
.chat-message{display:flex;align-items:flex-start;gap:8px}.chat-message span{flex:1}.speak-message,.speak-inline{border:0;background:transparent;color:var(--teal);cursor:pointer;padding:2px 4px;font-size:14px;line-height:1}.speak-message:hover,.speak-inline:hover{transform:scale(1.12)}.result-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.empty-records{display:grid;place-items:center;gap:7px;padding:42px 20px;text-align:center;color:var(--muted);font-size:12px}.empty-records strong{color:var(--ink);font-size:14px}.sample-summary{padding:22px;margin-bottom:20px}.sample-summary-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.sample-summary-heading h2{font:800 17px Manrope,sans-serif;margin:5px 0}.summary-meta{display:flex;gap:18px;color:var(--muted);font-size:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:16px 0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary-grid>div{background:#f7fbfa;border-radius:10px;padding:13px}.summary-grid strong{font-size:11px}.summary-grid p,.summary-grid li{font-size:11px;color:var(--muted);line-height:1.5}.summary-grid ul{padding-left:17px;margin-bottom:0}.result-status{display:inline-block;color:var(--teal);font-size:10px;font-weight:700;margin-top:4px}