*,*: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}html{background:var(--surface);color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}[data-theme=dark]{color-scheme:dark}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:calc(var(--sidebar-w) + env(safe-area-inset-left));min-width:calc(var(--sidebar-w) + env(safe-area-inset-left));background:var(--surface);border-right:.5px solid var(--border);display:flex;flex-direction:column;height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);box-sizing:border-box;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:calc(var(--sidebar-w) + env(safe-area-inset-left));display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--surface);border-bottom:.5px solid var(--border);padding:env(safe-area-inset-top) calc(1.25rem + env(safe-area-inset-right)) 0 calc(1.25rem + env(safe-area-inset-left));height:calc(var(--topbar-h) + env(safe-area-inset-top));box-sizing:border-box;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:40}.main-content{flex:1;padding:1.25rem calc(1.5rem + env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left))}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;background:var(--surface);border-top:.5px solid var(--border);z-index:50}.bottom-nav-inner{display:flex;height:100%;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px}.bottom-nav-inner::-webkit-scrollbar{display:none}.bnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border:none;background:none;color:var(--text-muted);font-size:10px;cursor:pointer;border-radius:var(--radius-md);transition:color .15s;flex:0 0 auto;min-width:60px;white-space:nowrap}.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:env(safe-area-inset-top) calc(1rem + env(safe-area-inset-right)) 0 calc(1rem + env(safe-area-inset-left))}.main-content{padding:1rem;padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right));padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 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}}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{white-space:nowrap!important}.col-hide-mobile{display:none!important}.modal-wrap{width:100%!important;max-width:100%!important;max-height:95vh!important;border-radius:16px 16px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;margin:0!important;transform:none!important}.modal-backdrop{align-items:flex-end!important;padding:0!important}.issue-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.issue-table-wrap table{min-width:480px}}@media (max-width: 768px){table th,table td{white-space:nowrap!important}.issue-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.issue-table-scroll table{min-width:500px}.modal-backdrop-mobile{align-items:flex-end!important;padding:0!important}.modal-box-mobile{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:92vh!important}}:root{--fab-bottom: calc(16px + env(safe-area-inset-bottom)) }@media (max-width:768px){:root{--fab-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 12px)}}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pwa-pulse{0%,to{box-shadow:0 4px 16px #00000047,0 0 #c75b1a73}50%{box-shadow:0 4px 16px #00000047,0 0 0 10px #c75b1a00}}.modal-overlay-mobile{padding:1rem}.modal-sheet-mobile{width:100%;max-height:92vh}@media (max-width:640px){.modal-overlay-mobile{padding:0!important}.modal-sheet-mobile{max-width:100%!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;border:none!important;box-sizing:border-box!important}.modal-sheet-mobile>div:first-child{padding-top:calc(.875rem + env(safe-area-inset-top))!important}.modal-sheet-mobile>div:last-child{padding-bottom:calc(.875rem + env(safe-area-inset-bottom))!important}.modal-sheet-mobile .form-grid-2{grid-template-columns:1fr!important}.modal-sheet-mobile .form-grid-3,.modal-sheet-mobile .form-grid-4{grid-template-columns:1fr 1fr!important}}