:root{--brand:#2138bb;--brand-2:#3a46e0;--brand-soft:#e9ebfb;--gold:#b8892e;--gold-soft:#f6efdd;--sidebar:#1a2149;--sidebar-2:#28315f;--sidebar-line:#3a4270;--sidebar-text:#d5d9f3;--sidebar-faint:#9aa3d8;--paper:#f4f6fb;--card:#fff;--card-2:#f9fafd;--text:#141830;--muted:#5a6180;--faint:#8b91ac;--line:#e6e9f2;--line-2:#eff1f8;--good:#1e9e63;--good-bg:#e5f4ec;--warn:#b57f1c;--warn-bg:#f7efd9;--crit:#c24230;--crit-bg:#f8e7e2;--shadow:0 1px 2px rgba(16,19,48,.05),0 6px 22px rgba(16,19,48,.06);--sans:"Sukhumvit Set","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--radius:12px;--accent-blue:#2563eb}@media (prefers-color-scheme:dark){:root{--brand:#5566f0;--brand-2:#6b7af5;--brand-soft:#1c2450;--gold:#d8ae52;--gold-soft:#2a2312;--sidebar:#10152e;--sidebar-2:#1c2348;--sidebar-line:#2c3560;--sidebar-text:#c8cdf0;--sidebar-faint:#8d96cd;--paper:#0a0e20;--card:#111631;--card-2:#0d1229;--text:#e7e9f6;--muted:#a1a7c6;--faint:#6f76a0;--line:#232a4d;--line-2:#1a2042;--good:#43b97f;--good-bg:#12291f;--warn:#dcac4d;--warn-bg:#2a2310;--crit:#dd6a50;--crit-bg:#2d1611;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.45)}}:root[data-theme=light]{--brand:#2138bb;--brand-2:#3a46e0;--brand-soft:#e9ebfb;--gold:#b8892e;--gold-soft:#f6efdd;--sidebar:#1a2149;--sidebar-2:#28315f;--sidebar-line:#3a4270;--sidebar-text:#d5d9f3;--sidebar-faint:#9aa3d8;--paper:#f4f6fb;--card:#fff;--card-2:#f9fafd;--text:#141830;--muted:#5a6180;--faint:#8b91ac;--line:#e6e9f2;--line-2:#eff1f8;--good:#1e9e63;--good-bg:#e5f4ec;--warn:#b57f1c;--warn-bg:#f7efd9;--crit:#c24230;--crit-bg:#f8e7e2;--shadow:0 1px 2px rgba(16,19,48,.05),0 6px 22px rgba(16,19,48,.06)}:root[data-theme=dark]{--brand:#5566f0;--brand-2:#6b7af5;--brand-soft:#1c2450;--gold:#d8ae52;--gold-soft:#2a2312;--sidebar:#10152e;--sidebar-2:#1c2348;--sidebar-line:#2c3560;--sidebar-text:#c8cdf0;--sidebar-faint:#8d96cd;--paper:#0a0e20;--card:#111631;--card-2:#0d1229;--text:#e7e9f6;--muted:#a1a7c6;--faint:#6f76a0;--line:#232a4d;--line-2:#1a2042;--good:#43b97f;--good-bg:#12291f;--warn:#dcac4d;--warn-bg:#2a2310;--crit:#dd6a50;--crit-bg:#2d1611;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--paper);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;font-family:var(--mono)}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--brand);color:#fff}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.app{display:grid;grid-template-columns:246px 1fr;height:100vh;overflow:hidden}aside{background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--sidebar-line)}.brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px}.brand .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 50%,var(--gold)));display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;flex:0 0 auto}.brand b{color:#fff;font-size:15px;letter-spacing:-.01em;display:block;line-height:1.1}.brand small{color:var(--sidebar-faint);font-size:10.5px;letter-spacing:.03em}nav{padding:6px 10px 20px;flex:1}.navgroup{font-size:10.5px;text-transform:uppercase;letter-spacing:.15em;color:var(--sidebar-faint);font-weight:800;padding:16px 10px 7px;margin-top:6px;border-top:1px solid var(--sidebar-line)}nav>div:first-child .navgroup{border-top:0;margin-top:0}.navitem{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;border:0;color:var(--sidebar-text);padding:9px 10px;border-radius:9px;font-size:13.5px;transition:.13s;position:relative}.navitem:hover{background:var(--sidebar-2);color:#fff}.navitem.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 26%,transparent),transparent);color:#fff;font-weight:600}.navitem.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}.navitem svg{width:18px;height:18px;flex:0 0 auto;opacity:.85}.navitem .tag{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:99px;text-transform:uppercase}.tag.new{background:var(--gold);color:#221800}.tag.legacy{background:var(--sidebar-2);border:1px solid var(--sidebar-line)}.sidefoot,.tag.legacy{color:var(--sidebar-faint)}.sidefoot{padding:12px 18px;border-top:1px solid var(--sidebar-line);font-size:11px}main{overflow-y:auto;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 26px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.crumb{font-size:13px;color:var(--muted)}.crumb b{color:var(--text);font-size:15px;font-weight:700}.tb-spacer{flex:1}.selectwrap{position:relative}select{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:13px;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 30px 8px 12px;font-weight:500}.selectwrap:after{content:"▾";position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none;font-size:11px}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--muted);display:grid;place-items:center;font-size:15px}.icon-btn:hover{color:var(--text);border-color:var(--brand)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.content{padding:24px 26px 60px;max-width:1180px;width:100%}.proto-banner{display:flex;align-items:center;gap:10px;background:var(--gold-soft);color:color-mix(in srgb,var(--gold) 75%,var(--text));border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:10px;padding:9px 14px;font-size:12.5px;margin-bottom:20px}.proto-banner b{color:var(--text)}.page-head{margin-bottom:20px}.page-head h1{margin:0;font-size:24px;letter-spacing:-.02em;font-weight:800}.page-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.tabs{display:flex;gap:3px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:20px;overflow-x:auto}.tab{white-space:nowrap;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;transition:.13s}.tab:hover{color:var(--text)}.tab.active{background:var(--brand);color:#fff}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px;box-shadow:var(--shadow)}.kpi .k{font-size:11.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kpi .v{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:9px 0 3px;line-height:1}.kpi .d{font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.up{color:var(--good)}.down{color:var(--crit)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card,.kpi{min-width:0;max-width:100%}.card-h{padding:15px 18px 0;display:flex;align-items:baseline;justify-content:space-between}.card-h h3{margin:0;font-size:15px}.card-h .sub{font-size:11.5px;color:var(--faint)}.card-h:has(>h2){flex-wrap:wrap;row-gap:4px;align-items:center}.card-h>h2{white-space:nowrap}.card-h>h2+p{flex:1 1 100%;text-align:left}.card-b{padding:16px 18px}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:9px 12px;border-bottom:1px solid var(--line)}tbody td{padding:10px 12px;border-bottom:1px solid var(--line-2)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--card-2)}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}tfoot td{padding:11px 12px;font-weight:800;border-top:2px solid var(--line);font-variant-numeric:tabular-nums;font-family:var(--mono)}tfoot td.lbl{font-family:var(--sans)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.chip.g{background:var(--good-bg);color:var(--good)}.chip.w{background:var(--warn-bg);color:var(--warn)}.chip.c{background:var(--crit-bg);color:var(--crit)}.bar-inline{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:5px}.bar-inline i{display:block;height:100%;border-radius:99px;background:var(--brand)}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:12px;font-size:12px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.ph{background:var(--card);border:1px dashed var(--line);padding:44px 32px;text-align:center;box-shadow:var(--shadow)}.ph,.ph .pic{border-radius:16px}.ph .pic{width:64px;height:64px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin:0 auto 18px}.ph .pic svg{width:30px;height:30px}.ph h2{margin:0 0 8px;font-size:20px}.ph .status{display:inline-flex;align-items:center;gap:7px;background:var(--warn-bg);color:var(--warn);font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:99px;margin-bottom:16px}.ph p{color:var(--muted);font-size:14px;max-width:56ch;margin:0 auto 20px;line-height:1.6}.ph .feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:720px;margin:0 auto;text-align:left}.ph .feat div{background:var(--card-2);border:1px solid var(--line-2);border-radius:10px;padding:11px 14px;font-size:13px;color:var(--text);display:flex;gap:9px;align-items:baseline}.ph .feat div:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--gold);flex:0 0 auto;transform:translateY(6px)}.hamburger{display:none;background:transparent;border:0;color:var(--ink,inherit);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}.hamburger:hover{background:var(--line)}.nav-backdrop{display:none}@media (max-width:920px){.app{grid-template-columns:1fr}aside{position:fixed;top:0;left:0;height:100dvh;width:250px;z-index:60;transform:translateX(-100%);transition:transform .22s ease;box-shadow:0 0 40px rgba(0,0,0,.35)}.nav-open aside{transform:translateX(0)}.nav-backdrop{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.45);border:0;display:none}.nav-open .nav-backdrop{display:block}.hamburger{display:inline-flex;align-items:center;justify-content:center}.kpis{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.content{padding:16px 14px 60px}.topbar{padding:8px 12px;flex-wrap:nowrap;gap:8px}.topbar .crumb{min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .selectwrap{min-width:0;flex:0 1 260px}.topbar select{width:100%;min-width:0;text-overflow:ellipsis}.topbar .icon-btn{width:34px;height:34px;flex:0 0 auto}.card-b{overflow-x:auto}table{max-width:100%}}@media (max-width:520px){.kpis{grid-template-columns:1fr}.topbar .crumb,.topbar .tb-spacer{display:none}.topbar .selectwrap{flex:1}.topbar .hamburger{margin-right:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--paper)}.login-card{width:100%;max-width:380px;padding:32px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.login-logo{align-self:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 50%,var(--gold)));color:#fff;letter-spacing:.5px;display:flex;align-items:center;justify-content:center}.login-logo,.login-title{font-weight:800;font-size:20px}.login-title{margin:4px 0 0;text-align:center;letter-spacing:-.01em;color:var(--text);font-family:var(--sans)}.login-sub{margin:0 0 6px;text-align:center}.login-field,.login-sub{font-size:13px;color:var(--muted)}.login-field{display:flex;flex-direction:column;gap:6px}.login-input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);font-size:14px;font-family:var(--sans);outline:none}.login-input:focus{border-color:var(--brand)}.login-btn{margin-top:4px;width:100%;padding:11px 14px;border:none;border-radius:10px;background:var(--brand);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--sans)}.login-btn:disabled{opacity:.6;cursor:default}.login-switch{background:none;border:none;color:var(--brand);font-size:13px;cursor:pointer;padding:4px;font-family:var(--sans)}.login-error{background:var(--crit-bg);color:var(--crit)}.login-error,.login-notice{padding:9px 12px;border-radius:9px;font-size:13px}.login-notice{background:var(--good-bg);color:var(--good)}.user-menu{position:relative}.user-menu-btn{background:none;border:none;padding:0;cursor:pointer;display:flex}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;z-index:50}.user-dropdown-head{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--line);margin-bottom:6px}.user-dropdown-id{display:flex;flex-direction:column;gap:3px;min-width:0}.user-dropdown-id b{font-size:13.5px;color:var(--text)}.role-chip{font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand);width:fit-content}.user-dropdown-item{width:100%;text-align:left;background:none;border:none;padding:9px 10px;border-radius:8px;font-size:13.5px;color:var(--text);cursor:pointer;font-family:var(--sans)}.user-dropdown-item:hover{background:var(--card-2)}.logout-btn{color:var(--crit);font-weight:600}.logout-btn:disabled{opacity:.6;cursor:default}.ac-period{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ac-period label{font-size:13px;color:var(--muted);font-weight:600}.ac-form{width:100%}.ac-form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ac-input{font-family:var(--sans);font-size:13px;color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:8px 11px;outline:none;min-width:120px}.ac-input:focus{border-color:var(--brand)}input.ac-input[type=number]{max-width:150px}.ac-btn{font-family:var(--sans);font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.ac-btn:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.1)}.ac-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 5px rgba(0,0,0,.08)}.ac-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(0,0,0,.12)}.ac-btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none}.ac-btn-ghost{background:transparent;box-shadow:none}.ac-btn-danger{color:var(--crit);border-color:transparent;background:var(--crit-bg);box-shadow:none}.ac-btn-danger:hover{border-color:var(--crit)}.ac-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.ac-edit-row{background:var(--card-2)}.ac-error{color:var(--crit);font-size:12.5px;margin:8px 0 0}.btn{font-family:var(--sans);font-size:13px;font-weight:700;padding:8px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.16);filter:brightness(1.04)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.12)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.ac-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap}.ac-check input{width:16px;height:16px}.login-brand{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:14px;padding:20px 22px;margin-bottom:14px;display:flex;justify-content:center;align-items:center}.login-brand img{width:100%;max-width:230px;height:auto;display:block}.login-brand .login-currabo-white{max-width:200px;padding-block:6px}.brand-logo{width:100%;max-width:186px;height:auto;display:block;padding:2px}.print-only{display:none}@media print{.print-only{display:flex!important}.print-header{align-items:center;gap:16px;padding-bottom:14px;margin-bottom:16px;border-bottom:2px solid var(--brand)}.print-header img{height:46px;width:auto}.print-title b{font-size:18px}.print-title span{display:block;font-size:12px;color:#555;margin-top:2px}}.report-actions{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}@media print{.no-print,.proto-banner,.report-actions,.tabs,.topbar,aside{display:none!important}.app{height:auto}.app,main{display:block;overflow:visible}.content{max-width:100%;padding:0}.card{box-shadow:none;border:1px solid #d5d8e5;margin-bottom:12px}.card,.kpis{break-inside:avoid}body{background:#fff}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pos-ui[data-kind]{border-radius:var(--radius);transition:background .18s ease}.pos-ui[data-kind] .card{transition:background .18s ease,border-color .18s ease}.pos-ui[data-kind=buy]{background:rgba(10,125,59,.19)}.pos-ui[data-kind=buy] .card{background:linear-gradient(rgba(10,125,59,.27),rgba(10,125,59,.27)),var(--card);border-color:rgba(10,125,59,.9)}.pos-ui[data-kind=sell]{background:rgba(220,38,38,.17)}.pos-ui[data-kind=sell] .card{background:linear-gradient(rgba(220,38,38,.24),rgba(220,38,38,.24)),var(--card);border-color:rgba(220,38,38,.89)}@media print{.pos-ui[data-kind],.pos-ui[data-kind] .card{background:var(--card);border-color:#d5d8e5}}.pos-ui .btn{border-radius:11px;font-weight:700;background:var(--brand-soft);color:var(--brand);border:1px solid transparent;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease}.pos-ui .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px rgba(33,56,187,.16);filter:brightness(1.02)}.pos-ui .btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.1)}.pos-ui .btn:disabled{opacity:.55}.pos-ui .btn.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(33,56,187,.28)}.pos-ui .btn.btn-primary:hover:not(:disabled){box-shadow:0 12px 24px rgba(33,56,187,.34)}.ccy-flag{--w:30px;--h:20px;--s:2px;--b:1px;position:relative;display:block;flex:0 0 auto;width:var(--w);height:var(--h);background:rgba(23,36,58,.28);clip-path:polygon(0 0,calc(100% - 2*var(--s)) 0,calc(100% - 2*var(--s)) var(--s),calc(100% - var(--s)) var(--s),calc(100% - var(--s)) calc(2*var(--s)),100% calc(2*var(--s)),100% calc(100% - 2*var(--s)),calc(100% - var(--s)) calc(100% - 2*var(--s)),calc(100% - var(--s)) calc(100% - var(--s)),calc(100% - 2*var(--s)) calc(100% - var(--s)),calc(100% - 2*var(--s)) 100%,0 100%)}.ccy-flag img{position:absolute;inset:var(--b);width:calc(100% - 2*var(--b));height:calc(100% - 2*var(--b));object-fit:cover;object-position:left center;display:block;clip-path:inherit}.ccy-flag.sm{--w:21px;--h:14px;--s:1.5px}.ccy-flag img[src$="/NP.svg"]{object-fit:contain;object-position:center}.ccy-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.ccy-picker .ccy-pick{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:8px 12px;min-height:40px}@media (max-width:520px){.ccy-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ccy-picker .ccy-pick{padding:8px;flex-direction:column;align-items:flex-start;gap:0}}[data-brand=currabo] .ccy-picker .ccy-pick:not(.btn-primary){background:var(--card);color:var(--c-navy);box-shadow:2px 2px 0 var(--c-navy)}.sc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.sc-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;flex:1 1 420px;max-width:560px}.sc-stats>div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:grid;gap:2px;min-width:0}.sc-stats span{font-size:11.5px;color:var(--muted)}.sc-stats b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:520px){.sc-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.sc-stats>div{padding:6px 8px}.sc-stats b{font-size:13px}}.sc-wrap{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:16px;align-items:start}.sc-list .card-b{max-height:70vh;overflow:auto}.sc-item{display:grid;gap:3px;text-align:left;width:100%;background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font-family:inherit;cursor:pointer}.sc-item.on{background:var(--brand-soft);border-color:var(--brand)}.sc-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.sc-item-body{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-room{display:flex;flex-direction:column;min-height:60vh}.sc-msgs{flex:1;overflow:auto;max-height:60vh;padding:14px 18px;gap:10px}.sc-msg,.sc-msgs{display:flex;flex-direction:column}.sc-msg{max-width:78%}.sc-msg.visitor{align-self:flex-start}.sc-msg.staff{align-self:flex-end;align-items:flex-end}.sc-bubble{padding:9px 13px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.sc-msg.visitor .sc-bubble{background:var(--card-2);border:1px solid var(--line);border-bottom-left-radius:4px}.sc-msg.staff .sc-bubble{background:var(--brand);color:#fff;border-bottom-right-radius:4px}.sc-time{font-size:11px;color:var(--faint);margin-top:3px}.sc-compose{display:flex;gap:8px;align-items:flex-end;padding:12px 18px 16px;border-top:1px solid var(--line)}.sc-compose textarea{flex:1;resize:vertical;min-height:44px}@media (max-width:760px){.sc-wrap{grid-template-columns:1fr}.sc-list .card-b{max-height:40vh}}.so-scroll{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:10px}.so-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px}.so-table thead th{position:sticky;top:0;background:var(--card);z-index:2;white-space:nowrap}.so-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.so-table .so-sticky{position:sticky;left:0;background:var(--card);z-index:1;min-width:170px;max-width:220px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--line)}.so-table thead .so-sticky{z-index:3}.so-table .so-total{background:var(--card-2);border-left:1px solid var(--line)}.so-table .so-empty{color:var(--faint);opacity:.5}.so-table tfoot td{position:sticky;bottom:0;background:var(--card-2);border-top:2px solid var(--line);font-weight:700}.tabs a.tab{display:inline-flex;align-items:center;text-decoration:none}[data-brand=currabo] .tabs a.tab.active{color:var(--c-navy)}.version-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--warn-bg);color:var(--text);border-bottom:1px solid var(--warn);padding:9px 26px;font-size:13.5px}.version-banner b{color:var(--warn)}@font-face{font-family:Outfit;src:url(/fonts/currabo/Outfit-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/currabo/Outfit-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/currabo/Outfit-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/currabo/Outfit-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/currabo/IBM-Plex-Sans-Thai-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/currabo/IBM-Plex-Sans-Thai-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/currabo/IBM-Plex-Sans-Thai-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/currabo/IBM-Plex-Mono-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/currabo/IBM-Plex-Mono-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}.brand-currabo,.ic-pix,.login-brand .login-currabo,.tile-pix{display:none}:root[data-brand=currabo]{--c-coral:#f04d42;--c-navy:#17243a;--c-cream:#fff3de;--c-sky:#9acbe4;--brand:#17243a;--brand-2:#24365a;--brand-soft:#dcedf6;--gold:#f04d42;--gold-soft:#fde4df;--sidebar:#17243a;--sidebar-2:#22334f;--sidebar-line:#2c3e5c;--sidebar-text:#fff3de;--sidebar-faint:#9acbe4;--paper:#fff3de;--card:#fffbf4;--card-2:#fff6e8;--text:#17243a;--muted:#4b5873;--faint:#7c869a;--line:#e6d6bb;--line-2:#f0e5d0;--shadow:3px 3px 0 rgba(23,36,58,.9);--sans:"Outfit","IBM Plex Sans Thai","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--radius:10px;--accent-blue:#17243a;--accent:#17243a;color-scheme:light}[data-brand=currabo] ::selection{background:var(--c-sky);color:var(--c-navy)}[data-brand=currabo] .brand-logo{display:none}[data-brand=currabo] .brand-currabo{display:flex;flex-direction:column;gap:7px}[data-brand=currabo] .brand-currabo img{width:150px;height:auto;display:block}[data-brand=currabo] .brand-currabo small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-faint)}[data-brand=currabo] .navgroup{font-family:var(--mono);font-weight:500;letter-spacing:.14em}[data-brand=currabo] .navitem{border-radius:8px}[data-brand=currabo] .navitem.active{background:var(--c-coral);color:#fff;box-shadow:2px 2px 0 rgba(0,0,0,.35)}[data-brand=currabo] .navitem .ic-line,[data-brand=currabo] .navitem.active:before,[data-brand=currabo] .tile-emoji{display:none}[data-brand=currabo] .tile-pix{display:block}[data-brand=currabo] .navitem .ic-pix{display:block;width:24px;height:24px;flex:0 0 auto;margin:-3px 0;background:var(--ic) center/contain no-repeat}[data-brand=currabo] .tag.new{background:var(--c-sky);color:var(--c-navy)}[data-brand=currabo] .topbar{background:color-mix(in srgb,var(--c-cream) 92%,transparent);border-bottom:1.5px solid var(--c-navy)}[data-brand=currabo] .page-head h1{font-weight:700;letter-spacing:-.025em}[data-brand=currabo] .avatar,[data-brand=currabo] .proto-banner{background:var(--c-sky);color:var(--c-navy)}[data-brand=currabo] .card,[data-brand=currabo] .kpi,[data-brand=currabo] .ph,[data-brand=currabo] .proto-banner{border:1.5px solid var(--c-navy)}[data-brand=currabo] .card{border-radius:12px;box-shadow:6px 6px 0 var(--c-coral)}[data-brand=currabo] .card:before{content:"CURRABO";display:block;height:24px;line-height:23px;padding:0 12px;text-align:right;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--c-navy);border-radius:10.5px 10.5px 0 0;background:radial-gradient(circle at 15px 12px,var(--c-navy) 2.6px,transparent 3.1px),radial-gradient(circle at 27px 12px,var(--c-navy) 2.6px,transparent 3.1px),radial-gradient(circle at 39px 12px,var(--c-navy) 2.6px,transparent 3.1px),var(--c-sky);border-bottom:1.5px solid var(--c-navy)}[data-brand=currabo] .kpi{box-shadow:4px 4px 0 var(--c-navy)}[data-brand=currabo] .card .card:before{display:none}[data-brand=currabo] .card .card{box-shadow:3px 3px 0 var(--c-navy);border-radius:10px}@media print{[data-brand=currabo] .card:before{display:none}[data-brand=currabo] .card{box-shadow:none}}[data-brand=currabo] .kpi .k,[data-brand=currabo] thead th{font-family:var(--mono);font-weight:500;letter-spacing:.08em}[data-brand=currabo] .kpi .v{font-family:var(--mono);font-weight:600;letter-spacing:-.01em}[data-brand=currabo] thead th{border-bottom:1.5px solid var(--c-navy)}[data-brand=currabo] .tabs{border:1.5px solid var(--c-navy)}[data-brand=currabo] .tab.active{background:var(--c-sky);color:var(--c-navy);box-shadow:inset 0 0 0 1.5px var(--c-navy)}[data-brand=currabo] .ac-input,[data-brand=currabo] .icon-btn,[data-brand=currabo] .login-input,[data-brand=currabo] select{border-color:color-mix(in srgb,var(--c-navy) 45%,transparent)}[data-brand=currabo] .ac-btn-primary,[data-brand=currabo] .btn,[data-brand=currabo] .login-btn{background:var(--c-coral);color:#fff;border:1.5px solid var(--c-navy);box-shadow:3px 3px 0 var(--c-navy);border-radius:8px;filter:none}[data-brand=currabo] .ac-btn-primary:hover:not(:disabled),[data-brand=currabo] .btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--c-navy);filter:none}[data-brand=currabo] .ac-btn-primary:active:not(:disabled),[data-brand=currabo] .btn:active:not(:disabled),[data-brand=currabo] .login-btn:active:not(:disabled){background:var(--c-navy);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--c-navy)}[data-brand=currabo] .ac-btn{border:1.5px solid var(--c-navy);border-radius:8px;box-shadow:2px 2px 0 var(--c-navy)}[data-brand=currabo] .ac-btn:hover:not(:disabled){border-color:var(--c-navy);box-shadow:3px 3px 0 var(--c-navy)}[data-brand=currabo] .ac-btn-ghost{box-shadow:none}[data-brand=currabo] .ac-btn-danger{border-color:transparent;box-shadow:none}[data-brand=currabo] td .btn:not(.btn-primary):not(.btn-danger){padding:4px 12px}[data-brand=currabo] .filter-pills .btn,[data-brand=currabo] td .btn:not(.btn-primary):not(.btn-danger){background:var(--card);color:var(--c-navy);box-shadow:2px 2px 0 var(--c-navy)}[data-brand=currabo] .filter-pills .btn[aria-pressed=true]{background:var(--c-navy);color:#fff}[data-brand=currabo] .pos-ui .btn{background:var(--card);color:var(--c-navy);border:1.5px solid var(--c-navy);box-shadow:2px 2px 0 var(--c-navy)}[data-brand=currabo] .pos-ui .btn.btn-primary{background:var(--c-navy);color:#fff;box-shadow:3px 3px 0 rgba(23,36,58,.45)}[data-brand=currabo] .login-wrap{background:var(--c-navy)}[data-brand=currabo] .login-card{border:1.5px solid var(--c-navy);box-shadow:8px 8px 0 var(--c-coral);background:var(--c-cream)}[data-brand=currabo] .login-brand{background:transparent;padding:6px 0 0;margin-bottom:6px}[data-brand=currabo] .login-brand .login-currabo-white{display:none}[data-brand=currabo] .login-brand .login-currabo{display:block;max-width:220px}[data-brand=currabo] .login-switch{color:var(--c-navy);text-decoration:underline;text-underline-offset:3px}.nav-mini-btn{display:none}@media (min-width:921px){aside{position:relative}.nav-mini-btn{display:grid;place-items:center;position:absolute;top:10px;right:8px;z-index:2;width:26px;height:26px;border-radius:6px;border:1px solid var(--sidebar-line);background:var(--sidebar-2);color:var(--sidebar-text);cursor:pointer;font-size:14px;line-height:1}.nav-mini-btn:hover{color:#fff}.nav-mini-btn .when-mini,[data-nav=mini] .nav-mini-btn .when-full{display:none}[data-nav=mini] .nav-mini-btn .when-mini{display:inline}[data-nav=mini] .app{grid-template-columns:64px 1fr}[data-nav=mini] .nav-mini-btn{position:static;margin:10px auto 4px}[data-nav=mini] aside .brand,[data-nav=mini] aside .nav-label,[data-nav=mini] aside .sidefoot{display:none}[data-nav=mini] aside nav{padding-left:6px;padding-right:6px}[data-nav=mini] .navgroup{font-size:0;padding:8px 0 4px;margin-top:4px}[data-nav=mini] .navitem{justify-content:center;padding:9px 0}}