:root{--bg: #f4f6f9;--panel: #ffffff;--ink: #16192b;--dim: #6b7280;--line: #e3e7ee;--brand: #14213d;--brand-soft: #1f335e;--ok: #12734f;--ok-bg: #e6f5ee;--warn: #8a6100;--warn-bg: #fff5dd;--bad: #a3271a;--bad-bg: #fdeae7}*{box-sizing:border-box}body{margin:0;font-family:Anuphan,Sarabun,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:15px}h1,h2,h3{margin:0;font-weight:600}.layout{display:flex;min-height:100vh}nav{width:220px;flex:0 0 220px;background:var(--brand);color:#fff;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.25rem}nav h1{font-size:1.05rem;margin-bottom:1.25rem;letter-spacing:.02em}nav a{color:#cbd5e8;text-decoration:none;padding:.55rem .7rem;border-radius:7px}nav a:hover{background:var(--brand-soft);color:#fff}nav a.active{background:var(--brand-soft);color:#fff;font-weight:600}.nav-foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.nav-foot small{color:#93a3c0}.nav-foot button{padding:.5rem;border:0;border-radius:7px;background:#2b3f6b;color:#fff;cursor:pointer;font:inherit}main{flex:1;padding:1.5rem 2rem 3rem;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-head h2{font-size:1.35rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1.1rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.card-head h3{font-size:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.row.right{justify-content:flex-end;margin-top:1rem}.btn{font:inherit;cursor:pointer;border-radius:8px;padding:.5rem .95rem;border:1px solid transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-soft)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-danger{background:var(--bad);color:#fff}input,select{font:inherit;padding:.5rem .65rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);width:100%}input:focus,select:focus{outline:2px solid var(--brand-soft);outline-offset:1px}.inline-input{width:7rem;text-align:right}.search{margin-bottom:.9rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.field>span{font-size:.85rem;color:var(--dim)}.field small{color:var(--dim);font-size:.78rem}.check{display:flex;align-items:center;gap:.45rem}.check input{width:auto}.tabs{display:flex;gap:.25rem}.tab{font:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:999px;padding:.3rem .85rem}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line)}th{font-weight:600;color:var(--dim);font-size:.82rem;white-space:nowrap}tbody tr:hover{background:#fafbfd}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.dim{color:var(--dim)}.credit{color:var(--ok)}.debit{color:var(--bad)}.warn-text{color:var(--warn)}.link{color:var(--brand-soft)}.pager{margin-top:.75rem}.kv{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}.kv dt{color:var(--dim);font-size:.87rem}.kv dd{margin:0}.balance{font-size:2.1rem;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:.9rem}.steps{margin:0;padding-left:1.1rem;color:var(--dim);line-height:1.75}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.8rem}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.note{margin:.75rem 0;padding:.65rem .85rem;border-radius:8px;background:var(--bg);font-size:.9rem;line-height:1.6}.note-ok{background:var(--ok-bg);color:var(--ok)}.note-warn{background:var(--warn-bg);color:var(--warn)}.note-bad{background:var(--bad-bg);color:var(--bad)}.empty{color:var(--dim);padding:1.5rem 0;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10142373;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--panel);border-radius:14px;padding:1.25rem 1.4rem;width:min(560px,100%);max-height:90vh;overflow-y:auto}.modal .row.right{position:sticky;bottom:-1.25rem;background:var(--panel);padding:.75rem 0 .25rem;margin-bottom:-.25rem;border-top:1px solid var(--line)}.modal .grid-2{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.picker{list-style:none;margin:-.5rem 0 .85rem;padding:0;border:1px solid var(--line);border-radius:8px}.picker li+li{border-top:1px solid var(--line)}.picker button{width:100%;text-align:left;font:inherit;cursor:pointer;background:transparent;border:0;padding:.55rem .7rem}.picker button:hover{background:var(--bg)}.pin-reveal{text-align:center}.pin-reveal>p{color:var(--dim);margin:.75rem 0 .25rem}.pin-value{font-size:1.5rem;font-weight:600;letter-spacing:.12em;background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:.6rem}.pin-value.big{font-size:2.4rem;letter-spacing:.3em}.pin-reveal .check{justify-content:center;margin-top:1rem}@media print{nav,.btn,.check{display:none!important}.modal-backdrop{position:static;background:none}.modal{box-shadow:none}}@media (max-width: 720px){.layout{flex-direction:column}nav{width:auto;flex:none;flex-direction:row;flex-wrap:wrap;align-items:center}nav h1{margin:0 .75rem 0 0}.nav-foot{margin:0 0 0 auto;flex-direction:row;align-items:center}main{padding:1rem}}