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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{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:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Wrapper{background-color:#f2f2f2;box-shadow:0 2px 6px #0000001a;color:#333;height:70px;justify-content:space-between;left:0;padding:0 40px;position:fixed;top:0;width:100%;z-index:1000}.Wrapper,.left{align-items:center;display:flex}.left{gap:10px}.logo{height:42px;width:auto}.logoName{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none}.right ul{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}.navLink{color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease}.navLink:hover{color:#d0e7ff}.navButtonLikeLink{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.userName{color:#333;font-weight:500}body{background-color:#f8fafc;margin:0;padding:0}main{padding-top:90px}@media (max-width:768px){.Wrapper{padding:0 20px}.right ul{gap:18px}.logoName{font-size:1.3rem}.navLink{font-size:.95rem}}.headerContainer{background-color:#f2f2f2;border-bottom:1px solid #ccc;padding:16px 24px}.topRow{align-items:center;flex-direction:column;gap:10px;justify-content:space-between}.paragraphRow,.topRow{display:flex;flex-wrap:wrap}.paragraphRow{gap:20px;padding:8px}.paragraphRow p{color:#000;font-size:1rem;margin:0;min-width:100px}.newTicketBtn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.newTicketBtn:hover{background-color:#0056b3}.open{background-color:#63c0b4}.inProgress,.open{border-radius:5px;font-weight:700;padding:4px}.inProgress{background-color:#199b40}.resolved{background-color:#cada43}.closed,.resolved{border-radius:5px;font-weight:700;padding:4px}.closed{background-color:#fa2c2c}.tickets-table-container{background-color:#f8f9fb;border-radius:16px;box-shadow:0 3px 12px #00000014;margin:2rem auto;max-width:1100px;overflow-x:auto;padding:1.5rem}.tickets-table-container h3{color:#222;font-size:1.5rem;margin-bottom:1rem;text-align:left}.tickets-table{background-color:#fff;border-collapse:collapse;border-radius:10px;min-width:850px;overflow:hidden;table-layout:fixed;width:100%}.tickets-table td,.tickets-table th{border-bottom:1px solid #e5e7eb;overflow:hidden;padding:.75rem 1rem;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.tickets-table th{background-color:#eef1f5;border-bottom:2px solid #d9dee6;color:#333;font-weight:600;text-transform:uppercase}.tickets-table tr:nth-child(2n){background-color:#fafbfc}.tickets-table tr:hover{background-color:#f0f6ff}.tickets-table td:first-child,.tickets-table th:first-child{width:22%}.tickets-table td:nth-child(2),.tickets-table td:nth-child(3),.tickets-table th:nth-child(2),.tickets-table th:nth-child(3){width:13%}.tickets-table td:nth-child(4),.tickets-table th:nth-child(4){width:18%}.tickets-table td:nth-child(5),.tickets-table td:nth-child(6),.tickets-table th:nth-child(5),.tickets-table th:nth-child(6){line-height:1.4;white-space:normal;width:17%}.status{font-weight:600;text-transform:capitalize}.status.open{color:#1e88e5}.status.in-progress{color:#ffb400}.status.resolved{color:#28a745}.priority{font-weight:500;text-transform:capitalize}.priority.low{color:#28a745}.priority.medium{color:#ffb400}.priority.high{color:#d9534f;font-weight:600}.tickets-empty{color:#666;font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:768px){.tickets-table-container{padding:1rem}.tickets-table{font-size:.85rem;table-layout:auto}.tickets-table td,.tickets-table th{padding:.5rem;white-space:normal}}div{margin-bottom:50px}p{font-size:1.75em;text-decoration:none}button{width:200px}a{color:#000;text-decoration:none;transition:color .3s ease}a:hover{color:#07c}.formContainer{margin:32px auto;max-width:700px}.ticketForm{background-color:#f5f7fa;border-radius:10px;box-shadow:0 6px 16px #00000014;color:#111827;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:680px;padding:24px}.ticketForm label{display:block;font-weight:600;margin-bottom:6px;text-align:left}.ticketForm input,.ticketForm select,.ticketForm textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.ticketForm input:focus,.ticketForm select:focus,.ticketForm textarea:focus{border-color:#2563eb;box-shadow:0 0 4px #2563eb40;outline:none}.radioGroup{display:flex;gap:20px;justify-content:flex-start;padding-top:4px;width:100%}.radioOption{align-items:center;display:flex;font-weight:500;gap:6px}.radioOption input[type=radio]{cursor:pointer}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.95rem;padding:8px 10px}.ticketForm button{align-self:flex-start;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 18px;transition:background-color .2s ease}.ticketForm button:hover{background-color:#1e40af}@media (max-width:480px){.ticketForm{max-width:100%;padding:16px}.radioGroup{align-items:flex-start;flex-direction:column;gap:10px}.ticketForm button{align-self:center;width:100%}}.login-container{align-items:center;background-color:#f2f4f7;display:flex;height:100vh;justify-content:center}p{margin-top:0}.login-form{align-items:stretch;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;max-width:400px;padding:2rem;width:100%}.login-title{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.form-label{color:#333;display:flex;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;padding:.5rem .75rem;width:100%}.form-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff33;outline:none}.login-button{background-color:#007bff;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-top:.5rem;padding:.6rem .75rem;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#0056b3}.reset-link,.sign-up{font-size:.9rem;margin-top:1rem;text-align:center}.reset-link a,.sign-up a{color:#007bff;text-decoration:none}.reset-link a:hover,.sign-up a:hover{text-decoration:underline}@media (max-width:600px){.form-group{align-items:stretch;flex-direction:column}.form-label{margin-bottom:.5rem;text-align:left;width:100%}}.signup-container{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-form{align-items:stretch;background:#fff;border-radius:10px;box-shadow:0 6px 18px #00000014;color:#333;display:flex;flex-direction:column;gap:1.2rem;max-width:520px;padding:2.5rem;width:100%}.signup-title{color:#111827;font-size:1.6rem;font-weight:600;margin-bottom:.5rem;text-align:center}label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:4px;text-align:left}input[type=email],input[type=password],input[type=text]{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:10px 12px;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}input:focus{border-color:#2563eb;box-shadow:0 0 4px #2563eb4d;outline:none}.password-rules{font-size:.85rem;list-style:none;margin:0;padding:0}.password-rules li{margin-left:10px}.role-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;text-align:left}.role-section legend{color:#374151;font-size:.95rem;font-weight:600;padding:0 5px}.role-options{display:flex;gap:1.5rem;justify-content:flex-start;margin-top:8px}.role-options label{align-items:center;display:flex;font-size:.9rem;gap:6px}.error-message{background-color:#fee2e2;border-radius:6px;color:#dc2626;font-size:.9rem;padding:6px;text-align:center}button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 16px;transition:background-color .3s ease}button:hover{background-color:#1e40af}.login-link{font-size:.9rem;margin-top:.5rem;text-align:center}.login-link a{color:#2563eb;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:480px){.signup-form{max-width:100%;padding:1.5rem}.role-options{align-items:flex-start;flex-direction:column;gap:6px}button{width:100%}}
/*# sourceMappingURL=main.8e7ba1e4.css.map*/