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}.App{text-align:center}.App-logo{height:60vmin;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)}}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:16px;vertical-align:middle;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page{align-items:center;background-color:#fae0e4;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 10px #0000000d;max-width:440px;overflow:hidden;padding:50px 40px;position:relative;width:100%}.login-container:before{background:#f25c54;content:"";height:4px;left:0;position:absolute;right:0;top:0}.system-title{color:#000035;font-size:32px;font-weight:700;margin-bottom:10px;text-align:center}.system-subtitle{color:#718096;font-size:16px;font-weight:400;margin-bottom:40px;text-align:center}.login-title{color:#000035;font-size:28px;font-weight:600;margin-bottom:35px;position:relative;text-align:center}.login-title:after{background:#f25c54;border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.error-message{background:#fed7d7;border-left:4px solid #fc8181;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#c53030;font-weight:500;margin-bottom:25px;padding:16px;text-align:center}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{position:relative}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#000035;font-size:16px;font-weight:500;padding:18px 20px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#f25c54;box-shadow:0 0 0 4px #f25c541a;outline:none;transform:translateY(-2px)}.form-input::placeholder{color:#a0aec0;font-weight:400}.form-input-icon{color:#a0aec0;font-size:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.login-button{background:#0000;border:2px solid #f25c54;border-radius:12px;color:#f25c54;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:18px;position:relative;text-transform:uppercase;transition:all .3s ease}.login-button:hover{background-color:#f25c54;box-shadow:0 4px 8px #f25c544d;color:#000035;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{color:#718096;font-size:14px;margin-top:30px;text-align:center}.login-footer a{color:#f25c54;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-page{padding:15px}.login-container{border-radius:10px;margin:0;padding:40px 25px}.system-title{font-size:28px}.login-title{font-size:24px;margin-bottom:30px}.form-input,.login-button{font-size:15px;padding:16px}}.app-content{background-color:#fae0e4;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.header{align-items:center;background:linear-gradient(135deg,#fae0e4,#ffcad4);border-bottom:3px solid #f25c54;box-shadow:0 2px 20px #f25c541a;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.user-status-badge{background:#f25c54;border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.header-welcome{font-weight:500;gap:15px}.header-welcome,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(45deg,#f25c54,#000035);border-radius:50%;color:#fff;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.header-logo{height:60px}.header-user-info{align-items:center;display:flex;gap:15px}.header-user-info button{background-color:initial;border:2px solid #f25c54;border-radius:8px;color:#f25c54;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.header-user-info button:hover{background-color:#f25c54;box-shadow:0 4px 8px #f25c544d;color:#000035;transform:translateY(-2px)}.header-user-info button:active{transform:translateY(0)}@media (max-width:768px){.header{flex-direction:column;gap:15px;padding:15px 20px}.header-user-info{text-align:center}.header-user-info,.header-welcome{flex-direction:column;gap:10px}.user-avatar{font-size:16px;height:35px;width:35px}}.dashboard-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;box-sizing:border-box;margin:20px auto;padding:30px;width:50%}.dashboard-container h3{border-bottom:3px solid #e2e8f0;color:#000035;font-size:28px;font-weight:700;margin-bottom:30px;padding-bottom:15px;text-align:center}.dashboard-container form{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.dashboard-container .form-group{display:flex;flex-direction:column}.dashboard-container .form-group label{color:#000035;font-weight:500;margin-bottom:5px}.dashboard-container .form-group input,.dashboard-container .form-group select,.dashboard-container .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;padding:12px}.dashboard-container .submit-button{background-color:initial;border:2px solid #f25c54;border-radius:12px;color:#f25c54;cursor:pointer;font-size:16px;font-weight:600;grid-column:span 2;padding:15px;transition:all .3s ease}.dashboard-container .submit-button:hover{background-color:#f25c54;box-shadow:0 4px 8px #f25c544d;color:#000035;transform:translateY(-2px)}.dashboard-container .submit-button:active{transform:translateY(0)}.dashboard-container .submit-button:disabled{box-shadow:none;cursor:not-allowed;transform:none}.dashboard-container .submit-button:disabled,.dashboard-container .submit-button:disabled:hover{background-color:initial;border-color:#cbd5e1;color:#cbd5e1}.footer{background-color:#fae0e4;color:#000;margin-top:auto;padding:20px;text-align:center;width:100%}.user-dashboard{max-width:none;width:100%}.user-dashboard h3{background:#f7fafc;border-bottom:none;border-left:5px solid #f25c54;border-radius:10px;color:#000035;font-size:24px;margin-bottom:30px;padding:20px;text-align:left}.user-dashboard form{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr 1fr;width:100%}.user-dashboard .form-group{display:flex;flex-direction:column;margin-bottom:0}.user-dashboard .form-group label{color:#000035;font-size:15px;font-weight:600;margin-bottom:10px}.user-dashboard .form-group input,.user-dashboard .form-group select,.user-dashboard .form-group textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:14px;transition:all .3s ease;width:100%}.user-dashboard .form-group input:focus,.user-dashboard .form-group select:focus,.user-dashboard .form-group textarea:focus{border-color:#f25c54;box-shadow:0 0 0 3px #f25c541a;outline:none}.user-dashboard .form-group textarea{min-height:120px;resize:vertical}.user-dashboard .form-group:has(textarea){grid-column:1/-1}.user-dashboard .submit-button{background-color:initial;border:2px solid #f25c54;border-radius:8px;color:#f25c54;cursor:pointer;font-size:16px;font-weight:600;grid-column:1/-1;justify-self:start;margin-top:20px;padding:16px 40px;transition:all .3s ease;width:auto}.user-dashboard .submit-button:hover{background-color:#f25c54;box-shadow:0 4px 12px #f25c544d;color:#000035;transform:translateY(-2px)}.user-dashboard .submit-button:disabled{box-shadow:none;cursor:not-allowed;transform:none}.user-dashboard .submit-button:disabled,.user-dashboard .submit-button:disabled:hover{background-color:initial;border-color:#cbd5e1;color:#cbd5e1}.user-ticket-list{grid-gap:15px;display:grid;gap:15px;list-style:none;margin-top:30px;padding:0}.user-ticket-list li{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#000035;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.user-ticket-list li:hover{border-color:#f25c54;box-shadow:0 4px 12px #f25c541a;transform:translateY(-2px)}.user-ticket-list li button{background-color:initial;border:2px solid #f25c54;border-radius:8px;color:#f25c54;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.user-ticket-list li button:hover{background-color:#f25c54;color:#000035}.user-dashboard form:has(#currentPassword){gap:20px;grid-template-columns:1fr 1fr;max-width:none}.user-dashboard form:has(#currentPassword) .form-group{grid-column:1/-1}.user-dashboard form:has(#currentPassword) .submit-button{grid-column:1/-1;justify-self:start}.user-dashboard>h3{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:5px solid #f25c54;border-radius:10px;font-size:22px;margin-bottom:25px;margin-top:40px;padding:20px}.user-dashboard hr{border:none;border-top:3px solid #e2e8f0;margin:40px 0}.user-dashboard p[style*="color: green"]{background:#f0fff4;border:1px solid #9ae6b4;border-left:4px solid #48bb78;border-radius:8px;font-weight:500;margin-bottom:25px;padding:15px 20px}.user-dashboard p[style*="color: red"]{background:#fff5f5;border:1px solid #fc8181;border-left:4px solid #f56565;border-radius:8px;font-weight:500;margin-top:15px;padding:15px 20px}@media (max-width:768px){.dashboard-container{margin:15px 0;padding:20px 15px}.user-dashboard form{gap:20px;grid-template-columns:1fr}.user-dashboard .form-group:has(textarea){grid-column:1}.user-ticket-list li{align-items:flex-start;flex-direction:column;gap:15px;text-align:left}.user-dashboard form:has(#currentPassword){grid-template-columns:1fr}.user-dashboard h3{font-size:20px;margin-bottom:20px;padding:15px}}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.admin-controls button{background:#0000;border:2px solid #f25c54;border-radius:8px;color:#f25c54;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:all .2s ease-in-out}.admin-controls button.active,.admin-controls button:hover{background:#f25c54;color:#000035}.admin-controls input[type=text]{border:1px solid #e2e8f0;border-radius:8px;flex-grow:1;font-size:14px;padding:10px}.admin-controls form button{background:#0000;border:2px solid #f25c54;color:#f25c54}.admin-controls form button:hover{background:#f25c54;color:#000035}.admin-table-container{overflow-x:auto}.admin-table{margin-top:20px}.admin-table td,.admin-table th{border-bottom:1px solid #edf2f7;padding:15px;text-align:left}.admin-table th{background:#edf2f7;color:#000035;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table td{background-color:#fff;color:#000035;font-size:14px}.admin-table tbody tr:hover td{background-color:#f7fafc}.admin-table td button{background-color:initial;border:2px solid #f25c54;border-radius:8px;color:#f25c54;cursor:pointer;font-size:12px;font-weight:500;margin-right:5px;padding:8px 12px;transition:all .2s}.admin-table td button:hover{background:#f25c54;color:#000035}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{animation:fadeIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.popup-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.popup-header h3{color:#000035;font-size:24px;margin:0}.close-button{align-items:center;background:#0000;border:2px solid #f25c54;border-radius:50%;color:#f25c54;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;transition:all .2s;width:35px}.close-button:hover{background-color:#f25c54;color:#000035}.history-list{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.history-list li{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:15px}.history-list li strong{color:#000035}.history-list li em{color:#000035;display:block;font-style:normal;margin-top:5px}.history-list li small{color:#cbd5e1;display:block;font-size:12px;margin-top:5px}.popup h4,.popup p,.popup strong,.popup ul{color:#000035}.popup h4{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:15px}.popup button{background:#0000;border:2px solid #f25c54;border-radius:8px;color:#f25c54;cursor:pointer;font-weight:500;margin-right:10px;padding:10px 15px;transition:background-color .2s}.popup button:hover{background:#f25c54;color:#000035}.popup ul{list-style-type:none;margin:0;padding:0}.popup ul li{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:15px}.popup ul li small{color:#a0aec0;display:block;font-size:12px;margin-bottom:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-management{margin-top:30px}.user-management h4{border-bottom:2px solid #e2e8f0;color:#000035;font-size:20px;margin-bottom:20px;padding-bottom:10px}.users-table{border-collapse:collapse;margin-top:10px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #edf2f7;padding:12px 15px;text-align:left}.users-table th{background:#edf2f7;color:#000035;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table td{background-color:#fff;color:#000035;font-size:14px}.users-table tbody tr:hover td{background-color:#f7fafc}.danger-button{background-color:initial;border:2px solid #e53e3e;border-radius:6px;color:#e53e3e;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.danger-button:hover{background:#e53e3e;color:#fff}.user-count{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:15px;padding:10px 15px}.user-count strong{color:#000035}.status-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:3px 8px}.status-open{background-color:#fefcbf;color:#8b542f}.status-in-progress{background-color:#bee3f8;color:#2c5282}.status-ready-for-collection{background-color:#c6f6d5;color:#276749}.status-closed{background-color:#e2e8f0;color:#4a5568}.close-button-action{background-color:#f25c54!important;border:none!important;color:#fff!important}.priority-dot{border-radius:50%;display:inline-block;height:10px;margin-right:5px;vertical-align:middle;width:10px}.dot-high{background-color:#e53e3e}.dot-medium{background-color:#dd6b20}.dot-low{background-color:#38a169}.category-abbr{color:#718096;font-size:.85em;font-weight:500;margin-right:5px}.link-text{color:#3182ce;cursor:pointer;text-decoration:underline}.tickets-table td{vertical-align:middle}.admin-actions h4{border-bottom:1px solid #e2e8f0;color:#000035;font-size:18px;margin-bottom:15px;margin-top:20px;padding-bottom:5px}.admin-actions button{border:none;border-radius:8px;cursor:pointer;flex-grow:1;font-weight:600;min-width:150px;padding:10px 15px;transition:all .2s ease}.action-button-collected{background-color:#3182ce;color:#fff}.action-button-collected:hover{background-color:#2c5282}.action-button-inprogress{background-color:#dd6b20;color:#fff}.action-button-inprogress:hover{background-color:#9c4221}.action-button-communicate{background-color:#9f7aea;color:#fff}.action-button-communicate:hover{background-color:#6b46c1}.action-button-close{background-color:#e53e3e;color:#fff}.action-button-close:hover{background-color:#c53030}.admin-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-top:15px;overflow-x:auto;width:100%}.admin-table{border-collapse:collapse;min-width:700px;width:100%}.admin-table td{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.admin-table th{background-color:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;padding:12px 15px;text-align:left}
/*# sourceMappingURL=main.fbe6ab29.css.map*/