:root{--bg:#060a16;--bg-soft:#0d1426;--card:rgba(255,255,255,0.04);--card-solid:#101830;--border:rgba(148,170,255,0.14);--text:#eef2ff;--muted:#8b98c0;--accent:#6366f1;--cyan:#22d3ee;--grad:linear-gradient(120deg,#6366f1,#06b6d4);--grad-btn:linear-gradient(90deg,#6366f1,#06b6d4);--danger:#fb7185;--radius:20px;--shadow:0 16px 48px rgba(0,0,0,0.35)}[data-theme=light]{--bg:#edf2f9;--bg-soft:#ffffff;--card:rgba(255,255,255,0.85);--card-solid:#ffffff;--border:rgba(148,170,255,0.28);--text:#0f172a;--muted:#64748b;--accent:#4f46e5;--cyan:#0891b2;--grad:linear-gradient(120deg,#6366f1,#06b6d4);--grad-btn:linear-gradient(90deg,#6366f1,#06b6d4);--shadow:0 16px 40px rgba(15,23,42,0.08)}*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Noto Sans Thai,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s ease,color .3s ease;overflow-x:hidden}.container{max-width:1240px;margin:0 auto;padding:0 24px}.hidden{display:none!important}.muted{color:var(--muted);font-size:13.5px}::-moz-selection{background:rgba(99,102,241,.4);color:#fff}::selection{background:rgba(99,102,241,.4);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(139,152,192,.3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(139,152,192,.5)}.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45;animation:drift 22s ease-in-out infinite alternate}.b1{width:560px;height:560px;background:#3730a388;top:-160px;left:-100px}.b2{width:500px;height:500px;background:#0891b266;top:15%;right:-140px;animation-delay:-7s}.b3{width:440px;height:440px;background:#4c1d9566;bottom:-180px;left:30%;animation-delay:-14s}[data-theme=light] .blob{opacity:.3}[data-theme=light] .b1{background:#818cf855}[data-theme=light] .b2{background:#38bdf855}[data-theme=light] .b3{background:#c084fc44}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,35px) scale(1.12)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0,black 20%,transparent 75%);opacity:.4}.glass{background:var(--card)}.glass,.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}[data-theme=dark] .header{background:rgba(6,10,22,.88)}[data-theme=light] .header{background:rgba(237,242,249,.88)}.header-inner{justify-content:space-between;gap:20px;height:72px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:12px}.brand-logo{display:flex;align-items:center}.brand-logo img{height:42px;width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.search-wrap{position:relative;flex:0 1 580px;max-width:580px;margin-left:auto}.search-wrap input{width:100%;height:44px;padding:0 18px 0 46px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:all .2s ease}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.2);background:var(--bg-soft)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.nav-actions{margin-left:auto;gap:8px;flex:none}.lang-btn,.nav-actions{display:flex;align-items:center}.lang-btn{gap:9px;padding:8px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);cursor:pointer;font:700 13px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.02)}.lang-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.flag-svg{display:inline-block;vertical-align:middle;border-radius:2px;flex-shrink:0}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:grid;place-items:center;cursor:pointer;color:var(--text);transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.02)}.icon-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-family:inherit;font-weight:600;cursor:pointer;border:1px solid transparent;transition:.2s ease;text-decoration:none;white-space:nowrap}.btn,.btn-sm{padding:8px 14px;font-size:13px}.btn-sm{border-radius:12px}.btn-rose{background:linear-gradient(135deg,#ff5573,#ef2d56);color:#ffffff!important;box-shadow:0 10px 22px -10px rgba(239,45,86,.6);border:none}.btn-rose:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn-ghost{background:var(--card);border:1px solid var(--border);color:var(--text);box-shadow:0 2px 6px rgba(0,0,0,.02)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.theme-toggle{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);display:grid;place-items:center;line-height:0;cursor:pointer;transition:all .2s ease}.theme-toggle svg{display:block}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.search-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;padding:6px;box-shadow:var(--shadow);z-index:60;max-height:340px;overflow-y:auto}.suggest-item{padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .15s}.suggest-item:hover{background:rgba(99,102,241,.1)}.suggest-title{font-size:13.5px;font-weight:600;color:var(--text)}.suggest-meta{font-size:11.5px;color:var(--muted);margin-top:2px}.suggest-empty{padding:14px;text-align:center;color:var(--muted);font-size:13px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 28px 68px;margin:4px 0 56px;background:var(--card);border:1.5px dashed var(--border);border-radius:24px}.empty .empty-ico{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(99,102,241,.13),rgba(6,182,212,.13));border:1px solid rgba(99,102,241,.22);color:var(--accent);margin-bottom:14px}.empty .empty-title{font-size:19px;font-weight:700;color:var(--text)}.empty .empty-desc{font-size:14px;color:var(--muted);max-width:460px;line-height:1.7;margin:8px 0 18px}.empty .empty-action{border:none;cursor:pointer;font-family:inherit;padding:10px 24px;border-radius:12px;background:var(--grad-btn);color:#fff;font-weight:600;font-size:13.5px;box-shadow:0 8px 20px rgba(79,70,229,.22);transition:transform .2s ease,box-shadow .2s ease}.empty .empty-action:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(79,70,229,.32)}.footer{margin-top:56px;border-top:1px solid var(--border);background:var(--card);backdrop-filter:blur(14px);text-align:left}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1.1fr 1fr;gap:36px;padding:38px 0 30px}.footer-logo-row{display:flex;align-items:center;gap:12px}.footer-logo-row img{height:42px;width:auto;border-radius:9px}.footer-name{font-weight:800;font-size:15px;color:var(--text)}.footer-name-en{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.footer-desc{font-size:13px;color:var(--muted);line-height:1.75;margin-top:14px;max-width:330px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-head{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text);margin-bottom:4px}.footer-col a{font-size:13.5px;color:var(--muted);text-decoration:none;width:-moz-fit-content;width:fit-content;transition:color .2s ease}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:16px 0 22px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}.footer-bottom a{color:var(--accent);font-weight:600;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.footer-sep{opacity:.45}@media (max-width:940px){.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:560px){.footer-top{grid-template-columns:1fr;gap:26px}}.hero{padding:44px 0 28px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent);background:linear-gradient(120deg,rgba(99,102,241,.1),rgba(6,182,212,.1));border:1px solid rgba(99,102,241,.28);margin-bottom:18px}.hero h2{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--text)}.hero p{font-size:15.5px;color:var(--muted);margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 24px}.stat{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 20px rgba(0,0,0,.03);transition:transform .2s ease,border-color .2s ease}.stat:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.35)}.stat .ico{width:44px;height:44px;border-radius:12px;background:rgba(34,211,238,.12);color:var(--cyan);display:grid;place-items:center;flex-shrink:0}.stat .num{font-size:22px;font-weight:800;color:#0284c7;line-height:1.1;font-variant-numeric:tabular-nums}[data-theme=dark] .stat .num{color:#38bdf8}.stat .num.smaller{font-size:17px;font-weight:700}.stat .lbl{font-size:12px;color:var(--muted);margin-top:4px;font-weight:500}.charts{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:28px}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.03);min-width:0;min-height:0;width:100%}.chart-card h4{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text);margin-bottom:18px}.chart-card h4 svg{color:var(--cyan)}.chart-body.donut-body{display:flex;align-items:center;gap:24px;min-width:0}.donut-wrap{position:relative;width:140px;height:140px;flex-shrink:0}.donut-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center b{font-size:24px;font-weight:800;color:var(--text);line-height:1}.donut-center span{font-size:12px;color:var(--muted);margin-top:2px}.legend{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;min-width:0}.legend-item{justify-content:space-between;font-size:12.5px}.legend-item,.legend-left{display:flex;align-items:center;min-width:0}.legend-left{gap:8px}.legend-item i{width:9px;height:9px;border-radius:3px;display:inline-block;flex-shrink:0}.legend-label{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-item b{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.hbars{flex-direction:column;gap:12px}.hbar-row,.hbars{display:flex;min-width:0}.hbar-row{align-items:center;gap:16px;cursor:pointer;transition:opacity .15s}.hbar-row:hover{opacity:.85}.hbar-label{width:38%;flex-shrink:1;font-size:13.5px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:right}.hbar-label,.hbar-track{min-width:0;overflow:hidden}.hbar-track{flex:1;height:12px;border-radius:999px;background:rgba(148,170,255,.12)}.hbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#06b6d4);transition:width .8s cubic-bezier(.16,1,.3,1)}.hbar-val{width:58px;flex-shrink:0;font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.chart-card.span2{grid-column:1/-1}.vbars{align-items:stretch;justify-content:space-around;gap:16px;padding:12px 10px 4px}.vbar-col,.vbars{display:flex;min-width:0}.vbar-col{flex-direction:column;align-items:center;gap:8px;flex:1}.vbar-val{font-size:13px;font-weight:700;color:var(--cyan);min-height:18px;font-variant-numeric:tabular-nums}[data-theme=light] .vbar-val{color:#0284c7}.vbar-track{width:100%;max-width:72px;height:120px;display:flex;align-items:flex-end;border-radius:12px;background:rgba(148,170,255,.06);border:1px solid var(--border);overflow:hidden}.vbar-fill{width:100%;background:linear-gradient(180deg,#38bdf8,#818cf8);border-radius:10px 10px 0 0;transition:height .8s cubic-bezier(.16,1,.3,1)}.vbar-fill.zero{background:transparent}.vbar-label{font-size:12px;color:var(--muted);font-weight:500}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0 20px}.dropdown{position:relative}.dropdown-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;font-size:13px;font-weight:600;font-family:inherit;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .2s ease}.dropdown-btn:hover{border-color:var(--accent)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:200px;border-radius:14px;padding:6px;box-shadow:var(--shadow);background:var(--bg-soft);border:1px solid var(--border)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:9px 12px;border:none;border-radius:8px;background:none;color:var(--text);font-size:13px;font-family:inherit;cursor:pointer}.dropdown-item:hover{background:rgba(99,102,241,.1)}.dropdown-item.active{color:var(--accent);font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:48px}.card.glass,.grid>.card,article.card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(0,0,0,.03)}.card.glass:hover,.grid>.card:hover,article.card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.45);box-shadow:0 16px 36px rgba(0,0,0,.08)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#ffffff;font-weight:800;font-size:18px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 16px -2px rgba(6,182,212,.35)}.badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid transparent}.f-csv{background:rgba(16,185,129,.12);color:#059669;border-color:rgba(16,185,129,.25)}[data-theme=dark] .f-csv{color:#34d399}.f-xls,.f-xlsx{background:rgba(34,197,94,.12);color:#16a34a;border-color:rgba(34,197,94,.25)}[data-theme=dark] .f-xls,[data-theme=dark] .f-xlsx{color:#4ade80}.f-json,.f-jsonl{background:rgba(59,130,246,.12);color:#2563eb;border-color:rgba(59,130,246,.25)}[data-theme=dark] .f-json,[data-theme=dark] .f-jsonl{color:#60a5fa}.f-txt{background:rgba(100,116,139,.12);color:#64748b;border-color:rgba(100,116,139,.25)}[data-theme=dark] .f-txt{color:#94a3b8}.f-pdf{background:rgba(244,63,94,.12);color:#f43f5e;border-color:rgba(244,63,94,.25)}[data-theme=dark] .f-pdf{color:#fb7185}.f-htm,.f-html,.f-url{background:rgba(139,92,246,.12);color:#8b5cf6;border-color:rgba(139,92,246,.25)}[data-theme=dark] .f-htm,[data-theme=dark] .f-html,[data-theme=dark] .f-url{color:#a78bfa}.f-other{background:rgba(100,116,139,.1);color:#64748b;border-color:rgba(100,116,139,.2)}[data-theme=dark] .f-other{color:#94a3b8}.btn-info{background:transparent;border:none;padding:0;width:22px;height:22px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);margin-left:2px;box-shadow:none;opacity:.75}.btn-info:hover{background:transparent;color:var(--primary);opacity:1;transform:scale(1.15)}.card-title{font-size:16.5px;font-weight:700;line-height:1.45;color:var(--text);margin:16px 0 10px}.card-title,.desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.desc{font-size:13.5px;line-height:1.65;margin-bottom:20px;flex:1}.card-foot,.desc{color:var(--muted)}.card-foot{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;border-top:1px dashed var(--border);padding-top:14px;margin-bottom:16px}.card-foot .meta{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}.card-foot .meta:first-child{justify-content:flex-start}.card-foot .meta:nth-child(2){justify-content:center}.card-foot .meta:nth-child(3){justify-content:flex-end}.btn-view{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#ffffff!important;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px rgba(6,182,212,.25)}.btn-view:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px rgba(6,182,212,.38)}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-soft);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);max-width:820px;width:100%;max-height:88vh;overflow-y:auto;padding:32px;position:relative;animation:popIn .2s cubic-bezier(.16,1,.3,1) both}.modal-close{position:absolute;right:20px;top:20px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:20px;display:grid;place-items:center;cursor:pointer;transition:all .15s}.modal-close:hover{color:var(--text);border-color:var(--accent)}.meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:10px 0 18px}.notes{font-size:14.5px;line-height:1.65;color:var(--text);margin-bottom:24px;padding:16px;background:var(--card);border-radius:14px}.notes,.res-table-wrap{border:1px solid var(--border)}.res-table-wrap{border-radius:14px;overflow:hidden}.res-table{width:100%;border-collapse:collapse;font-size:13.5px}.res-table th{background:var(--card);text-align:left;padding:12px 16px;color:var(--muted);font-weight:600}.res-table td,.res-table th{border-bottom:1px solid var(--border)}.res-table td{padding:14px 16px}.res-table tr:last-child td{border-bottom:none}.res-name{gap:8px;font-weight:600;color:var(--text)}.res-actions,.res-name{display:flex;align-items:center}.res-actions{gap:10px}.res-link{color:var(--cyan);font-weight:600;text-decoration:none;cursor:pointer}.res-link:hover{text-decoration:underline}.detail-modal{max-width:860px;padding:0;overflow:hidden;border-radius:20px;animation:popIn .2s cubic-bezier(.16,1,.3,1) both}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;background:linear-gradient(135deg,#4f46e5,#0891b2);color:#fff}.detail-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.detail-avatar{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.2);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center;flex-shrink:0}.detail-title{font-size:17px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.detail-meta{font-size:12px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:6px;margin-top:4px}.detail-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.detail-btn-data{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.detail-btn-data:hover{background:rgba(255,255,255,.25)}.detail-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:18px;display:grid;place-items:center;cursor:pointer;transition:all .15s;line-height:1}.detail-close:hover{background:rgba(255,255,255,.25)}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:0}.detail-stat{display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--bg-soft)}.detail-stat-icon{width:42px;height:42px;border-radius:12px;background:rgba(99,102,241,.1);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.detail-stat-num{font-size:20px;font-weight:800;color:var(--cyan);line-height:1.1}.detail-stat-lbl{font-size:12px;color:var(--muted);margin-top:2px}.detail-chart-section,.detail-preview-section,.detail-res-section{padding:20px 28px;border-top:1px solid var(--border)}.detail-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text);margin:0 0 16px}.detail-section-title svg{color:var(--cyan)}.detail-vbars{display:flex;align-items:stretch;justify-content:space-around;gap:10px;padding:8px 0}.detail-vbar-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.detail-vbar-val{font-size:12px;font-weight:700;color:var(--cyan);min-height:16px}.detail-vbar-track{width:100%;max-width:48px;height:100px;display:flex;align-items:flex-end;border-radius:10px;background:rgba(148,170,255,.06);border:1px solid var(--border);overflow:hidden}.detail-vbar-fill{width:100%;background:linear-gradient(180deg,#38bdf8,#818cf8);border-radius:8px 8px 0 0;transition:height .6s cubic-bezier(.16,1,.3,1)}.detail-vbar-fill.zero{background:transparent}.detail-vbar-label{font-size:11px;color:var(--muted);font-weight:500;text-align:center}.detail-res-table-wrap,.detail-table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;max-height:260px;overflow-y:auto}.detail-table{width:100%;border-collapse:collapse;font-size:12.5px}.detail-table th{background:var(--card);text-align:left;padding:10px 14px;color:var(--muted);font-weight:600;position:sticky;top:0;z-index:2}.detail-table td,.detail-table th{border-bottom:1px solid var(--border)}.detail-table td{padding:9px 14px;color:var(--text);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-table tr:last-child td{border-bottom:none}.detail-table tr:hover td{background:rgba(99,102,241,.04)}.detail-empty,.detail-loading{padding:28px;text-align:center;color:var(--muted);font-size:13px}.detail-view-all{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:10px 20px;border-radius:12px;background:var(--grad-btn);color:#fff;font-weight:700;font-size:13px;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(99,102,241,.25)}.detail-view-all:hover{filter:brightness(1.08);transform:translateY(-1px)}.viewer-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.viewer{width:96vw;max-width:1400px;height:90vh;border:1px solid var(--border);border-radius:20px;flex-direction:column;overflow:hidden;box-shadow:var(--shadow);animation:popIn .2s cubic-bezier(.16,1,.3,1) both}.viewer,.viewer-header{background:var(--bg-soft);display:flex}.viewer-header{align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border)}.viewer-header-left{flex-shrink:0}.viewer-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.viewer-back-btn:hover{color:var(--text);border-color:var(--accent)}.viewer-header-center{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.viewer-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#0891b2);color:#fff;font-weight:800;font-size:16px;display:grid;place-items:center;flex-shrink:0}.viewer-title-wrap{min-width:0}.viewer-title{font-size:16px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.viewer-subtitle{font-size:12px;color:var(--muted);margin-top:2px;display:block}.viewer-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.viewer-download-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;background:var(--grad-btn);color:#fff!important;font-weight:700;font-size:12.5px;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px rgba(99,102,241,.25)}.viewer-download-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.viewer-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:18px;display:grid;place-items:center;cursor:pointer;transition:all .15s;line-height:1}.viewer-close-btn:hover{color:var(--text);border-color:var(--accent)}.viewer-file-switcher{display:flex;gap:8px;padding:12px 24px;overflow-x:auto;border-bottom:1px solid var(--border)}.viewer-file-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;font-family:inherit;background:var(--card);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:all .15s;white-space:nowrap}.viewer-file-btn:hover{border-color:var(--accent)}.viewer-file-btn.active{background:var(--grad);color:#fff;border-color:transparent}.viewer-controls{display:flex;align-items:center;gap:16px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--card)}.viewer-search-wrap{position:relative;flex:1;max-width:340px}.viewer-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.viewer-search-input{width:100%;height:36px;padding:0 14px 0 38px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);font-size:12.5px;font-family:inherit;outline:none;transition:all .2s}.viewer-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(99,102,241,.15)}.viewer-row-count{font-size:12.5px}.viewer-col-select,.viewer-row-count{color:var(--muted);font-weight:600;white-space:nowrap}.viewer-col-select{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:12px}.viewer-table-wrap{flex:1;overflow:auto}.viewer-loading{padding:40px;text-align:center;color:var(--muted);font-size:13px}.viewer-table{width:100%;border-collapse:collapse;font-size:12.5px;white-space:nowrap}.viewer-table th{position:sticky;top:0;background:var(--bg-soft);padding:10px 14px;text-align:left;font-weight:700;color:var(--text);border-bottom:2px solid var(--border);z-index:10;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.viewer-table th:hover{background:var(--card)}.viewer-table th.sorted{color:var(--accent)}.th-inner{display:flex;align-items:center;gap:6px}.sort-arrow{color:var(--cyan);font-size:11px}.viewer-table td{padding:8px 14px;border-bottom:1px solid var(--border);color:var(--text);max-width:280px;overflow:hidden;text-overflow:ellipsis}.viewer-table tr:hover td{background:rgba(99,102,241,.04)}.viewer-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;border-top:1px solid var(--border)}.viewer-pager button{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;cursor:pointer;transition:all .15s}.viewer-pager button:hover:not(:disabled){border-color:var(--accent)}.viewer-pager button:disabled{opacity:.4;cursor:not-allowed}.viewer-page-info{font-size:13px;color:var(--muted);font-weight:600}.a11y-root{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:99}.a11y-root,.a11y-widget{display:flex;flex-direction:column;align-items:center}.a11y-widget{gap:10px;padding:12px 6px 12px 10px;border-radius:24px 0 0 24px;background:var(--card);border:1px solid rgba(255,255,255,.15);border-right:none;box-shadow:-4px 10px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=light] .a11y-widget{background:rgba(255,255,255,.85);border:1px solid rgba(148,170,255,.28);border-right:none;box-shadow:-4px 10px 30px rgba(15,23,42,.08)}.a11y-divider{width:20px;height:2px;border-radius:2px;background:var(--border);margin:2px 0}.a11y-flag-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid transparent;background:transparent;padding:1.5px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;flex-shrink:0}.a11y-flag-btn svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block}.a11y-flag-btn.inactive{opacity:.6;filter:grayscale(.7);transform:scale(.9)}.a11y-flag-btn.inactive:hover{opacity:.9;filter:grayscale(.2);transform:scale(.95)}.a11y-flag-btn.active{opacity:1;filter:none;border-color:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.35);transform:scale(1.05)}.a11y-font-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--muted);font-family:Noto Sans Thai,inherit;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;line-height:1}.a11y-font-btn.inactive{opacity:.6}.a11y-font-btn.inactive:hover{opacity:1;color:var(--text);background:rgba(148,170,255,.12);transform:scale(1.05)}.a11y-font-btn.active{opacity:1;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#ffffff!important;font-weight:800;border-color:transparent;box-shadow:0 6px 16px rgba(6,182,212,.4);transform:scale(1.15)}html[data-font=sm]{font-size:14.5px}html[data-font=md]{font-size:16px}html[data-font=lg]{font-size:17.5px}.admin-page{padding:32px 0 80px;display:flex;flex-direction:column;gap:24px}.admin-flex-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-flex-start{display:flex;align-items:center;justify-content:flex-start;gap:12px}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:768px){.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}.admin-flex-between{flex-direction:column;align-items:flex-start}}.admin-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.admin-subtitle{font-size:13px;color:var(--muted);margin:4px 0 0}.admin-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.admin-card:hover{border-color:rgba(34,211,238,.3);box-shadow:0 8px 30px rgba(0,0,0,.1)}.admin-btn-primary{background:var(--grad-btn);color:white;border:none;padding:8px 16px;border-radius:12px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px rgba(99,102,241,.25);text-decoration:none}.admin-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(99,102,241,.4)}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.admin-btn-outline{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--border);padding:8px 16px;border-radius:12px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.admin-btn-outline:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:var(--cyan)}.admin-btn-danger{background:rgba(251,113,133,.1);color:var(--danger);border:1px solid rgba(251,113,133,.3);padding:8px 16px;border-radius:12px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.admin-btn-danger:hover:not(:disabled){background:rgba(251,113,133,.2);border-color:var(--danger)}.admin-btn-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:.2s}.admin-btn-icon:hover{background:rgba(255,255,255,.1);color:var(--text);border-color:var(--cyan)}.admin-btn-icon.danger:hover{color:var(--danger);border-color:var(--danger);background:rgba(251,113,133,.1)}.admin-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.admin-badge.primary{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.admin-badge.success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.admin-badge.cyan{background:rgba(6,182,212,.15);color:#67e8f9;border:1px solid rgba(6,182,212,.3)}.admin-badge.neutral{background:rgba(255,255,255,.1);color:var(--muted);border:1px solid var(--border)}[data-theme=light] .admin-badge.primary{background:rgba(79,70,229,.1);color:#4f46e5;border-color:rgba(79,70,229,.2)}[data-theme=light] .admin-badge.success{background:rgba(5,150,105,.1);color:#059669;border-color:rgba(5,150,105,.2)}[data-theme=light] .admin-badge.cyan{background:rgba(8,145,178,.1);color:#0891b2;border-color:rgba(8,145,178,.2)}[data-theme=light] .admin-badge.neutral{background:rgba(0,0,0,.05);color:var(--muted);border-color:rgba(0,0,0,.1)}.admin-input-wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.admin-input-label{font-size:13px;font-weight:600;color:var(--muted)}.admin-input{width:100%;padding:12px 16px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:.2s}.admin-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.15)}.admin-search-box{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:8px 16px;width:100%;max-width:320px;transition:.2s}.admin-search-box:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.15)}.admin-search-box input{background:transparent;border:none;outline:none;color:var(--text);font-size:14px;font-family:inherit;width:100%}.admin-search-box input::-moz-placeholder{color:var(--muted)}.admin-search-box input::placeholder{color:var(--muted)}.admin-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;transition:.2s}.admin-list-item:hover{background:rgba(255,255,255,.04);border-color:rgba(34,211,238,.2)}[data-theme=light] .admin-list-item{background:#ffffff}[data-theme=light] .admin-list-item:hover{background:#f8fafc;border-color:rgba(8,145,178,.3)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--muted);background:rgba(255,255,255,.02);border:1px dashed var(--border);border-radius:16px}[data-theme=light] .admin-empty-state{background:#f8fafc}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 16px}.header-inner{height:auto;min-height:60px;padding:10px 0;flex-wrap:wrap;gap:8px 12px}.brand{gap:8px;flex-shrink:0}.brand-logo img{height:34px!important}.nav-primary-tabs{margin-left:4px!important;gap:4px!important}.nav-tab-link{padding:6px 10px!important;font-size:12.5px!important}.nav-actions{order:2;margin-left:auto;gap:6px}.search-wrap{order:3;flex:1 1 100%;max-width:100%;margin-left:0}.hero{padding:32px 0 20px}}@media (max-width:640px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.hero h2{font-size:28px}.toolbar{flex-wrap:wrap;gap:10px}.card-foot{flex-wrap:wrap;gap:8px 12px;font-size:12px}.modal-backdrop{padding:10px}.modal{padding:20px 16px}.detail-modal,.modal{border-radius:16px;max-height:92vh;max-height:92dvh}.detail-header{padding:14px 16px;flex-wrap:wrap;gap:10px}.detail-stats{grid-template-columns:1fr}.detail-stat{padding:12px 16px}.detail-chart-section,.detail-preview-section,.detail-res-section{padding:16px}.chart-card{padding:18px 16px}.chart-body.donut-body{flex-direction:column;align-items:stretch;gap:18px}.donut-wrap{width:128px;height:128px;margin:0 auto}.legend{grid-template-columns:1fr 1fr;gap:8px 12px}.hbar-label{width:40%}.vbars{gap:8px;padding:8px 4px 2px}.vbar-track{max-width:40px;height:92px}.vbar-val{font-size:11px}.vbar-label{font-size:10.5px}.viewer{width:100vw;height:100vh;height:100dvh;border-radius:0}.viewer-backdrop{padding:0}.viewer-header{flex-wrap:wrap;gap:10px 12px;padding:12px 14px}.viewer-header-left{order:1}.viewer-header-right{order:2;margin-left:auto}.viewer-header-center{order:3;flex-basis:100%}.viewer-avatar{width:34px;height:34px;border-radius:10px;font-size:15px}.viewer-title{font-size:15px}.viewer-download-btn{padding:7px 12px}.viewer-controls,.viewer-file-switcher{padding:10px 14px}.viewer-controls{flex-wrap:wrap;gap:10px}.viewer-search-wrap{max-width:none}.viewer-pager{padding:12px 14px;flex-wrap:wrap;gap:10px}}@media (max-width:480px){.hero h2{font-size:24px}.hero p{font-size:13.5px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px 12px}.stat .num{font-size:20px}.stat .lbl{font-size:11px}.card{padding:18px 16px;border-radius:18px}.card-title{font-size:15px}.desc{font-size:12.5px}.a11y-root{transform:translateY(-50%) scale(.88);transform-origin:right center}}