body{-webkit-font-smoothing:antialiased;-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}.auth-container{align-items:center;background:linear-gradient(135deg,#0a0f1a,#1a2233);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease-out;background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 10px 30px #000000b3;max-width:400px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#e0e6f0;font-size:28px;font-weight:600;margin-bottom:8px}.auth-header p{color:#8ca0c7;font-size:14px;margin:0}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#b3c0e0;font-size:14px;font-weight:500}.form-group input,.form-group select{background:#10131b;border:2px solid #232a3a;border-radius:8px;color:#e0e6f0;font-size:14px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{background:#181c27;border-color:#4f8cff;outline:none}.form-group input::placeholder{color:#5c6a89}.auth-button{background:linear-gradient(135deg,#4f8cff,#7f53ff);border:none;border-radius:8px;box-shadow:0 2px 8px #000a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 8px 25px #4f8cff44;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-footer{border-top:1px solid #232a3a;margin-top:30px;padding-top:20px;text-align:center}.auth-footer p{color:#8ca0c7;font-size:14px;margin:0}.link-button{background:none;border:none;color:#4f8cff;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:#7f53ff}.error-message{background:#2a1a1a;border:1px solid #ff6b81;color:#ff6b81;padding:12px 16px}@media (max-width:480px){.auth-card{margin:10px;padding:30px 20px}.auth-header h2{font-size:24px}.auth-button{font-size:14px;padding:12px 20px}}.dashboard-container{background:#0a0f1a;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#10131b,#1a2233);box-shadow:0 2px 10px #000a;color:#e0e6f0;padding:20px 0}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:40px}.header-left h1{color:#e0e6f0;font-size:28px;font-weight:600;margin:0}.header-navigation{display:flex;gap:20px}.nav-link{border-radius:6px;color:#8ca0c7;font-size:16px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#232a3a;color:#e0e6f0}.nav-link.active{background:#232a3a;color:#4f8cff}.user-info{align-items:center;display:flex;gap:15px}.user-role{background:#232a3a;border-radius:20px;color:#7f53ff;font-size:12px;font-weight:500;padding:4px 12px}.logout-button{background:#232a3a;border:1px solid #2a3142;border-radius:6px;color:#e0e6f0;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.logout-button:hover{background:#4f8cff;color:#fff;transform:translateY(-1px)}.dashboard-content{margin:0 auto;max-width:1200px;padding:30px 20px}.dashboard-welcome{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;padding:40px;text-align:center}.dashboard-welcome h2{color:#e0e6f0;font-size:28px;font-weight:600;margin:0 0 15px}.dashboard-welcome p{color:#8ca0c7;font-size:16px;line-height:1.6;margin:0 0 30px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.dashboard-action-btn{background:linear-gradient(135deg,#4f8cff,#7f53ff);border-radius:8px;box-shadow:0 2px 8px #000a;color:#fff;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s ease}.dashboard-action-btn:hover{box-shadow:0 8px 25px #4f8cff44;transform:translateY(-2px)}.dashboard-action-btn.secondary{background:#232a3a;border:1px solid #2a3142;color:#e0e6f0}.dashboard-action-btn.secondary:hover{background:#4f8cff;border-color:#4f8cff;color:#fff}.gantt-chart-container{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;margin-top:30px;padding:30px}.gantt-chart-container h3{color:#e0e6f0;font-size:20px;font-weight:600;margin:0 0 25px}.no-projects-gantt{color:#8ca0c7;padding:40px 20px;text-align:center}.no-projects-gantt p{font-size:16px;margin:0 0 10px}.no-projects-gantt p:last-child{font-size:14px;margin-bottom:0;opacity:.8}.gantt-chart{background:#10131b;border:1px solid #232a3a;border-radius:8px;overflow-x:auto}.gantt-header{grid-gap:1px;background:#232a3a;border-bottom:1px solid #232a3a;display:grid;gap:1px;grid-template-columns:2fr 1fr 1fr 3fr}.gantt-header-cell{align-items:center;background:#181c27;color:#e0e6f0;display:flex;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px 20px;text-transform:uppercase}.gantt-body{background:#10131b}.gantt-row{grid-gap:1px;border-bottom:1px solid #232a3a;display:grid;gap:1px;grid-template-columns:2fr 1fr 1fr 3fr;transition:background-color .2s ease}.gantt-row:hover{background:#1a2233}.gantt-cell{align-items:center;background:#181c27;color:#e0e6f0;display:flex;gap:10px;padding:15px 20px}.project-name{align-items:flex-start;flex-direction:column;gap:8px}.project-name-text{font-size:14px;font-weight:600}.urgency-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.urgency-badge.high{background:#ff4757;color:#fff}.urgency-badge.medium{background:#ffa502;color:#fff}.urgency-badge.low{background:#2ed573;color:#fff}.department-tag{border-radius:16px;color:#fff;font-size:12px;font-weight:500;min-width:80px;padding:6px 12px;text-align:center}.progress{flex-direction:column;gap:8px}.progress-bar{background:#232a3a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4f8cff,#7f53ff);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#8ca0c7;font-size:12px;font-weight:500}.timeline{padding:20px;position:relative}.timeline-container{background:#232a3a;border-radius:10px;height:20px;overflow:hidden;position:relative}.timeline-bar{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:600;height:100%;justify-content:center;min-width:20px;position:absolute;transition:all .3s ease}.progress-indicator{border-radius:10px;height:100%;opacity:.8}.overdue-indicator{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:16px}.gantt-timeline-scale{background:#181c27;border-top:1px solid #232a3a;display:flex;justify-content:space-between;padding:15px 20px}.timeline-marker{color:#8ca0c7;font-size:12px;font-weight:500}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;padding:24px;text-align:center}.stat-card h3{color:#8ca0c7;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-card p{color:#e0e6f0;font-size:32px;font-weight:700;margin:0}.main-content{grid-gap:30px;display:grid;gap:30px}.project-section{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;padding:30px}.project-section h2{color:#e0e6f0;font-size:24px;font-weight:600;margin:0 0 25px}.project-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-row input,.form-row select{background:#10131b;border:2px solid #232a3a;border-radius:8px;color:#e0e6f0;font-size:14px;padding:12px 16px;transition:border-color .3s ease}.form-row input:focus,.form-row select:focus{background:#181c27;border-color:#4f8cff;outline:none}.form-row input[readonly]{background:#232a3a;color:#8ca0c7}.create-button{grid-column:1/-1;margin-top:10px;padding:14px 24px}.create-button:hover{box-shadow:0 8px 25px #4f8cff44;transform:translateY(-2px)}.filter-section{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;padding:25px}.filter-section h3{color:#e0e6f0;font-size:18px;font-weight:600;margin:0 0 20px}.filter-form{display:flex;flex-direction:column;gap:20px}.search-row{width:97.3%}.search-input{background:#10131b;border:2px solid #232a3a;border-radius:8px;color:#e0e6f0;font-size:16px;padding:14px 18px;transition:border-color .3s ease;width:100%}.search-input:focus{background:#181c27;border-color:#4f8cff;outline:none}.search-input::placeholder{color:#8ca0c7}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:15px}.filter-actions{align-items:center;display:flex;gap:15px}.clear-button{background:#232a3a;border:1px solid #2a3142;border-radius:6px;color:#8ca0c7;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .3s ease}.clear-button:hover{background:#4f8cff;border-color:#4f8cff;color:#fff}.filter-form input,.filter-form select{background:#10131b;border:2px solid #232a3a;border-radius:6px;color:#e0e6f0;font-size:14px;min-width:150px;padding:10px 14px}.filter-button{background:#4f8cff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-button:hover{background:#7f53ff;transform:translateY(-1px)}.projects-header{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;margin-bottom:30px;padding:30px;text-align:center}.projects-header h1{color:#e0e6f0;font-size:32px;font-weight:600;margin:0 0 10px}.projects-header p{color:#8ca0c7;font-size:16px;margin:0}.create-project-btn{background:linear-gradient(135deg,#4f8cff,#7f53ff);border:none;border-radius:8px;box-shadow:0 2px 8px #000a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.create-project-btn:hover{box-shadow:0 8px 25px #4f8cff44;transform:translateY(-2px)}.create-project-header{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;margin-bottom:30px;padding:30px;text-align:center}.create-project-header h1{color:#e0e6f0;font-size:32px;font-weight:600;margin:0 0 10px}.create-project-header p{color:#8ca0c7;font-size:16px;margin:0}.create-project-form-container{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;padding:30px}.create-project-form{display:flex;flex-direction:column;gap:30px}.form-section{border-bottom:1px solid #232a3a;padding-bottom:25px}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h3{color:#e0e6f0;font-size:18px;font-weight:600;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-row{gap:8px}.form-row label{color:#b3c0e0;font-size:14px;font-weight:500}.form-row input,.form-row select,.form-row textarea{background:#10131b;border:2px solid #232a3a;border-radius:8px;color:#e0e6f0;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .3s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{background:#181c27;border-color:#4f8cff;outline:none}.form-row textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #232a3a;display:flex;gap:20px;justify-content:flex-end;padding-top:20px}.cancel-button{background:#232a3a;border:1px solid #2a3142;border-radius:8px;color:#8ca0c7;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#4f8cff;border-color:#4f8cff;color:#fff}.create-button{background:linear-gradient(135deg,#4f8cff,#7f53ff);border:none;border-radius:8px;box-shadow:0 2px 8px #000a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-button:hover:not(:disabled){box-shadow:0 8px 25px #4f8cff44;transform:translateY(-2px)}.create-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#ff4757;border-radius:8px;color:#fff;font-size:14px;padding:15px 20px;text-align:center}.projects-section{background:#181c27;border:1px solid #232a3a;border-radius:12px;box-shadow:0 2px 10px #000a;padding:30px}.projects-section h3{color:#e0e6f0;font-size:24px;font-weight:600;margin:0 0 25px}.no-projects{color:#8ca0c7;padding:60px 20px;text-align:center}.no-projects p{font-size:16px;line-height:1.6;margin:0 0 10px}.no-projects p:last-child{font-size:14px;margin-bottom:0;opacity:.8}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#10131b;border:1px solid #232a3a;border-radius:10px;color:#e0e6f0;padding:20px;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 25px #4f8cff44;transform:translateY(-2px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.project-header h4{color:#e0e6f0;font-size:18px;font-weight:600;margin:0}.project-details p{color:#b3c0e0;font-size:14px;margin:8px 0}.project-details strong{color:#e0e6f0}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.user-info{flex-wrap:wrap;justify-content:center}.project-form{grid-template-columns:1fr}.filter-form{align-items:stretch;flex-direction:column}.filter-form input,.filter-form select{min-width:auto}.projects-grid{grid-template-columns:1fr}.gantt-header,.gantt-row{grid-template-columns:1.5fr 1fr 1fr 2fr}.gantt-cell,.gantt-header-cell{font-size:13px;padding:12px 15px}.project-name-text{font-size:13px}.department-tag{font-size:11px;min-width:60px;padding:4px 8px}}.App,body{background:#0a0f1a;color:#e0e6f0}.App{min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#181c27;color:#e0e6f0;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#4f8cff}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{background:#181c27;border-radius:8px;box-shadow:0 2px 10px #000a;color:#e0e6f0;margin:30px auto;max-width:800px;padding:20px}.filter-form,.project-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.form-row{display:flex;flex-direction:column;margin-bottom:10px;margin-right:20px}.project-table{background:#10131b;border-collapse:collapse;color:#e0e6f0;margin-top:10px;width:100%}.project-table td,.project-table th{border:1px solid #232a3a;padding:8px;text-align:left}.project-table th{background:#232a3a;color:#7f53ff}.loading{align-items:center;background:#0a0f1a;color:#4f8cff;display:flex;font-size:18px;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.51470069.css.map*/