@font-face{font-family:Sarabun;src:url(/fonts/Sarabun-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/Sarabun-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--paper:#f7f7f2;--white:#fffefa;--ink:#2c352b;--muted:#72796d;--green:#526545;--green-dark:#3b5032;--line:#e1e4d9;--gold:#a58b55;--soft:#ecf0e5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.6 Sarabun,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;border:0;border-radius:8px;min-height:44px;font-weight:700;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}a{color:var(--green)}input,select,textarea{min-width:0;max-width:100%;color:var(--ink);background:#fff;border:1px solid #cdd3c4;border-radius:7px;outline:0;min-height:46px;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #52654516}textarea{resize:vertical;min-height:95px}label{flex-direction:column;gap:6px;font-size:13px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.5px;margin-bottom:10px;font-size:30px;line-height:1.4}h2{margin-bottom:10px;font-size:20px;line-height:1.5}h3{margin-bottom:4px;font-size:17px}p{margin-bottom:12px}small,.fine{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:2.3px;margin-bottom:12px;font:700 10px/1.5 Arial,sans-serif}.primary{background:var(--green);color:#fff;padding:11px 20px}.outline{color:var(--green-dark);background:0 0;border:1px solid #bcc7b3;padding:10px 17px}.text-button{color:var(--green);background:0 0;padding:8px 12px}.full{width:100%}.button{text-align:center;text-decoration:none;display:block}.row,.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{margin:20px 0}.center{align-content:center;justify-items:center;gap:15px;min-height:100dvh;display:grid}.spinner{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-brand{background:#e9ecdf;flex-direction:column;justify-content:center;padding:50px 12%;display:flex}.login-brand img{object-fit:contain;mix-blend-mode:multiply;width:210px;height:175px;margin:-25px 0 30px}.login-brand h1{color:var(--green-dark);font-size:38px;line-height:1.55}.login-brand p:not(.eyebrow){color:#647057}.brand-line{background:var(--gold);width:75px;height:2px;margin-top:35px}.login-form{align-self:center;width:100%;max-width:470px;margin:auto;padding:50px}.login-form label{margin:18px 0}.login-form .fine{margin-top:28px}.shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fffefa;flex-direction:column;flex-shrink:0;width:232px;padding:22px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>img{object-fit:contain;width:170px;height:135px;margin:0 auto -3px}.sidebar>.eyebrow{text-align:center;margin:0 0 45px;font-size:9px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav button{text-align:left;color:var(--muted);background:0 0;align-items:center;gap:12px;padding:12px 15px;font-size:14px;display:flex}.sidebar nav button>span{width:24px;font-size:22px;font-weight:400}.sidebar nav button.nav-active{color:var(--green-dark);background:var(--soft)}.sidebar nav b{background:var(--green);color:#fff;border-radius:20px;margin-left:auto;padding:5px 7px;font:11px Arial}.sidebar-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:24px;display:flex}.sidebar-bottom strong{font-size:13px}.sidebar-bottom small{font-size:11px;display:block}.avatar{color:#8a7850;background:#ebe7da;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.main{flex:1;min-width:0;margin-left:232px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fffefa;justify-content:space-between;align-items:center;gap:15px;height:80px;padding:16px 38px;display:flex;position:sticky;top:0}.branch-select{flex-direction:row;align-items:center;gap:14px}.branch-select span{color:var(--muted);white-space:nowrap;font-size:12px}.branch-select select{background:var(--paper);border:0;max-width:330px;font-size:13px}.mobile-brand{display:none}.demo{color:#806425;text-align:center;background:#f4ecd7;padding:9px 30px;font-size:12px}.demo b{letter-spacing:1px;border:1px solid #b8a270;border-radius:3px;margin-right:8px;padding:2px 4px;font:700 10px Arial}.content{max-width:1440px;margin:auto;padding:36px 38px 145px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-title>.outline{white-space:nowrap}.page-title .muted{margin:0;font-size:14px}.search-box{background:#fff;border:1px solid #c6cebd;border-radius:9px;align-items:center;gap:15px;width:100%;margin-bottom:18px;padding:10px 17px;display:flex;box-shadow:0 3px 7px #334b2810}.search-box span{color:var(--green);font-size:30px;line-height:1}.search-box input{box-shadow:none;border:0;flex:1;padding:5px;font-size:16px}.search-box kbd{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:4px 10px;font:11px Sarabun}.filters{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.filters select,.filters input{background:0 0;max-width:230px;font-size:13px}.filters input{width:180px}.chip{border:1px solid var(--line);color:var(--muted);background:#fff;padding:8px 15px}.selected{background:var(--soft)!important;color:var(--green-dark)!important;border-color:var(--green)!important}.section-label{color:var(--muted);justify-content:space-between;margin-bottom:18px;font-size:12px;display:flex}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card{background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:300px;padding:20px 22px;display:flex}.card-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.category{color:#728061;background:#eff2e8;border-radius:4px;padding:4px 8px;font-size:11px}.favorite{color:var(--gold);background:0 0;width:44px;height:44px;margin:-10px -12px -10px 0;font-size:23px;font-weight:400}.service-code{color:#8e9588;letter-spacing:.6px;font:10px/1.5 Arial,sans-serif}.service-card h2{margin:8px 0 12px;font-size:19px}.service-card>p{color:var(--muted);margin-bottom:18px;font-size:13px}.unit-note{color:#727b65;border-bottom:1px solid var(--line);margin-top:auto;padding-bottom:17px;font-size:11px}.price-row{justify-content:space-between;align-items:center;padding:15px 0 6px;display:flex}.price-row strong{color:var(--green-dark);font:700 25px/1.4 Sarabun;display:block}.price-row small{font-size:10px;display:block}.add{background:var(--green);color:#fff;width:44px;height:44px;font-size:24px;font-weight:400;line-height:1}.details-link{color:#6a775b;text-align:left;background:0 0;min-height:30px;padding:10px 0 0;font-size:12px;font-weight:400}.catalog-note{color:var(--muted);gap:12px;margin:28px 0;font-size:12px;display:flex}.catalog-note span{font-size:18px}.empty{text-align:center;color:var(--muted);border:1px dashed #c9d0c1;border-radius:10px;margin:25px 0;padding:70px 25px}.empty h2{font-size:21px}.error,.success,.note{overflow-wrap:anywhere;border-radius:7px;margin:12px 0;padding:13px 16px;font-size:13px}.error{color:#993f2b;background:#f9e9e2}.error button{float:right;min-height:24px;color:inherit;background:0 0}.success{color:#416133;background:#e7efde}.note{color:#826b40;background:#f3edde;border-left:3px solid #b0a078}.panel{background:var(--white);border:1px solid var(--line);border-radius:10px;min-width:0;margin-bottom:20px;padding:24px}.panel h2{font-size:19px}.quote-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px;display:grid}.recipient{margin-bottom:20px}.quote-line{background:var(--white);border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:20px}.line-head,.line-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex}.line-head{margin-bottom:17px}.line-bottom input{width:110px}.line-money{text-align:right;color:var(--muted);font-size:12px}.line-money strong{color:var(--green-dark);font-size:22px;display:block}.line-money small{font-size:11px;display:block}.summary{align-self:start;position:sticky;top:100px}.sum-row{justify-content:space-between;margin:14px 0;font-size:14px;display:flex}.sum-total{border-top:1px solid var(--line);margin-top:22px;padding:20px 0 14px}.sum-total span{color:var(--muted);font-size:13px;display:block}.sum-total strong{color:var(--green-dark);font-size:34px}.actions{flex-direction:column;gap:10px;margin:20px 0;display:flex}.check-row{flex-direction:row;align-items:center;gap:12px;padding:9px 0}.check-row input{width:18px;height:18px;min-height:18px;accent-color:var(--green);flex-shrink:0}.check-row small{font-size:11px;display:block}.check-row b{font-size:13px;font-weight:400}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0;display:grid}.panel>select{width:100%}.document-list{gap:12px;margin:20px 0;display:grid}.document-list article{border:1px solid var(--line);background:var(--white);border-radius:9px;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:20px 24px;display:flex}.document-list article>div{min-width:0}.document-list h3{margin:6px 0}.document-list p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0;font-size:12px}.document-list strong{white-space:nowrap}.document-list pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:11px}.status{color:#778168;background:#eef0e8;border-radius:4px;padding:3px 7px;font-size:10px}.status.pending{color:#8e6b25;background:#f3e7c9}.status.approved,.status.issued,.status.published{color:#476b33;background:#e2eddb}.status.cancelled,.status.retired{color:#8b5e46;background:#f1e6df}.comparison{grid-template-columns:1fr 1fr;gap:20px;display:grid}.comparison>div{background:var(--soft);border-radius:8px;padding:20px}.comparison p{margin:10px 0;font-size:13px}.comparison strong{font-size:26px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:22px;padding-bottom:10px;display:flex}.tabs button{color:var(--muted);background:0 0;padding:10px 14px}.preview-data{background:var(--paper);max-height:330px;margin:15px 0;padding:10px;font-size:12px;overflow:auto}.preview-data pre{white-space:pre-wrap;overflow-wrap:anywhere}.sticky-total{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:25;background:#fffefafa;justify-content:space-between;align-items:center;padding:15px 38px;display:flex;position:fixed;bottom:0;left:232px;right:0;box-shadow:0 -5px 25px #233d1e08}.sticky-total span{color:var(--muted);font-size:11px;display:block}.sticky-total strong{color:var(--green-dark);font-size:24px}.mobile-nav{display:none}.modal-backdrop{z-index:60;background:#26322380;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:15px;width:100%;max-width:650px;max-height:90dvh;padding:30px;overflow-y:auto}.close{float:right}.option-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.option-row small{display:block}.presentation{background:var(--white);max-width:1000px;min-height:100dvh;margin:auto;padding:35px}.presentation .outline{float:right}.patient-logo{object-fit:contain;width:170px;height:140px;display:block}.presentation h1{font-size:38px}.patient-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.patient-line h2{font-size:24px}.patient-line strong{white-space:nowrap;font-size:28px}.patient-total{background:var(--soft);justify-content:space-between;align-items:center;gap:20px;margin:25px 0;padding:25px;font-size:22px;display:flex}.patient-total b{font-size:34px}@media (min-width:1600px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1200px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding-left:26px;padding-right:26px}.quote-layout{grid-template-columns:minmax(0,1fr) 290px}.topbar{padding-left:26px;padding-right:26px}.sidebar{width:205px}.main{margin-left:205px}.sticky-total{left:205px}.page-title{align-items:flex-start}.page-title h1{font-size:26px}.document-list article{flex-wrap:wrap}}@media (max-width:900px){.sidebar{width:185px;padding:20px 12px}.sidebar>img{width:145px}.sidebar nav button{padding:10px;font-size:13px}.main{margin-left:185px}.sticky-total{left:185px}.quote-layout{grid-template-columns:1fr}.summary{position:static}.filters select{max-width:100%}.service-card{padding:18px}.branch-select span{display:none}.page-title{flex-direction:column;gap:15px}.topbar>.muted{display:none}.login-brand{padding:35px}.login-brand h1{font-size:30px}.login-form{padding:30px}.service-card h2{font-size:17px}}@media (max-width:680px){body{font-size:14px}.sidebar{display:none}.main{margin-left:0}.topbar{gap:8px;height:74px;padding:10px 18px}.topbar>div>.muted{display:none}.mobile-brand{color:var(--green);letter-spacing:1.7px;font:700 15px Georgia;display:inline}.branch-select select{max-width:220px;min-height:42px;padding:8px;font-size:11px}.content{padding:25px 18px 185px}.demo{padding:8px 16px;font-size:10px}.page-title{margin-bottom:22px}.page-title h1{font-size:26px}.page-title .muted{font-size:12px}.page-title>.outline{min-height:40px;padding:8px 12px;font-size:12px}.eyebrow{font-size:9px}.search-box{gap:8px;margin-bottom:13px;padding:9px 12px}.search-box input{min-height:34px;font-size:14px}.search-box kbd{display:none}.filters{gap:8px;margin-bottom:22px}.filters select,.filters input{flex:1;min-width:135px;min-height:42px;padding:8px;font-size:11px}.chip{min-height:42px;font-size:11px}.section-label{gap:10px;font-size:10px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{min-height:0;padding:19px 21px}.card-top{margin-bottom:12px}.service-card h2{font-size:20px}.service-card>p{margin-bottom:15px}.unit-note{padding-bottom:13px}.price-row strong{font-size:27px}.price-row{padding-top:13px}.details-link{padding-top:7px}.mobile-nav{height:63px;padding-bottom:env(safe-area-inset-bottom);background:var(--white);border-top:1px solid var(--line);z-index:40;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border-radius:0;flex:1;font-size:12px}.sticky-total{padding:10px 18px;bottom:63px;left:0}.sticky-total strong{font-size:22px}.sticky-total .primary{padding:10px 16px;font-size:13px}.panel{padding:19px}.form-grid{grid-template-columns:1fr}.quote-line{padding:17px}.line-head h3{font-size:16px}.line-money strong{font-size:21px}.line-money small{font-size:10px}.line-bottom input{width:90px}.document-list article{gap:13px;padding:17px}.document-list .row{width:100%}.document-list strong{font-size:19px}.comparison{grid-template-columns:1fr}.tabs button{padding:8px 10px;font-size:12px}.toolbar select{flex:1;max-width:100%}.modal{padding:23px 20px}.modal-backdrop{padding:12px}.modal h2{font-size:23px}.login{grid-template-columns:1fr}.login-brand{min-height:260px;padding:20px 28px 25px}.login-brand img{width:130px;height:100px;margin:0 0 5px}.login-brand h1{margin-bottom:0;font-size:25px}.login-brand p:not(.eyebrow),.brand-line{display:none}.login-brand .eyebrow{margin:8px 0}.login-form{max-width:100%;padding:28px}.login-form h2{font-size:26px}.presentation{padding:20px}.presentation h1{font-size:28px}.presentation .outline{padding:8px;font-size:11px}.patient-line{flex-wrap:wrap;gap:0}.patient-line h2{font-size:20px}.patient-line strong{font-size:25px}.patient-total{flex-wrap:wrap;gap:5px;padding:20px;font-size:18px}.patient-total b{font-size:29px}.patient-logo{width:125px;height:110px}input,select,textarea{font-size:16px}}.service-media{object-fit:contain;border-radius:8px;width:100%;max-height:280px;margin:15px 0;display:block}.account-button{color:#786541;background:#ebe7da;border-radius:50%;flex-shrink:0;width:40px;height:40px}.branch-select{margin-left:auto}@media (max-width:680px){.topbar{gap:6px;padding:10px 12px}.branch-select select{max-width:190px}.account-button{width:34px;height:34px;min-height:34px;font-size:12px}.mobile-brand{font-size:13px}}.document-preview{background:#ebece6;min-height:100vh;padding:24px}.preview-toolbar{justify-content:space-between;align-items:center;gap:16px;max-width:920px;margin:0 auto 20px;display:flex}.preview-toolbar h1{margin:0;font-size:24px}.preview-toolbar p{color:#6b7564;margin:5px 0 0}.preview-paper-scroll{background:#fff;border-radius:8px;max-width:920px;margin:auto;overflow:auto;box-shadow:0 8px 35px #28322918}.preview-paper-scroll iframe{border:0;width:100%;min-width:700px;height:calc(100vh - 150px);min-height:500px;display:block}@media (max-width:680px){.document-preview{padding:12px}.preview-toolbar{flex-wrap:wrap}.preview-toolbar h1{font-size:20px}}