:root{--primary: #1A3B8B;--secondary: #0E76BC;--accent: #FFC107;--grad-primary: linear-gradient(135deg, #1A3B8B 0%, #0E76BC 100%);--bg-app: #F4F7FE;--bg-card: #FFFFFF;--text-main: #2D3748;--text-muted: #718096;--border-color: #E2E8F0;--success: #38A169;--warning: #DD6B20;--danger: #E53E3E;--info: #3182CE;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-app);color:var(--text-main)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;margin-top:0}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card.hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pro-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color);background:#fff}.pro-table{width:100%;border-collapse:collapse}.pro-table th{background:#f8fafc;padding:1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.pro-table td{padding:1rem;font-size:.875rem;border-bottom:1px solid #F1F5F9}.pro-table tr:last-child td{border-bottom:none}.pro-table tr:hover td{background-color:#fbfdff}.btn-pro{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-pro.primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 14px #1a3b8b63}.btn-pro.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-pro.secondary{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-pro.secondary:hover{background:#f8fafc}.material-symbols-outlined{vertical-align:middle;font-size:20px}.pro-badge.info{background:#dbeafe;color:#1e40af}.pro-status{display:inline-flex;align-items:center;justify-content:center;padding:2px 12px;min-height:24px;min-width:100px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.pro-status.pending{background:#fff9e6;color:#b7791f;border:1px solid #FEEBC8}.pro-status.validated{background:#e6fffa;color:#2c7a7b;border:1px solid #B2F5EA}.pro-status.approved{background:#f0fff4;color:#2f855a;border:1px solid #C6F6D5}.pro-status.rejected{background:#fff5f5;color:#c53030;border:1px solid #FED7D7}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.bold{font-weight:700}.text-right{text-align:right}.sm{padding:.4rem .8rem;font-size:.75rem}.pro-input-group{margin-bottom:1.25rem}.pro-input-group label{display:block;font-size:.8rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;padding-left:2px}.pro-input{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;color:var(--text-main);transition:all .2s;outline:none}.pro-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #0e76bc1a}.pro-input::placeholder{color:#a0aec0}.view-header{margin-bottom:2rem}.view-header h1{margin-bottom:8px;color:var(--primary)}.view-header p{color:var(--text-muted);margin:0;font-size:.95rem}