*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#C75B1A;--orange-light:#FAECE7;--orange-border:#F0997B;--bg:#F5F4F1;--surface:#FFFFFF;--border:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.18);--text:#1A1A18;--text-muted:#6B6B68;--text-hint:#9A9A96;--radius-md:8px;--radius-lg:12px;--green-bg:#EAF3DE;--green-text:#27500A;--amber-bg:#FAEEDA;--amber-text:#633806;--red-bg:#FCEBEB;--red-text:#791F1F;--blue-bg:#E6F1FB;--blue-text:#0C447C;--sidebar-w:220px;--topbar-h:52px;--bottomnav-h:60px}[data-theme=dark]{--orange:#E8743A;--orange-light:#2D1A0E;--bg:#111110;--surface:#1C1C1A;--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.14);--text:#F0EFEB;--text-muted:#9A9A96;--text-hint:#6B6B68;--green-bg:#0E2208;--green-text:#7CC44A;--amber-bg:#1F1100;--amber-text:#F0A830;--red-bg:#1F0A0A;--red-text:#F07070;--blue-bg:#060F1F;--blue-text:#6BAEE8}body{font-family:Sarabun,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;transition:background .2s,color .2s}input,select,textarea,button{font-family:inherit;font-size:13px}input,select{width:100%;padding:8px 12px;border:.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--orange)}button{cursor:pointer}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:.5px solid var(--border);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:50;transition:transform .25s ease,background .2s}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:49}.main-wrap{margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--surface);border-bottom:.5px solid var(--border);padding:0 1.25rem;height:var(--topbar-h);display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:40;transition:background .2s}.main-content{flex:1;padding:1.25rem 1.5rem 1.5rem}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-h);background:var(--surface);border-top:.5px solid var(--border);z-index:50;padding:0 4px}.bottom-nav-inner{display:flex;height:100%;align-items:center;justify-content:space-around}.bnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border:none;background:none;color:var(--text-muted);font-size:10px;cursor:pointer;border-radius:var(--radius-md);transition:color .15s;flex:1}.bnav-item.active{color:var(--orange)}.bnav-item span{font-size:20px;line-height:1}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-wrap{margin-left:0}.topbar{padding:0 1rem}.main-content{padding:1rem;padding-bottom:calc(var(--bottomnav-h) + 1rem)}.bottom-nav{display:block}.hide-mobile{display:none!important}.search-input{width:160px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.wh-grid,.form-grid{grid-template-columns:1fr!important}table{font-size:12px}th,td{padding:9px 10px!important}.sidebar{overflow-y:auto}.sidebar>div:last-child{padding-bottom:calc(var(--bottomnav-h) + 1rem)!important}}@media (max-width:420px){.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.search-input{width:120px!important}}