body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f5f7fa;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}:root{--lufthansa-blue:#00235f;--lufthansa-yellow:#f9ba00;--lufthansa-dark-blue:#001a45;--lufthansa-light-blue:#e8edf5;--lufthansa-gold:#d4a800}.header{background:linear-gradient(135deg,#00235f,#001a45);box-shadow:0 4px 30px #00235f4d;color:#fff;overflow:hidden;padding:0;position:relative}.header:after{background:linear-gradient(90deg,#f9ba00,gold,#f9ba00);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.header-top{gap:20px;padding:20px 20px 10px;position:relative;z-index:1}.header-top,.logo-wrapper{align-items:center;display:flex;justify-content:center}.logo-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000026;flex-shrink:0;height:68px;padding:4px;width:68px}.lufthansa-logo{display:block;height:60px;object-fit:contain;width:60px}.lufthansa-logo-placeholder{align-items:center;background:linear-gradient(135deg,#f9ba00,gold);border-radius:8px;box-shadow:0 4px 15px #f9ba004d;color:#00235f;display:flex;font-size:22px;font-weight:800;height:60px;justify-content:center;width:60px}.company-name{color:#fff;font-size:28px;font-weight:300;letter-spacing:2px}.company-name-bold{color:#f9ba00;font-weight:700;letter-spacing:1px}.header-bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #ffffff0f;padding:12px 20px;position:relative;text-align:center;z-index:1}.app-name{color:#fff;font-size:32px;font-weight:700;letter-spacing:4px;text-shadow:0 2px 20px #f9ba0033}.app-name span{color:#f9ba00}.main-container{flex:1 1;margin:0 auto;max-width:1100px;padding:30px 20px;width:100%}.nav-bar{background:#fff;border:1px solid #00235f0f;border-radius:16px;box-shadow:0 2px 20px #00235f14;margin-bottom:24px;padding:8px 12px}.nav-buttons{display:flex;flex-wrap:wrap;gap:8px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn:hover{background:#00235f0f;color:#00235f}.nav-btn.active{background:#00235f;box-shadow:0 4px 15px #00235f4d;color:#fff}.nav-btn.admin-btn{color:#00235f}.nav-btn.admin-btn:hover{background:#f9ba0026;color:#00235f}.nav-btn.admin-btn.active{background:#f9ba00;box-shadow:0 4px 15px #f9ba004d;color:#00235f}.nav-btn.admin-login-btn{background:#f9ba001a;color:#00235f}.nav-btn.admin-login-btn:hover{background:#f9ba0033}.content-area{background:#fff;border:1px solid #00235f0a;border-radius:20px;box-shadow:0 4px 30px #00235f0f;min-height:500px;padding:32px}.request-form-container{margin:0 auto;max-width:100%}.request-form-container h3{color:#00235f;font-size:24px;font-weight:700;margin-bottom:28px;text-align:center}.request-form-container h3:after{background:#f9ba00;border-radius:2px;content:"";display:block;height:3px;margin:10px auto 0;width:60px}.request-type-selector{gap:12px;margin-bottom:28px}.request-type-selector,.type-btn{display:flex;justify-content:center}.type-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;gap:8px;max-width:200px;padding:14px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-btn:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.type-btn.swap-btn.active{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;box-shadow:0 4px 20px #ff6b354d;color:#fff}.type-btn.off-btn.active{background:linear-gradient(135deg,#00235f,#001a45);border-color:#00235f;box-shadow:0 4px 20px #00235f4d;color:#fff}.request-form{gap:20px}.form-group,.request-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{align-items:center;color:#1a1a2e;display:flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:-.3px}.form-group label .required{color:#ef4444}.form-group input,.form-group textarea{background:#fafbfc;border:2px solid #e5e7eb;border-radius:12px;color:#1a1a2e;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#00235f;box-shadow:0 0 0 4px #00235f14;outline:none}.form-group textarea{min-height:80px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(135deg,#00235f,#001a45);border:none;border-radius:14px;box-shadow:0 4px 20px #00235f40;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:10px;justify-content:center;margin-top:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:hover:not(:disabled){box-shadow:0 8px 30px #00235f59;transform:translateY(-3px)}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.message{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:10px;margin-top:12px;padding:14px 18px}.message.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.admin-login-container{margin:0 auto;max-width:420px;padding:20px 0}.admin-login-container h3{color:#00235f;font-size:24px;font-weight:700;margin-bottom:28px;text-align:center}.admin-login-container h3:after{background:#f9ba00;border-radius:2px;content:"";display:block;height:3px;margin:10px auto 0;width:60px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.login-btn{align-items:center;background:linear-gradient(135deg,#f9ba00,gold);border:none;border-radius:14px;box-shadow:0 4px 20px #f9ba004d;color:#00235f;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:10px;justify-content:center;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover:not(:disabled){box-shadow:0 8px 30px #f9ba0066;transform:translateY(-3px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;padding:12px;text-align:center}.admin-dashboard{padding:4px 0}.admin-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.admin-header,.admin-header h2{align-items:center;display:flex}.admin-header h2{color:#00235f;font-size:24px;font-weight:700;gap:10px}.admin-info{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:8px 16px 8px 20px}.logout-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease}.logout-btn:hover{background:#dc2626;transform:scale(1.02)}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{border:1px solid #0000000a;border-radius:14px;padding:20px 16px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card.total{background:linear-gradient(135deg,#00235f,#1a3a7a);border-color:#00235f;color:#fff}.stat-card.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card.approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card.swap{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.stat-card.off{background:linear-gradient(135deg,#00235f,#1a3a7a);color:#fff}.stat-card h3{font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;opacity:.9;text-transform:uppercase}.stat-card p{font-size:28px;font-weight:700;margin:0}.filter-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:20px 24px}.filter-section h4{align-items:center;color:#00235f;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:16px}.filter-grid{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a2e;font-size:14px;padding:10px 14px;transition:all .3s ease;width:100%}.filter-input:focus,.filter-select:focus{border-color:#00235f;box-shadow:0 0 0 4px #00235f14;outline:none}.filter-actions{align-items:center;display:flex;gap:10px}.clear-filters-btn{align-items:center;background:#e5e7eb;border:none;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:#d1d5db;transform:scale(1.02)}.request-list-container{margin-top:16px}.request-list{display:flex;flex-direction:column;gap:14px}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.request-card:hover{border-color:#f9ba00;box-shadow:0 4px 24px #00235f14;transform:translateY(-2px)}.request-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.request-type-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:4px 14px}.request-type-badge.type-swap{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.request-type-badge.type-off{background:#eff6ff;border:1px solid #bfdbfe;color:#00235f}.request-status{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:4px 14px}.status-pending{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.status-approved{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.status-rejected{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.request-id{color:#9ca3af;font-size:13px;font-weight:500;margin-left:auto}.request-body{margin-bottom:14px}.employee-info{align-items:center;display:flex;gap:12px;margin-bottom:8px}.employee-info strong{color:#1a1a2e;font-size:17px}.employee-id{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:14px;padding:2px 10px}.duty-code,.swap-with{font-size:14px;margin-bottom:4px}.duty-code .label,.swap-with .label{color:#6b7280;font-weight:500}.duty-code .value,.swap-with .value{color:#1a1a2e;font-weight:500}.request-date{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:6px;margin-bottom:8px}.request-remarks{background:#f8fafc;border-left:3px solid #f9ba00;border-radius:10px;margin:8px 0;padding:12px 16px}.remarks-label{align-items:center;color:#4b5563;display:flex;font-size:13px;font-weight:600;gap:6px}.request-remarks p{color:#1a1a2e;font-size:14px;margin:4px 0 0}.request-meta{color:#9ca3af;font-size:12px;gap:6px}.request-actions,.request-meta{align-items:center;display:flex}.request-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px;padding-top:14px}.action-buttons{display:flex;gap:8px}.approve-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .3s ease}.approve-btn:hover{background:#059669;transform:scale(1.02)}.reject-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .3s ease}.reject-btn:hover{background:#dc2626;transform:scale(1.02)}.delete-btn{align-items:center;background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .3s ease}.delete-btn:hover{background:#4b5563;transform:scale(1.02)}.no-requests{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.no-requests .icon{display:block;font-size:48px;margin-bottom:16px}.loading{color:#6b7280;font-size:16px;padding:60px;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#00235f;display:inline-block;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;gap:10px;margin-bottom:16px;padding:14px 18px}.footer{background:#00235f;border-top:3px solid #f9ba00;color:#fff;margin-top:auto;padding:20px;text-align:center}.footer p{font-size:13px;letter-spacing:.5px;margin:0;opacity:.7}@media (max-width:768px){.header-top{flex-direction:column;gap:8px}.logo-wrapper{height:56px;width:56px}.lufthansa-logo{height:48px;width:48px}.company-name{font-size:20px;text-align:center}.app-name{font-size:24px}.nav-buttons{flex-direction:column}.nav-btn{justify-content:center;text-align:center;width:100%}.content-area{padding:20px 16px}.request-type-selector{align-items:center;flex-direction:column}.type-btn{max-width:100%;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;width:100%}.clear-filters-btn{justify-content:center;text-align:center;width:100%}.admin-header{flex-direction:column;text-align:center}.admin-info{flex-wrap:wrap;justify-content:center;width:100%}.request-header{align-items:flex-start;flex-direction:column}.request-id{margin-left:0}.request-actions{align-items:stretch}.action-buttons,.request-actions{flex-direction:column}.action-buttons button{justify-content:center;width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0c39312a.css.map*/