@font-face{font-family:CareThai;src:local('Noto Sans Thai'),local('Tahoma')}*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#183e4a;font:15px/1.65 CareThai,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:9px;background:#078887;color:white;padding:11px 17px;font-weight:600;transition:background .15s}button:hover{background:#056c6c}button:disabled{opacity:.45;cursor:wait}button.secondary{background:white;border:1px solid #cfdde1;color:#245564}button.text-button{background:transparent;color:inherit;padding:4px 0}a{color:#078887}h1,h2,h3,p{margin:0 0 12px}h1{font-size:30px;line-height:1.45}h2{font-size:22px}h3{font-size:17px}small,.muted{color:#637f8a}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:bold;color:#5d8790;display:block;margin-bottom:9px}.brand{color:inherit;font-size:28px;text-decoration:none;font-weight:900;white-space:nowrap;display:flex;align-items:center;gap:3px}.brand span{color:#40ceb4}.brand b{font-size:18px;margin-left:10px;letter-spacing:1.5px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.welcome{background:#103e49;color:white;padding:45px 8%;display:flex;flex-direction:column;justify-content:space-between}.welcome h1{font-size:42px;margin-top:20px}.welcome p{color:#c5dde0}.welcome .eyebrow{color:#65d3c1}.welcome-art{width:94%;max-height:300px;object-fit:contain;border-radius:18px;margin:25px 0}.welcome small{color:#abcbd1}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(390px,100%)}.login-card h2{font-size:28px}.login-card form{margin-top:22px}.login-card button{width:100%;display:flex;justify-content:space-between}.login-note{border-top:1px solid #dbe5e8;padding-top:22px;margin-top:38px;color:#68828b;font-size:13px}label{display:block;font-size:13px;font-weight:600;margin-bottom:15px}input,select,textarea{width:100%;border:1px solid #ccdce0;border-radius:8px;padding:11px 12px;background:white;color:#193e4b;margin-top:6px}textarea{min-height:76px}input:focus,select:focus,textarea:focus{outline:2px solid #76d6c8;outline-offset:2px}input[type=checkbox]{width:auto;margin-right:8px}#workspace{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#113d49;color:#d1e4e7;padding:30px 20px;display:flex;flex-direction:column}.app-name{font-size:10px;letter-spacing:2px;margin:8px 0 42px 51px;color:#8bb4bf}nav{display:grid;gap:8px}.nav{background:transparent;text-align:left;color:#b3cfd4;display:flex;gap:13px;font-size:14px;padding:14px}.nav.active{background:#245562;color:#a4f0dd}.nav:hover{background:#204d5a}.sidebar-bottom{margin-top:auto;border-top:1px solid #34616a;padding-top:22px;font-size:12px;word-break:break-word;display:grid;gap:12px}main{margin-left:240px;padding:32px 38px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}header h1{margin:0}.header-actions{display:flex;gap:12px;align-items:center}.pill{display:inline-block;padding:5px 11px;border-radius:30px;font-size:11px;background:#ddf5ed;color:#087c68;white-space:nowrap}.pill.amber{background:#fff0d5;color:#9a670e}.pill.gray{background:#e9eff2;color:#617c88}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.card{background:white;border:1px solid #dde8ea;border-radius:13px;padding:20px}.stat-label{color:#6a848e;font-size:12px}.stat{font-size:32px;font-weight:bold;line-height:1.5}.stat small{font-size:13px;font-weight:400}.banner{background:#e2f4ee;border:1px solid #c1e8df;border-radius:13px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner p{margin:0;color:#3d716c;font-size:13px}.banner.amber{background:#fff8e9;border-color:#efdfb5}.banner.amber p{color:#877138}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}.section-head h2{margin:0;font-size:19px}.table-wrap{background:white;border:1px solid #dde8ea;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:11px;color:#769099;background:#f9fbfc;font-weight:500}td,th{padding:16px 18px;border-bottom:1px solid #e7eef0}td{font-size:13px}tbody tr:last-child td{border:0}td small{display:block;font-size:10px}.table-button{font-size:12px;padding:6px 12px;background:#e4f5f0;color:#0b8275}.empty{text-align:center;padding:56px 25px}.empty h3{margin-top:10px}.empty p{color:#708991;font-size:13px}.flow{display:flex;gap:12px;align-items:center;margin-top:25px;flex-wrap:wrap;font-size:12px;color:#537985}.flow span{background:white;border:1px solid #dce8e9;border-radius:8px;padding:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:white;border:1px solid #dce8e9;border-radius:13px;padding:20px;display:flex;flex-direction:column}.product-card img{width:100%;height:170px;object-fit:contain;margin-bottom:20px}.product-card p{font-size:12px;color:#6c8490}.product-card .price{font-size:22px;font-weight:bold;color:#0a8079;margin-top:auto}.product-card a{margin-top:12px;display:block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:flex-start;font-weight:400}.check input{margin-top:6px;flex-shrink:0}.check span{padding-top:1px}.checks{padding:16px;background:#eff7f6;border-radius:10px;margin:16px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metric-grid .card{padding:14px}.metric-grid .stat{font-size:24px}.preview{width:100%;height:68vh;border:1px solid #dce8e9;background:white;border-radius:8px}.small{font-size:12px}.notice,#notice{border:1px solid #c6ded8;background:#e5f5ee;border-radius:8px;padding:12px 16px;margin-bottom:18px;font-size:13px}.error,#notice.error{background:#fff0eb;border-color:#efc6ba;color:#a3422b}dialog{border:1px solid #ccdce0;border-radius:16px;padding:30px;width:min(850px,94vw);max-height:92vh;color:#193e4b;background:#f8fbfc}dialog::backdrop{background:#0c2e3dbc}.close{position:absolute;right:16px;top:12px;background:transparent;color:#506f7b;font-size:25px;padding:0 9px}dialog h2{padding-right:30px}.mono{font-family:monospace;word-break:break-all}.device-row{padding:18px;border-bottom:1px solid #e0eaec}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.loading{padding:40px;text-align:center;color:#62838e}[hidden]{display:none!important}@media(max-width:1000px){aside{width:200px}main{margin-left:200px;padding:25px 22px}.cards,.metric-grid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.brand b{font-size:15px}.two-col{grid-template-columns:1fr}}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.welcome{padding:24px;min-height:auto}.welcome h1{font-size:29px}.welcome-art{display:none}.welcome small{display:none}.welcome p{font-size:13px}.login-panel{padding:28px 24px}.login-note{margin-top:20px}aside{position:static;width:auto;padding:15px 20px}.app-name,.sidebar-bottom{display:none}nav{display:flex;margin-top:15px;gap:4px;overflow:auto}.nav{font-size:11px;white-space:nowrap;padding:9px}.nav span{display:inline}main{margin-left:0;padding:22px 16px}header{align-items:flex-start;gap:12px}header h1{font-size:23px}.header-actions .pill{display:none}.header-actions button{font-size:11px;padding:8px}.cards{gap:10px}.card{padding:15px}.banner{align-items:flex-start}.products{grid-template-columns:1fr}.flow{gap:5px}.flow span{padding:8px}.two-col{grid-template-columns:1fr}dialog{padding:24px 18px}.metric-grid{gap:8px}}

/* User-supplied HealthDi logo, original pixels and aspect ratio. */
.brand-logo{display:block;width:154px;height:auto;max-width:100%;background:#fff;border-radius:9px}.welcome>.brand{align-self:flex-start}.welcome .brand-logo{width:180px}aside .brand{align-self:flex-start}.app-name{margin-left:12px}@media(max-width:700px){.welcome .brand-logo{width:140px}aside .brand-logo{width:116px}}

.login-methods{display:flex;gap:6px;padding:5px;background:#e5eeef;border-radius:10px;margin-top:22px}.login-card .login-methods button{width:50%;display:block;background:transparent;color:#56737d;font-size:12px;padding:9px 7px}.login-card .login-methods button.selected{background:white;color:#087d7b;box-shadow:0 1px 4px #163e4920}