*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f6fa;color:#1a2233}
.wrap{max-width:720px;margin:0 auto;padding:16px}
.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
h1,h2,h3{margin:0 0 10px}input,select,button{width:100%;padding:11px;margin:5px 0;border:1px solid #cfd6e4;border-radius:8px;font-size:15px}
button{background:#2563eb;color:#fff;border:0;cursor:pointer;font-weight:600}button.sec{background:#e5e9f2;color:#1a2233}
button.ok{background:#16a34a}button.bad{background:#dc2626}button.sm{width:auto;padding:6px 10px;font-size:13px;margin:0 3px 0 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.stat{background:#eef3ff;border-radius:10px;padding:12px}.stat b{display:block;font-size:22px}
.err{color:#dc2626;font-size:14px;min-height:18px}.msg{color:#16a34a;font-size:14px}
table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:7px;border-bottom:1px solid #e5e9f2;text-align:left}
.scroll{overflow-x:auto}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tabs button{width:auto;padding:8px 12px}
.pill{padding:2px 8px;border-radius:99px;font-size:12px;background:#e5e9f2}.pill.approved{background:#bbf7d0}.pill.rejected{background:#fecaca}.pill.pending{background:#fde68a}
.note{background:#fff8e1;border-radius:8px;padding:10px;font-size:14px}