*{box-sizing:border-box}:root{--bg: #f4f6fa;--surface: #ffffff;--border: #e3e8f0;--text: #1a2233;--muted: #64748b;--primary: #4f46e5;--primary-soft: #eef2ff;--green: #059669;--green-soft: #ecfdf5;--red: #dc2626;--red-soft: #fef2f2;--amber: #d97706;--amber-soft: #fffbeb;--gray-soft: #f1f5f9;--radius: 12px;--shadow: 0 1px 3px rgba(16, 24, 40, .07), 0 1px 2px rgba(16, 24, 40, .04)}html,body{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;font-weight:650}h1{font-size:1.45rem}h2{font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid transparent;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--primary);color:#fff;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-outline:hover{background:var(--gray-soft);filter:none}.btn-green{background:var(--green)}.btn-red{background:var(--red)}.btn-sm{padding:.3rem .7rem;font-size:.8rem}label{display:block;font-weight:600;font-size:.82rem;margin-bottom:.3rem;color:var(--muted)}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;font:inherit;background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}table{width:100%;border-collapse:collapse}table th,table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border)}table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}table tbody tr:hover{background:#f8fafc}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700}.badge-pending{background:var(--amber-soft);color:var(--amber)}.badge-approved{background:var(--green-soft);color:var(--green)}.badge-rejected{background:var(--red-soft);color:var(--red)}.badge-cancelled{background:var(--gray-soft);color:var(--muted)}.badge-PL{background:var(--primary-soft);color:var(--primary)}.badge-CL{background:var(--amber-soft);color:var(--amber)}.badge-SL{background:var(--red-soft);color:var(--red)}.badge-HD{background:#f0fdfa;color:#0d9488}.badge-SHL{background:#f5f3ff;color:#7c3aed}.badge-admin{background:var(--primary-soft);color:var(--primary)}.badge-neutral{background:var(--gray-soft);color:var(--muted)}.muted{color:var(--muted)}.error-text{color:var(--red);font-size:.85rem}.success-text{color:var(--green);font-size:.85rem}.page{display:flex;flex-direction:column;gap:1.25rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.table-wrap{overflow-x:auto}