@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Noto_Sans_Thai_cb1e9a;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Noto_Sans_Thai_Fallback_cb1e9a;src:local("Arial");ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.00%;size-adjust:106.33%}.__className_cb1e9a{font-family:__Noto_Sans_Thai_cb1e9a,__Noto_Sans_Thai_Fallback_cb1e9a;font-style:normal}.__variable_cb1e9a{--font-thai:"__Noto_Sans_Thai_cb1e9a","__Noto_Sans_Thai_Fallback_cb1e9a"}:root{--bg:#f3f4f8;--surface:#fff;--surface-2:#f8f9fc;--border:#e7e9f0;--border-strong:#d6d9e4;--text:#14161c;--text-2:#3d4351;--muted:#7a8194;--primary:#4f46e5;--primary-600:#4338ca;--primary-soft:#eef2ff;--success:#15a34a;--success-soft:#e7f7ee;--danger:#dc2626;--danger-soft:#fdecec;--warning:#c2740a;--warning-soft:#fdf2df;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px rgba(20,24,40,.05),0 1px 3px rgba(20,24,40,.08);--shadow-md:0 6px 20px rgba(20,24,40,.08);--sidebar:linear-gradient(180deg,#1f1b4d,#312e81 60%,#3a2f8f);color-scheme:light}:root[data-theme=dark]{--bg:#0c0f16;--surface:#151a24;--surface-2:#1b212e;--border:#262d3a;--border-strong:#333c4c;--text:#e7eaf1;--text-2:#b6bfce;--muted:#838da0;--primary:#7c8cff;--primary-600:#6474ff;--primary-soft:rgba(99,102,241,.16);--success:#38d386;--success-soft:rgba(45,200,130,.15);--danger:#ff6b6b;--danger-soft:rgba(220,60,60,.16);--warning:#f0b429;--warning-soft:rgba(240,170,40,.16);--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.35);--shadow-md:0 10px 30px rgba(0,0,0,.45);--sidebar:linear-gradient(180deg,#12112b,#1e1b45 60%,#221d4d);color-scheme:dark}:root[data-theme=dark] .alert.err{color:#ffb1b1;border-color:rgba(220,60,60,.35)}:root[data-theme=dark] .alert.ok{color:#8ff0bd;border-color:rgba(45,200,130,.35)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-thai),"Segoe UI","Leelawadee UI",Tahoma,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;letter-spacing:-.01em}h1{font-size:24px}h1,h2{font-weight:700}h2{font-size:18px}p{margin:0}svg{width:18px;height:18px;flex-shrink:0}.app{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:var(--sidebar);color:#e8e8ff;padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.brand-logo{width:38px;height:38px;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#a5b4fc,#6366f1);display:grid;place-items:center;color:#1e1b4b;font-weight:800;font-size:18px;box-shadow:0 4px 14px rgba(99,102,241,.45)}.brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.brand-name{font-weight:800;font-size:16px;color:#fff;line-height:1.2;letter-spacing:.5px}.brand-sub{font-size:11.5px;color:#b8b6e8}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9c98d8;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-size:14.5px;font-weight:500;color:#cdcdf0;cursor:pointer;transition:background .15s,color .15s}.nav-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.nav-item.active{background:hsla(0,0%,100%,.14);color:#fff}.nav-item svg{width:19px;height:19px;opacity:.95}.sidebar .spacer{flex:1 1}.side-user{border-top:1px solid hsla(0,0%,100%,.12);padding-top:14px;margin-top:8px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:hsla(0,0%,100%,.16);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.side-user-name{font-size:13.5px;color:#fff;font-weight:600}.side-user-role{font-size:11.5px;color:#b8b6e8}.side-logout{margin-top:12px;width:100%;justify-content:center;background:hsla(0,0%,100%,.1);color:#fff;border:none}.side-logout:hover{background:hsla(0,0%,100%,.2)}.theme-toggle{margin-top:10px;width:100%;justify-content:center;gap:8px;background:hsla(0,0%,100%,.06);color:#d7d7f5;border:1px solid hsla(0,0%,100%,.12);font-weight:500}.theme-toggle:hover{background:hsla(0,0%,100%,.14);color:#fff}.theme-toggle svg{width:17px;height:17px}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:66px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar h1{font-size:19px}.topbar .sub{color:var(--muted);font-size:13px}.content{padding:26px 28px 60px;max-width:1120px;width:100%}.backdrop,.drawer-close,.hamburger,.topbar-logo{display:none}.hamburger{background:transparent;color:var(--text-2);padding:8px;border-radius:9px}.hamburger:hover{background:var(--surface-2)}.hamburger svg{width:24px;height:24px}.topbar-logo{width:32px;height:32px;border-radius:8px;overflow:hidden;flex-shrink:0}.topbar-logo img{width:100%;height:100%;object-fit:cover;display:block}.drawer-close{background:hsla(0,0%,100%,.12);color:#fff;border:none;padding:7px;border-radius:9px;margin-left:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:18px}.card-title{display:flex;align-items:center;gap:9px;margin-bottom:4px}.card-title svg{width:18px;height:18px;color:var(--primary)}.card-desc{color:var(--muted);font-size:13px;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px;margin-bottom:8px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px}.stat-ico svg{width:21px;height:21px}.stat-label{font-size:13px;color:var(--muted)}.stat-value{font-size:27px;font-weight:700;letter-spacing:-.02em;margin-top:2px}.tint-indigo{background:var(--primary-soft);color:var(--primary)}.tint-green{background:var(--success-soft);color:var(--success)}.tint-amber{background:var(--warning-soft);color:var(--warning)}.tint-red{background:var(--danger-soft);color:var(--danger)}label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin:12px 0 6px}input,select{width:100%;font:inherit;padding:10px 13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input::placeholder{color:#a6acbb}button{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:10px 18px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;gap:8px;transition:background .15s,transform .05s,box-shadow .15s}button svg{width:16px;height:16px}button:hover{background:var(--primary-600)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-strong)}button.secondary:hover{background:#eef0f6}button.ghost{background:transparent;color:var(--primary)}button.ghost:hover{background:var(--primary-soft)}button.danger-btn{background:var(--danger-soft);color:var(--danger);border:1px solid #f3c9c9}button.danger-btn:hover{background:#f9dede}.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1 1;min-width:130px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;background:var(--surface-2);color:var(--muted);font-weight:600;font-size:12.5px}tbody td,thead th{padding:11px 14px;white-space:nowrap;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.indigo{background:var(--primary-soft);color:var(--primary)}.badge.green{background:var(--success-soft);color:var(--success)}.badge.amber{background:var(--warning-soft);color:var(--warning)}.badge.red{background:var(--danger-soft);color:var(--danger)}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:13.5px;margin-top:12px}.alert.err{background:var(--danger-soft);color:#a11414;border:1px solid #f6cccc}.alert.ok{background:var(--success-soft);color:#0f7a37;border:1px solid #bfe8cf}.muted{color:var(--muted)}.pos{color:var(--success)}.neg,.pos{font-weight:600}.neg{color:var(--danger)}.chip-note{font-size:12.5px;color:var(--muted)}@media (max-width:860px){.sidebar{position:fixed;top:0;left:0;height:100dvh;width:270px;max-width:84vw;z-index:50;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,.35);overflow-y:auto}.sidebar.open{transform:translateX(0)}.backdrop{display:block;position:fixed;inset:0;background:rgba(15,18,30,.5);z-index:40;opacity:0;pointer-events:none;transition:opacity .25s ease}.backdrop.show{opacity:1;pointer-events:auto}.hamburger{display:inline-flex}.topbar-logo{display:block}.drawer-close{display:inline-flex}.topbar{height:60px;padding:0 14px;gap:10px}.topbar h1{font-size:17px}.topbar .sub{display:none}.content{padding:16px 14px 56px}.card{padding:16px;border-radius:12px}.row>*{flex-basis:100%;min-width:0}h1{font-size:20px}button{padding:11px 16px}input,select{padding:12px 13px}}@media (min-width:861px){.sidebar{transform:none!important}}.sell-line{display:flex;gap:12px;align-items:flex-end;margin-bottom:10px;flex-wrap:wrap}.sell-line>div{min-width:110px}.line-del{padding:10px 12px;height:42px}.sale-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-top:18px}.sale-summary>div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.sale-summary span{display:block;color:var(--muted);font-size:12.5px;margin-bottom:4px}.sale-summary b{font-size:20px}.settle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-top:6px}.settle-grid>div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.settle-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.settle-grid b{font-size:18px}