@font-face{font-family:WDRThai;src:url('fonts/thai-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:WDRThai;src:url('fonts/thai-700.woff2') format('woff2');font-weight:600 950;font-display:swap}
:root{--navy:#091f3c;--blue:#0868fa;--ink:#112544;--muted:#71819a;--canvas:#f0f5fc}*{box-sizing:border-box}body{font-family:WDRThai,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}a{text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(165deg,#102b4c,#081b33);color:white;padding:27px 16px;display:flex;flex-direction:column;z-index:1050;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:white;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:40px;font-weight:950;font-size:32px;background:linear-gradient(140deg,#71f4ff,#2477ff);color:transparent;background-clip:text}.brand small{display:block;font-size:9px;letter-spacing:2.6px;font-weight:500;color:#8faac9;margin-top:4px}.nav-label{font-size:10px;letter-spacing:2px;color:#7e9bb9;margin:34px 12px 12px}.nav-item{display:flex;gap:13px;align-items:center;padding:11px 15px;color:#b9cce2;border-radius:11px;margin:3px 0;transition:.2s}.nav-item span{font-size:18px;width:22px;text-align:center}.nav-item:hover{color:white;background:#ffffff0d}.nav-item.active{background:var(--blue);color:white;box-shadow:0 8px 18px #0069ff25}.sidebar-footer{border-top:1px solid #ffffff13;margin-top:auto;padding-top:20px;font-size:10px;color:#97aec7}.sidebar-footer small{display:block;margin:8px 0}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39dbc2;margin-right:5px}.workspace{margin-left:252px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#ffffffa8;border-bottom:1px solid #dde8f5}.topbar-path{color:#8290a4}.topbar-path span{color:#243c59}.account{display:flex;align-items:center;gap:12px}.account small{display:block;color:var(--muted);font-size:10px}.avatar{display:grid;place-items:center;width:38px;height:38px;background:#e4eeff;border-radius:50%;color:var(--blue);font-weight:700}.account form{margin-left:10px}.menu-toggle{display:none}main{padding:32px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7d91ad}h1{font-size:30px;font-weight:800;margin:8px 0}h2{font-size:28px;font-weight:750}h3{font-size:17px;font-weight:700;margin-bottom:16px}.page-heading p{color:var(--muted);margin:0}.heading-actions{display:flex;gap:10px}.btn{border-radius:9px;font-size:13px;padding:10px 17px}.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 5px 12px #0868fa16}.hero{display:flex;align-items:center;justify-content:space-between;min-height:225px;border-radius:19px;padding:32px 42px;color:white;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#176aff,#06349d 60%,#062559);position:relative}.hero .eyebrow{color:#90ceff}.hero h2{font-size:31px;margin:13px 0}.hero p{color:#c0d8ff}.browser-art{position:relative;width:250px;height:158px;transform:rotate(-7deg);border:1px solid #9fdaffb0;background:linear-gradient(145deg,#ffffff30,#62baff12);box-shadow:15px 16px 0 #5fb9ff20,30px 32px 0 #82d6ff13,0 0 45px #80cdff40;border-radius:14px;padding:15px;flex-shrink:0;margin:15px 35px}.art-dots{font-size:9px;letter-spacing:4px;color:#b4dfff}.art-line{width:85%;height:6px;background:#acd4ff55;border-radius:8px;margin-top:10px}.art-bars{display:flex;align-items:end;gap:12px;height:95px;padding:10px 20px}.art-bars i{width:27px;height:32%;border-radius:5px 5px 0 0;background:linear-gradient(#b3f5ff,#5392ff);box-shadow:3px 2px 12px #b2f5ff66}.art-bars i:nth-child(2){height:52%}.art-bars i:nth-child(3){height:72%}.art-bars i:nth-child(4){height:95%}.art-orb{position:absolute;right:-35px;top:-18px;width:48px;height:48px;background:radial-gradient(circle at 30% 25%,white,#44e0ff 30%,#0976e2);border-radius:50%;box-shadow:0 0 30px #7befff66}.panel,.kpi{background:#fff;border:1px solid #e4edf8;border-radius:16px;padding:24px;box-shadow:0 5px 20px #0b3f7804}.panel{height:100%}.kpi{position:relative;overflow:hidden}.kpi-icon{width:38px;height:38px;border-radius:12px;background:#edf4ff;display:grid;place-items:center;color:var(--blue);font-size:20px;margin-bottom:16px}.kpi-label{color:#6d7d96;font-size:12px}.kpi-value{font-weight:800;font-size:30px;letter-spacing:-1px;margin:6px 0}.kpi small{color:#92a0b5}.bars .bar-row{display:grid;grid-template-columns:100px 1fr 35px;gap:14px;align-items:center;margin:23px 0}.track{background:#edf3fc;border-radius:12px;height:9px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#19c2ff,#0868fa);border-radius:12px}.task{padding:15px 0;border-bottom:1px solid #edf1f8}.task small{display:block;color:var(--muted);margin:7px 0}.text-link{display:block;margin-top:18px;color:var(--blue)}.filter-bar{display:flex;align-items:end;flex-wrap:wrap;gap:14px;background:white;border-radius:14px;padding:18px}.filter-bar label{font-size:12px;color:var(--muted)}.form-control,.form-select{font-size:14px;border-radius:8px;border-color:#dfe7f3;padding:11px}.form-control:focus,.form-select:focus{box-shadow:0 0 0 3px #0868fa18;border-color:#498ffa}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.table-toolbar input{max-width:320px}.table{font-size:13px}.table thead th{font-size:11px;font-weight:600;color:#7f8ea5;background:#f5f8fc;white-space:nowrap;border-bottom:0;padding:14px}.table tbody td{padding:17px 14px;border-color:#edf1f7;max-width:340px;overflow-wrap:anywhere}.table tbody tr:hover{background:#f8fbff}.badge-status{display:inline-block;padding:5px 10px;background:#eaf3ff;color:#0868fa;border-radius:7px;font-size:11px}.empty{padding:45px 15px;text-align:center;color:#7f91ab}.empty strong{display:block;font-size:17px;color:#304966;margin-bottom:8px}.chart{min-height:240px}.chart svg{width:100%;height:230px}.daily-labels{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8494ad;overflow:auto}.source-row{margin:18px 0}.source-row p{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}footer{display:flex;justify-content:space-between;color:#92a1b6;font-size:11px;margin-top:36px}.modal-content{border:0;border-radius:18px;overflow:hidden}.modal-header,.modal-footer{border-color:#edf1f7;padding:20px 25px}.modal-body{padding:25px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#deedff,transparent 60%),#f1f5fc}.login-shell{display:grid;grid-template-columns:1fr 1fr;width:min(1050px,100%);min-height:620px;border-radius:25px;overflow:hidden;background:white;box-shadow:0 25px 100px #12377016}.login-story{background:linear-gradient(140deg,#071f42,#0c53c9);color:white;padding:48px}.login-story>.eyebrow{display:block;margin-top:60px;color:#9bc8ff}.login-story h1{font-size:37px;line-height:1.5;margin:18px 0}.login-story p{color:#bfd4f4;line-height:1.8}.login-story .browser-art{margin:34px 25px}.login-story>small{display:block;font-size:9px;letter-spacing:2px;margin-top:45px;color:#8db2e2}.login-form{padding:70px 50px;display:flex;flex-direction:column;justify-content:center}.login-form h2{margin-top:12px}.login-form form{margin-top:20px}.sidebar-shade{display:none}@media(max-width:1100px){.sidebar{width:225px}.workspace{margin-left:225px}main{padding:24px}.topbar{padding:0 24px}.hero{padding:28px}.hero h2{font-size:26px}.browser-art{width:200px;margin-right:12px}.kpi-value{font-size:26px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-shade.open{display:block;position:fixed;inset:0;background:#0c244a88;z-index:1040}.workspace{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 16px;height:72px}.topbar-path{display:none}main{padding:20px 16px}.page-heading{align-items:start;flex-direction:column}h1{font-size:25px}.hero{min-height:200px;padding:26px}.hero .browser-art{display:none}.hero h2{font-size:25px}.account{gap:7px}.account form{margin-left:5px}.account .btn{padding:8px;font-size:11px}.panel{padding:18px}.login-shell{grid-template-columns:1fr;max-width:500px}.login-story{padding:26px}.login-story>.eyebrow,.login-story p,.login-story .browser-art,.login-story>small{display:none}.login-story h1{font-size:23px;margin-bottom:0}.login-form{padding:35px 25px}.filter-bar .btn{flex:1}.filter-bar label{flex:1;min-width:130px}footer span{display:none}.heading-actions{width:100%}.table-toolbar{flex-wrap:wrap}.table-toolbar input{max-width:100%}}

body,input,button,textarea,select{font-family:"Kanit",'sans-serif','tahoma'}

#article-editor img,.cms-body img{display:block;max-width:100%;height:auto;border-radius:12px;margin:18px 0}.cms-body:has(img),.cms-body:has(p){white-space:normal}.cms-body p{margin-bottom:1rem}