*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;box-shadow:0 2px 8px #0000001a}.header h1{margin-bottom:.5rem;font-size:2rem}.header p{opacity:.9}.main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.dashboard{flex-direction:column;gap:2rem;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{text-align:center;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.stat-card h3{color:#666;margin-bottom:.5rem;font-size:1rem}.stat-number{font-size:2.5rem;font-weight:700}.stat-card.pending .stat-number{color:#f59e0b}.stat-card.approved .stat-number{color:#10b981}.stat-card.rejected .stat-number{color:#ef4444}.filters{background:#fff;border-radius:8px;gap:1rem;padding:1rem;display:flex;box-shadow:0 2px 4px #0000001a}.filters button{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.filters button:hover{color:#667eea;border-color:#667eea}.filters button.active{color:#fff;background:#667eea;border-color:#667eea}.content{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.submission-list table{border-collapse:collapse;width:100%}.submission-list th{text-align:left;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:1rem;font-weight:600}.submission-list td{border-bottom:1px solid #e5e7eb;padding:1rem}.submission-list tr:hover{background:#f9fafb}.status{text-transform:capitalize;font-weight:500}.status.pending{color:#f59e0b}.status.approved{color:#10b981}.status.rejected{color:#ef4444}.status.cancelled{color:#6b7280}.id{color:#6b7280;font-family:monospace;font-size:.9rem}.btn-view{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn-view:hover{background:#5568d3}.submission-detail{flex-direction:column;gap:1.5rem;display:flex}.detail-header{align-items:center;gap:1rem;display:flex}.btn-back{cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn-back:hover{background:#d1d5db}.detail-info{background:#f9fafb;border-radius:6px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.info-row{gap:1rem;display:flex}.info-row .label{color:#6b7280;min-width:120px;font-weight:600}.status-badge{text-transform:capitalize;border-radius:4px;padding:.25rem .75rem;font-weight:500}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.approved{color:#065f46;background:#d1fae5}.status-badge.rejected{color:#991b1b;background:#fee2e2}.detail-data{border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.detail-data h3{color:#374151;margin-bottom:1rem}.data-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.data-item{flex-direction:column;gap:.25rem;display:flex}.data-label{color:#6b7280;font-size:.875rem;font-weight:600}.data-value{background:#f9fafb;border-radius:4px;padding:.5rem}.detail-actions{border-top:2px solid #e5e7eb;gap:1rem;padding-top:1rem;display:flex}.btn-approve{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600}.btn-approve:hover{background:#059669}.btn-reject{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600}.btn-reject:hover{background:#dc2626}.approval-info,.rejection-info{background:#f9fafb;border-radius:6px;padding:1rem}.approval-info{border-left:4px solid #10b981}.rejection-info{border-left:4px solid #ef4444}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;flex-direction:column;gap:1rem;width:90%;max-width:500px;padding:2rem;display:flex}.modal-content h3{margin-bottom:.5rem}.modal-content textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:.75rem;font-family:inherit}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.modal-actions button:first-child{background:#e5e7eb}.modal-actions button:first-child:hover{background:#d1d5db}.empty{text-align:center;color:#6b7280;padding:3rem;font-size:1.1rem}.pdf-section{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.pdf-section h3{color:#374151;margin-bottom:1rem}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.form-card h4{color:#1f2937;margin-bottom:.75rem}.btn-pdf{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;width:100%;padding:.5rem 1rem;font-weight:500}.btn-pdf:hover{background:#5568d3}.btn-pdf:disabled{opacity:.5;cursor:not-allowed}