*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}#app{max-width:900px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:2px solid #2563eb;margin-bottom:24px}header h1{font-size:1.2rem;color:#2563eb}nav{display:flex;gap:16px}nav a{color:#555;text-decoration:none;font-size:.9rem}nav a:hover{color:#2563eb}h2{margin-bottom:16px;font-size:1.4rem}h3{margin:16px 0 8px;font-size:1.1rem}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.code{font-size:1.8rem;font-weight:700;color:#2563eb;letter-spacing:2px;margin:8px 0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:16px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee;font-size:.9rem}th{background:#f8f9fa;font-weight:600}button{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem}button:hover{background:#1d4ed8}input,select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;margin-right:8px;margin-bottom:8px}form{margin-bottom:16px}.status-pending{color:#f59e0b}.status-approved{color:#3b82f6}.status-paid{color:#10b981}.status-clawback{color:#ef4444}small{color:#888}