:root{--navy-deep:#001f3f;--navy-main:#00478f;--gray-light:#f5f7fa;--white:#fff;--red:#c8102e;--green:#00875a;--border:#e6e6e6}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--gray-light);color:#222;margin:0;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}.wrap{max-width:1200px;margin:0 auto;padding:18px 16px 30px}.header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.title{color:var(--navy-deep);font-size:18px;font-weight:700}.btn{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:8px;height:40px;padding:0 14px;font-weight:600}.btn.primary{background:var(--navy-main);border-color:var(--navy-main);color:var(--white)}.btn.danger{background:var(--red);border-color:var(--red);color:var(--white)}.btn.success{background:var(--green);border-color:var(--green);color:var(--white)}.btn.sm{border-radius:7px;height:32px;padding:0 10px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px}.grid{grid-template-columns:1fr;gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input,.select{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:220px;height:40px;padding:0 12px}.input.sm,.select.sm{border-radius:7px;width:140px;min-width:0;height:32px;padding:0 10px;font-size:12px}.input.xs{width:110px}.textarea{border:1px solid var(--border);border-radius:8px;width:100%;min-height:220px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.6}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 8px}th{color:var(--navy-deep);background:#fafafa;position:sticky;top:0}.tag{border-radius:999px;padding:2px 8px;font-weight:700;display:inline-block}.tag.pending{color:#8a5a00;background:#fff3d6}.tag.approved{color:#0b6b45;background:#dff6ed}.tag.rejected{color:#8b1022;background:#ffe1e6}.tag.info{color:var(--navy-main);background:#e6f0ff}.actions{gap:8px;display:flex}.muted{color:#777;font-size:12px}.hidden{display:none}