:root{--gold:#e8a824;--gold-deep:#bc8322;--olive:#bbbf46;--olive-deep:#8e9230;--khaki:#b0a980;--cream:#f7f3e6;--charcoal:#34332e;--ink:#1e1d1a;--line:#e4ddc8;--danger:#b3261e;--radius:14px;color:var(--charcoal);background:var(--cream);font-family:Noto Sans Myanmar,Myanmar Text,Pyidaungsu,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.layout{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.side{background:var(--ink);color:var(--cream);flex-direction:column;gap:4px;padding:20px 14px;display:flex}.brand{color:var(--gold);letter-spacing:.5px;align-items:center;gap:10px;margin:0 6px 20px;font-weight:800;display:flex}.brand img{object-fit:contain;width:34px;height:34px}.nav{all:unset;cursor:pointer;color:var(--cream);border-radius:10px;padding:10px 12px}.nav:hover{background:#2c2b26}.nav.active{background:var(--gold);color:var(--ink);font-weight:700}.side .who{opacity:.8;margin-top:auto;padding:8px;font-size:13px}.main{max-width:1100px;padding:28px 32px}h1{margin:0 0 4px;font-size:24px}.sub{color:#6b6a62;margin:0 0 22px}.card{border-radius:var(--radius);box-shadow:0 1px 0 var(--line);background:#fff;padding:18px}.grid{gap:14px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}.stat .label{color:#6b6a62;font-size:13px}.stat .value{font-size:26px;font-weight:800}.badge{border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.lv-very_busy{color:#8c1d12;background:#fbe1dc}.lv-busy{color:#7a5108;background:#fdefd0}.lv-normal{color:#4b4a43;background:#ecebe4}.lv-quiet{color:#5b5e17;background:#eef0cf}.st-OPEN{background:var(--gold);color:var(--ink)}.st-APPLIED{color:#2f5a12;background:#e1efd4}.st-DISMISSED,.st-SUPERSEDED{color:#6b6a62;background:#ecebe4}.feed{flex-direction:column;gap:12px;display:flex}.msg{grid-template-columns:44px 1fr;gap:12px;display:grid}.msg .avatar{background:var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.msg .avatar img{width:30px}.bubble{border-radius:4px var(--radius) var(--radius) var(--radius);box-shadow:0 1px 0 var(--line);background:#fff;padding:14px 16px}.bubble.open{outline:2px solid var(--gold)}.bubble .meta{color:#6b6a62;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.bubble .en{color:#6b6a62;margin-top:4px;font-size:13px}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.btn{cursor:pointer;border:0;border-radius:10px;padding:9px 16px;font-weight:700}.btn.primary{background:var(--gold);color:var(--ink)}.btn.dark{background:var(--ink);color:var(--gold)}.btn.ghost{border:1px solid var(--line);color:var(--charcoal);background:0 0}.btn.danger{color:var(--danger);background:0 0;border:1px solid #e8c3bf}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:4px;font-size:13px;display:flex}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:90px;padding:8px 10px}.field input:focus,.field select:focus{outline:2px solid var(--gold);border-color:#0000}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.tabs{gap:6px;margin-bottom:18px;display:flex}.tab{all:unset;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px}.tab.active{background:var(--ink);color:var(--gold);border-color:var(--ink)}.error{color:var(--danger);font-size:14px}.note{color:#6b6a62;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}h2{margin:26px 0 10px;font-size:17px}.login{background:linear-gradient(135deg, #d9c27a, var(--khaki), var(--olive));place-items:center;min-height:100vh;display:grid}.login .card{width:360px;padding:28px}.login img{width:64px;margin:0 auto 10px;display:block}.login h1{text-align:center;margin-bottom:18px}.login .field{margin-bottom:12px}.login .btn{width:100%;padding:11px}@media (width<=760px){.layout{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center}.side .who{margin-top:0}.main{padding:18px 16px}}@media print{.side,.sub,.tabs,.actions,form,table,h1,.btn{display:none!important}.layout{display:block}.main{padding:0}}
