:root{--orange: #f47b20;--orange-d: #d96512;--orange-s: #fff4ea;--ink: #2b241c;--muted: #8a7d70;--line: #efe4d6;--bg: #f7f3ee;--card: #fffdf9;--ok: #2f9e6a;--warn: #d48b16;--bad: #d4543c;--info: #3b82c4;--shadow: 0 10px 30px rgba(80, 48, 12, .08);font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:linear-gradient(180deg,#2c241c,#3a2e22);color:#f8efe4;display:flex;flex-direction:column;flex-shrink:0}.brand{padding:22px 18px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.logo{width:36px;height:36px;border-radius:10px;background:var(--orange);color:#fff;font-weight:800;display:grid;place-items:center}.brand h1{font-size:16px;margin:0}.brand p{margin:2px 0 0;font-size:11px;color:#cbb8a3}.nav{padding:12px 10px;overflow:auto;flex:1}.nav-group{font-size:11px;color:#b8a48d;padding:12px 10px 6px;letter-spacing:.08em}.nav a{display:block;padding:9px 12px;border-radius:8px;color:#efe4d4;font-size:13px}.nav a.active,.nav a:hover{background:#f47b202e;color:#fff}.side-user{padding:14px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#d8c7b3}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.crumb{font-size:15px;font-weight:650}.top-actions{display:flex;gap:10px;align-items:center}.content{padding:18px 22px 32px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.stat .n{font-size:26px;font-weight:750}.stat .l{color:var(--muted);font-size:12px;margin-top:4px}.row{display:flex;gap:12px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.btn{border:0;background:var(--orange);color:#fff;padding:8px 14px;border-radius:8px;font-weight:600}.btn:hover{background:var(--orange-d)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.warn{background:var(--warn)}.btn.ok{background:var(--ok)}.btn.bad{background:var(--bad)}.btn.sm{padding:5px 10px;font-size:12px}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600;background:#fbf7f2}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:650}.tag.pending{background:#efe8dc;color:#7a6a58}.tag.in_progress{background:#ffe8cc;color:#c45d08}.tag.done{background:#dcf6e8;color:#1f7a4e}.tag.cancelled{background:#f1f1f1;color:#888}.tag.approved{background:#dcf6e8;color:#1f7a4e}.tag.rejected{background:#fde4de;color:#b23b28}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#281c1059;display:grid;place-items:center;z-index:20}.modal{background:#fff;width:min(720px,92vw);border-radius:16px;padding:18px 20px}.modal h3{margin:0 0 12px}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form .full{grid-column:1 / -1}.label{font-size:12px;color:var(--muted);margin-bottom:4px}.progress{height:8px;background:#efe6da;border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--orange)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#ffd7a8,transparent 40%),radial-gradient(circle at 80% 0%,#ffe7cc,var(--bg) 45%)}.login-card{width:420px;background:#fff;border-radius:18px;padding:32px;box-shadow:var(--shadow)}.login-card h2{margin:8px 0 4px}.hint{color:var(--muted);font-size:12px;line-height:1.6}.accounts{font-size:12px;background:var(--orange-s);padding:10px 12px;border-radius:10px;margin:12px 0}.board-page{background:#151515;color:#fff;min-height:100vh;padding:18px}.kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kpi .card{background:#1f1c18;border-color:#3a3229;color:#fff}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.muted{color:var(--muted)}.danger{color:var(--bad)}.okc{color:var(--ok)}.empty{padding:28px;text-align:center;color:var(--muted)}.perm-box{margin-top:14px}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.perm-group{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fffaf4}.perm-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.perm-item{display:block;font-size:13px;margin:4px 0}@media(max-width:1100px){.cards,.kpi{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.form,.perm-grid{grid-template-columns:1fr}.sidebar{width:196px}}