@font-face{font-family:Sarabun;src:local('Sarabun')}*{box-sizing:border-box} :root{--ink:#17332f;--muted:#71817d;--teal:#11786c;--mint:#e9f4ef;--line:#e2e9e5;--bg:#f4f7f5;--amber:#9f681e;--navy:#102f2d}body{margin:0;background:var(--bg);font-family:Sarabun,'Noto Sans Thai',Tahoma,Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal);text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}input,select,textarea{border:1px solid #d6e1dc;border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #11786c16}button:focus-visible,a:focus-visible{outline:3px solid #5bc8ad;outline-offset:3px}input,textarea{min-width:0}.primary,.secondary,.danger{border:0;border-radius:7px;padding:10px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.primary{background:var(--teal);color:#fff;box-shadow:0 3px 5px #11786c12}.primary:hover{background:#0b655a}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:#f0f6f3}.danger{background:#a83936;color:white}.wide{width:100%;margin-top:8px}.muted{color:var(--muted)}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--teal);margin:0 0 7px}.tag{display:inline-block;background:var(--mint);color:var(--teal);padding:4px 9px;border-radius:4px;font-size:10px;letter-spacing:1px}.brand{display:flex;gap:12px;align-items:center;font-family:Arial,sans-serif;font-size:27px;font-weight:700;color:white;letter-spacing:-1px;line-height:1.2}.brand-sub{display:block;font-size:8px;letter-spacing:2px;color:#8db2a9;margin-top:7px}.brand-icon{background:#cbe9d7;color:#183e36;width:41px;height:42px;border-radius:12px;display:grid;place-items:center;position:relative;font-size:30px}.brand-icon>span{font-size:17px;position:absolute;right:2px;top:1px}.login-layout{display:grid;grid-template-columns:1.12fr 1fr;min-height:100vh}.login-story{background:#103b35;padding:48px 64px;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:'';width:600px;height:600px;border:1px solid #3b685c;border-radius:50%;position:absolute;right:-310px;bottom:-230px;box-shadow:0 0 0 80px #163f3800,0 0 0 81px #2b554b}.story-copy{margin:auto 0;padding:80px 0}.story-copy .eyebrow{color:#a8d4bd}.story-copy h1{font-size:44px;font-weight:500;line-height:1.55;margin:20px 0}.story-copy p:not(.eyebrow){font-size:16px;color:#b0ccc4}.network-art{display:flex;align-items:center;margin-top:45px;position:relative;z-index:1}.network-art span,.network-art strong{border:1px solid #638e80;padding:16px;border-radius:12px;background:#143d35;font-size:12px}.network-art strong{background:#cbe9d7;color:#163f38}.network-art i{height:1px;width:22px;background:#86b19e}.login-story footer{color:#94b7ab;font-size:11px;position:relative;z-index:1}.login-form{display:grid;place-items:center;background:#fafcfb;padding:45px}.login-form-inner{width:100%;max-width:365px}.login-form h2{font-size:27px;margin:18px 0 4px}.login-form form{margin-top:28px}label{display:block;font-size:12px;font-weight:600;margin:13px 0}label input,label select,label textarea{display:block;width:100%;margin-top:6px;font-weight:400}.separator{display:flex;align-items:center;gap:15px;color:#8b9992;font-size:11px;margin:24px 0 12px}.separator:before,.separator:after{content:'';height:1px;background:var(--line);flex:1}.login-form small{display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:10px}.text-link{display:block;text-align:center;font-size:12px;margin-top:24px}.login-note{font-size:10px;color:#9b865e;text-align:center;margin-top:35px}.error{color:#ab3933}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--navy);color:#c4d7d1;position:fixed;inset:0 auto 0 0;padding:30px 18px;display:flex;flex-direction:column;z-index:3}.sidebar .brand{padding:0 12px}.workspace-label{font:9px Arial;letter-spacing:1.8px;margin:46px 14px 14px;color:#779d91;display:flex;justify-content:space-between}.workspace-label span{border:1px solid #3d5b53;padding:2px 5px;border-radius:3px}nav button{border:0;display:flex;width:100%;text-align:left;gap:12px;align-items:center;background:none;color:#a4c0b5;padding:12px 14px;border-radius:7px;margin:3px 0;font-size:12px}nav button .nav-icon{font-size:17px;width:19px;text-align:center}nav button.active{background:#25564c;color:#fff}nav button:hover{background:#21473f}nav .nav-section{margin:23px 15px 8px;color:#668e80;letter-spacing:1px;font-size:9px}.sidebar-bottom{margin-top:auto;padding:35px 14px 0;font-size:10px;color:#9ab9ac}.sidebar-bottom p{font-size:10px;color:#648c7d}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#7bc4a4;display:inline-block;margin-right:5px}.logout{border:0;background:none;color:#b8d1c6;padding:9px 0;font-size:11px}.main-shell{margin-left:220px;width:calc(100% - 220px)}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#8b9792;font-size:11px}.breadcrumb span{margin:0 12px;color:#bac5bf}.breadcrumb strong{font-weight:500;color:#3a5148}.top-right{display:flex;gap:12px;align-items:center;font-size:11px}.top-right small{display:block;color:var(--muted);font-size:9px}.top-right .time{margin-right:14px;font-size:10px;color:var(--muted)}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#e9f0e9;color:#5b735f;border-radius:50%;font:11px Arial}.mode-banner{background:#fff7e7;color:#997026;padding:7px 36px;font-size:10px;display:flex;justify-content:space-between}.mode-banner strong{font-weight:600}.mode-banner a{color:inherit;text-decoration:underline}main{padding:32px 36px;max-width:1680px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-title h1{font-size:27px;line-height:1.5;font-weight:600;margin:0}.page-title .muted{font-size:12px;margin:6px 0 0}.filterbar{display:flex;gap:12px;align-items:center;margin-bottom:25px}.filterbar select{font-size:11px;min-width:190px}.filterbar button{font-size:11px}.search-box{background:white;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;flex:1;max-width:480px;padding-left:13px}.search-box>span{font-size:22px;color:#91a99e}.search-box input{border:0;width:100%;font-size:11px;background:transparent}.filterbar .muted{font-size:9px;margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:21px 23px;position:relative}.stat .stat-icon{position:absolute;right:19px;top:20px;color:var(--teal);background:#edf5ef;width:32px;height:32px;border-radius:9px;text-align:center;line-height:32px}.stat p{margin:0;color:#6e8078;font-size:11px}.stat strong{display:block;font-family:Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:-1px;margin:8px 0 5px}.stat small{color:#8b9993;font-size:9px}.stat.highlight{background:#e9f4ee;border-color:#d1e5d7}.stat.highlight strong{color:var(--teal)}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #eef2ef;gap:12px}.panel-header h2{font-size:15px;font-weight:600;margin:0}.panel-header p{font-size:10px;margin:3px 0 0;color:var(--muted)}.panel-header a,.panel-header button{font-size:10px}.panel-body{padding:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px}th{background:#fafcfb;text-align:left;font-size:9px;font-weight:500;color:#87958f;padding:12px 17px;border-bottom:1px solid var(--line)}td{padding:16px 17px;border-bottom:1px solid #edf1ee}tr:last-child td{border:0}td strong{font-weight:600;font-size:11px}td small{display:block;color:#8a9991;font-size:9px;margin-top:3px}.patient-dot{width:29px;height:29px;display:inline-grid;place-items:center;border-radius:50%;background:#eff3ed;color:#78916e;vertical-align:middle;margin-right:9px;font-size:10px}.patient-cell{display:flex;align-items:center}.status{display:inline-flex;padding:3px 8px;border-radius:5px;font-size:9px;gap:5px;align-items:center;background:#eff2f4;color:#6a7b85}.status.review,.status.unassigned{background:#fff2d9;color:#9b7124}.status.released,.status.pass,.status.connected{background:#e7f3ea;color:#397653}.status.fail,.status.quarantine,.status.offline{background:#fceceb;color:#ae5750}.status.received{background:#e8eff9;color:#557aaf}.status.simulated{background:#f0edf9;color:#8170a5}.status.urgent{color:#b86040;background:#fff0e7;font-size:8px}.link-button{border:0;background:none;color:var(--teal);font-size:11px;font-weight:600;padding:5px}.empty{padding:35px 20px;text-align:center;color:var(--muted);font-size:12px}.branch-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f4f2;gap:15px}.branch-row strong{font-size:11px;font-weight:500}.branch-row small{display:block;font-size:9px;color:#91a096}.branch-avatar{width:31px;height:31px;border-radius:8px;background:#f1f5ee;display:grid;place-items:center;color:#839977;font-size:12px}.branch-info{display:flex;gap:10px;align-items:center}.note-box{background:#f9f6ed;border:1px solid #ede6cf;border-radius:8px;padding:15px;font-size:11px;color:#94783e}.process{display:flex;gap:8px;padding:20px}.process>div{flex:1;font-size:10px;padding:10px;border-radius:6px;background:#f5f8f6;text-align:center}.process strong{display:block;font-size:18px;color:#4c7161}.process>span{align-self:center;color:#9db2a7}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:10px;color:var(--muted)}.pagination button{padding:4px 10px}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.device-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:white}.device-card h3{font-size:16px;margin:0 0 5px}.device-card .device-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ee;padding:13px 0;font-size:11px}.device-card .device-line:last-child{padding-bottom:0}.device-card p{font-size:10px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.app-footer{padding:12px 36px;font-size:9px;color:#92a198;display:flex;justify-content:space-between}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}dialog{width:min(720px,calc(100% - 32px));border:1px solid var(--line);border-radius:13px;padding:0;box-shadow:0 30px 100px #17332f33;color:var(--ink);max-height:90vh}dialog::backdrop{background:#0f292b66;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px;margin:0}.icon-button{border:0;background:none;color:#7c8c82;font-size:25px}#modalBody{padding:24px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.check-tests{display:flex;gap:8px;flex-wrap:wrap}.check-tests label{display:flex;align-items:center;gap:5px;margin:3px;background:#f0f5f2;padding:6px 10px;border-radius:5px;font-size:11px}.check-tests input{display:inline;width:auto;margin:0}.detail-header{background:#edf5f0;padding:18px;border-radius:8px;margin-bottom:20px}.detail-header h3{margin:0 0 3px}.detail-header p{font-size:11px;margin:2px 0;color:var(--muted)}.value{font:600 22px Arial}.warn-list{color:#986c2d;background:#fff8ea;padding:12px;font-size:11px;margin-top:10px}.raw{font:10px monospace;word-break:break-all;background:#f2f5f3;padding:9px}.tele-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.video-stage{min-height:380px;border-radius:12px;background:#143832;position:relative;display:flex;align-items:center;justify-content:center;color:#a6c1b5;overflow:hidden}.video-stage video#remoteVideo{width:100%;max-height:470px;background:#143832}.video-stage video#localVideo{position:absolute;right:18px;bottom:18px;width:160px;border:2px solid #a3cbb2;border-radius:9px;background:#1e5044;transform:scaleX(-1)}.video-stage .video-placeholder{position:absolute;text-align:center;pointer-events:none}.video-placeholder span{font-size:48px;display:block}.video-placeholder p{font-size:12px}.video-controls{display:flex;justify-content:center;gap:10px;padding:20px;background:white;border:1px solid var(--line);border-radius:0 0 10px 10px}.room-row{border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.room-row p{font-size:11px;margin:0}.room-row small{font-size:9px;color:var(--muted)}.source-list li{font-size:12px;margin:12px 0}.pill{font-size:10px;padding:3px 8px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#153f35;color:#fff;border-radius:9px;padding:13px 24px;z-index:20;max-width:90%;font-size:12px;display:none}.print-label{font-size:12px;color:#a46922;text-align:center}.result-mini{margin-top:6px;color:#667e71;font-size:10px}.count-badge{background:#eff4f0;border-radius:4px;padding:2px 7px;font-size:10px;margin-left:7px}@media(max-width:1250px){.overview-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar{width:195px}.main-shell{margin-left:195px;width:calc(100% - 195px)}main{padding:25px}.topbar{padding:0 25px}.stat{padding:18px}.tele-layout{grid-template-columns:1fr}.filterbar .muted{display:none}}@media(max-width:800px){.sidebar{position:relative;width:100%;padding:16px}.sidebar .brand{font-size:21px}.sidebar nav{display:flex;overflow-x:auto;margin-top:15px}nav button{width:auto;white-space:nowrap;padding:8px 12px;font-size:10px}nav .nav-section,.sidebar-bottom,.workspace-label{display:none}.shell{display:block}.main-shell{margin:0;width:100%}.topbar{height:62px;padding:0 18px}.top-right .time,.breadcrumb{display:none}.top-right{margin-left:auto}.mode-banner{padding:7px 18px}main{padding:24px 16px}.page-title h1{font-size:23px}.page-title .primary{font-size:11px;padding:9px}.page-title .muted{max-width:240px;font-size:10px}.filterbar{flex-wrap:wrap;gap:7px}.search-box{min-width:100%;max-width:none}.filterbar select{flex:1}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:27px}.stat .stat-icon{display:none}.right-rail,.device-grid,.grid-two{grid-template-columns:1fr}.app-footer span{display:none}.login-layout{grid-template-columns:1fr}.login-story{padding:30px}.story-copy{padding:40px 0}.story-copy h1{font-size:32px}.login-story footer,.network-art{display:none}.login-form{padding:35px 25px}.page-title{align-items:flex-start}.video-stage{min-height:270px}}@media print{body>*:not(dialog){display:none!important}dialog{display:block!important;position:static;width:100%;max-width:none;max-height:none;border:0;box-shadow:none}dialog::backdrop,.modal-head button,.form-actions{display:none}.modal-head{border:0}#modalBody{padding:0}.table-wrap{overflow:visible}}