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}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%}.app-container{background-color:#f5f7fa;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.upper-bar{background-color:#002b5b;box-shadow:0 3px 8px #00000026;color:#fff;flex-shrink:0;padding:12px 25px;width:100%}.auth-header,.dashboard-header{align-items:center;display:flex;justify-content:flex-end}.user-info{align-items:center;display:flex;gap:8px}.user-icon{font-size:20px}.user-name{font-size:16px;font-weight:700}.dashboard-container{display:flex;flex:1 1;overflow:hidden;width:100%}.sidebar{align-items:flex-start;background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;flex-shrink:0;min-width:250px;overflow-y:auto;padding:20px 15px;width:250px}.sidebar h2{border-bottom:1px solid #ffffff1a;font-size:22px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.logout-btn,.menu-btn,.sidebar h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.logout-btn,.menu-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:8px 0;padding:12px 15px;text-align:left;transition:all .3s ease}.menu-btn:hover{background-color:#ffffff26}.menu-btn.active{background-color:#3498db;box-shadow:inset 3px 0 0 #2980b9;font-weight:600}.logout-btn{background-color:#e74c3c;font-weight:700;margin-top:auto;text-align:center}.logout-btn:hover{background-color:#c0392b}.content-area{flex:1 1;justify-content:flex-start;overflow-y:auto;padding:30px 40px}.content-area,.form-container{background-color:#fff;display:flex;flex-direction:column;width:100%}.form-container{align-items:center;animation:fadeIn .5s ease-in-out;border-radius:15px;box-shadow:0 10px 25px #0003;flex-grow:0;justify-content:center;margin:50px auto;max-width:450px;padding:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-toggle{background:#f3f3f3;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden}.form-toggle button{background-color:initial;border:none;color:#555;cursor:pointer;flex:1 1;font-size:17px;font-weight:500;padding:15px;transition:all .3s ease}.form-toggle .active{background-color:#033452;box-shadow:0 2px 8px #03345233;color:#fff;font-weight:700}.form,.new-document{display:flex;flex-direction:column}.form h2,.new-document h3,.status-tracking h3{color:#033452;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.form input,.form-group input[type=date],.form-group input[type=email],.form-group input[type=text],.form-group textarea,.new-document input[type=date],.new-document input[type=email],.new-document input[type=text],.new-document select,.new-document textarea{border:1px solid silver;border-radius:8px;box-sizing:border-box;font-size:18px;margin-bottom:20px;padding:16px 20px;transition:border .3s,box-shadow .3s;width:100%}.form input:focus,.form-group input:focus,.form-group textarea:focus,.new-document input:focus,.new-document select:focus,.new-document textarea:focus{border-color:#033452;box-shadow:0 0 0 3px #0334524d;outline:none}.form-group{margin-bottom:25px;width:100%}.form-group label{color:#2c3e50;display:block;font-size:18px;font-weight:500;margin-bottom:12px}.form-group textarea{min-height:120px;resize:vertical}.form button,.table-actions button,button[type=submit]{background-color:#033452;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:15px;padding:14px 25px;transition:background-color .3s,transform .2s}.form button:hover,.search-btn:hover,button[type=submit]:hover{background-color:#02283d;transform:translateY(-2px)}.status-tracking{overflow-x:auto;padding-bottom:20px;width:100%}.search-container{align-items:center;display:flex;gap:15px;margin-bottom:30px}.search-container input{border:1px solid #bbb;border-radius:8px;flex:1 1;font-size:16px;padding:12px 18px}.search-btn{font-size:16px;padding:12px 25px}table{border-collapse:collapse;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-top:25px;min-width:750px;overflow:hidden;width:100%}table td,table th{border-bottom:1px solid #e0e0e0;padding:15px 20px;text-align:left}table th{background-color:#f0f2f5;color:#2c3e50;font-size:16px;font-weight:600}table tr:hover{background-color:#fcfdfe}table button{border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-right:8px;padding:9px 14px;transition:all .3s ease}table button:first-of-type{background-color:#3498db;color:#fff}table button:nth-of-type(2){background-color:#2ecc71;color:#fff}table button:last-of-type{background-color:#e74c3c;color:#fff}table button:hover{opacity:.9;transform:translateY(-1px)}.form a{color:#007bff;font-size:15px;margin:15px 0;text-align:right;text-decoration:none}.form p,.transparent-text{color:#666;font-size:15px;margin:15px 0;text-align:center}.error,.server-error{color:#e74c3c;font-size:1rem;font-weight:500;margin:-10px 0 20px;padding:0;text-align:center}.server-error{padding:10px 0;text-align:center}.eye-btn{background-color:initial;border:none;color:#555;cursor:pointer;font-size:1.1rem;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-container{margin-bottom:1.5rem;position:relative;width:100%}.input-container input{padding-right:3rem}.input-container span{font-size:1.3rem;margin-right:.75rem}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:3rem}.lower-bar{background-color:#eef2f5;box-shadow:0 -2px 8px #00000014;flex-shrink:0;font-size:15px;padding:15px;text-align:center;width:100%}.new-document{background-color:#fff;border-radius:15px;box-shadow:0 10px 25px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-left:auto;margin-right:auto;max-width:850px;padding:30px 30px 60px;width:100%}.new-document .submit-btn{background-color:#033452;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1.15rem;margin-left:auto;margin-right:auto;margin-top:2rem;min-width:200px;padding:.95rem 2rem;width:-webkit-fit-content;width:fit-content}.new-document .submit-btn:hover{background-color:#02283d;transform:translateY(-2px)}.status-badge{border-radius:5px;display:inline-block;font-size:.9rem;font-weight:500;min-width:90px;padding:.35rem .6rem;text-align:center;text-transform:capitalize}.status-badge.submitted{background-color:#3498db;color:#fff}.status-badge.processing{background-color:#f39c12;color:#fff}.status-badge.approved{background-color:#2ecc71;color:#fff}.status-badge.rejected{background-color:#e74c3c;color:#fff}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.loading{animation:spin .8s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#033452;display:block;height:2.5rem;margin:50px auto;width:2.5rem}@keyframes spin{to{transform:rotate(1turn)}}.welcome-message{align-items:center;background-color:#e9f5ff;border:1px solid #cce5ff;border-radius:12px;box-shadow:0 6px 15px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px;padding:40px;text-align:center;width:100%}.welcome-message h2{color:#033452;font-size:32px;font-weight:700;margin-bottom:20px}.welcome-message p{color:#555;font-size:20px;line-height:1.6}.error-text{color:#e74c3c;display:block;font-size:.9rem;font-weight:500;margin-bottom:10px;margin-top:-15px}.error-field{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c33!important}.documents-table select{-webkit-appearance:none;appearance:none;background-color:#fff;background-position:right 10px center;background-repeat:no-repeat;background-size:18px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:15px;padding:10px 15px;width:auto}.documents-table select:focus{border-color:#033452;box-shadow:0 0 0 2px #03345233;outline:none}.dashboard-stats-container{align-items:center;display:flex;flex-direction:column}.summary-table{border-collapse:collapse;margin-top:1rem}.summary-table td,.summary-table th{border:1px solid #ddd;padding:8px 12px;text-align:center}@media (max-width:992px){.content-area{padding:25px 30px}.form-container,.new-document,.welcome-message{max-width:95%}.search-btn,.search-container input{font-size:15px;padding:10px 15px}table{min-width:650px}table td,table th{font-size:14px;padding:12px 15px}}@media (max-width:768px){.dashboard-container{flex-direction:column;height:auto}.sidebar{align-items:center;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 5px #0000001a;display:flex;flex-wrap:wrap;height:auto;justify-content:center;padding:15px 10px;position:relative;width:100%;z-index:auto}.sidebar h2{display:none}.logout-btn,.menu-btn{flex:1 1 auto;margin:5px;max-width:48%;text-align:center}.logout-btn{margin-top:5px}.content-area{margin-left:0;min-height:auto;padding:20px;width:100%}.form-container,.new-document,.welcome-message{margin-bottom:15px;margin-top:15px;max-width:100%;padding:20px}.form-group label{font-size:16px}.form input,.form-group input,.form-group textarea,.new-document input,.new-document select,.new-document textarea{font-size:16px;margin-bottom:15px;padding:12px 15px}table{display:block;min-width:100%;overflow-x:auto}table td,table th{font-size:13px;padding:10px 12px}.welcome-message h2{font-size:24px;margin-top:40px}.welcome-message p{font-size:16px}.upper-bar{padding:10px 15px}.user-name{font-size:14px}.lower-bar{font-size:13px;padding:12px}.search-container{flex-direction:column;gap:10px}.search-container input{width:100%}.search-btn{padding:10px;width:100%}}
/*# sourceMappingURL=main.ecf889d9.css.map*/