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}.navbar{background-color:#1a1833;justify-content:space-between;padding:10px 5%}.navbar,.navbar-logo{align-items:center;color:#e1ecef;display:flex}.navbar-logo{font-size:1.5rem;font-weight:700;gap:10px;text-decoration:none;transition:color .3s ease}.navbar-logo:hover{color:#5f8d92}.navbar-icon{filter:invert(96%) sepia(10%) saturate(274%) hue-rotate(152deg) brightness(103%) contrast(92%);height:32px;width:32px}.nav-links{align-items:center;display:flex;gap:20px}.nav-item{color:#e1ecef;text-decoration:none;transition:.2s}.nav-item:hover{color:#5f8d92}.nav-button{background-color:#255465;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 15px;transition:.2s}.nav-button:hover{background-color:#5f8d92}@media (max-width:600px){.nav-links{font-size:14px;gap:10px}}body{background-color:#e1ecef;color:#172427;font-family:Arial,Helvetica,sans-serif;margin:0}.main{align-items:center;background:linear-gradient(120deg,#1a1833,#255465);display:flex;justify-content:space-between;padding:100px 10%}.main-content{max-width:520px}.main-content h1{color:#fff;font-size:42px;margin-bottom:15px}.main-content p{color:#e1ecef;font-size:18px;margin-bottom:25px}.main-button{background-color:#5f8d92;border-radius:6px;color:#fff;font-weight:600;padding:12px 26px;text-decoration:none;transition:.2s}.main-button:hover{background-color:#fff;color:#172427}.main-image img{display:block;max-width:100%;width:480px}.main-image{margin-left:60px}.features{background-color:#e1ecef;padding:80px 20px}.features-container{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;margin:0 auto;max-width:1200px}.feature-card{background-color:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;color:#172427;min-height:165px;padding:30px 25px;text-align:center;transition:transform .2s ease;width:260px}.feature-card:hover{transform:translateY(-6px)}.feature-card h3{color:#255465;margin-bottom:12px}.feature-card p{color:#172427;margin:0}:root{--bg-dark:#172427;--bg-deep:#1a1833;--primary:#255465;--secondary:#5f8d92;--light:#e1ecef;--white:#fff;--black:#000;--error:#b42318;--success:#157347;--shadow-lg:0 20px 40px #00000026;--radius:10px;--transition:0.2s ease}.login-container{align-items:center;background:#e1ecef;background:var(--light);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);border-top:4px solid #255465;border-top:4px solid var(--primary);box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-lg);max-width:420px;padding:32px;width:100%}.login-header{color:#1a1833;color:var(--bg-deep);font-size:2rem;font-weight:700;margin-bottom:24px;text-align:center}.login-label{color:#172427;color:var(--bg-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:6px}.login-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;border-radius:var(--radius);font-size:1rem;margin-bottom:12px;padding:12px;transition:.2s ease;transition:var(--transition);width:100%}.login-input:focus{background:#fff;background:var(--white);border-color:#255465;border-color:var(--primary);box-shadow:0 0 0 2px #25546533;outline:none}.btn-black{background:#255465;background:var(--primary);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;font-weight:600;margin-top:10px;padding:12px;transition:.2s ease;transition:var(--transition);width:100%}.btn-black:hover{background:#172427;background:var(--bg-dark)}.btn-black:focus-visible{outline:2px solid #5f8d92;outline:2px solid var(--secondary);outline-offset:2px}.btn-gray{background:#e1ecef;background:var(--light);border:none;border-radius:10px;border-radius:var(--radius);color:#172427;color:var(--bg-dark);cursor:pointer;font-weight:500;margin-top:8px;padding:12px;transition:.2s ease;transition:var(--transition);width:100%}.btn-gray:hover{background:#d3e2e6}.btn-gray:focus-visible{outline:2px solid #5f8d92;outline:2px solid var(--secondary);outline-offset:2px}.login-error{background:#fdecec;border:1px solid #b4231833;border-radius:10px;border-radius:var(--radius);color:#b42318;color:var(--error)}.login-error,.login-success{font-size:.9rem;margin-bottom:10px;padding:10px;text-align:center}.login-success{background:#eaf7ef;border:1px solid #15734733;border-radius:10px;border-radius:var(--radius);color:#157347;color:var(--success)}.modal-overlay{background:#172427b3;padding:20px}.signup-modal{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius);box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-lg);max-width:500px;overflow:hidden;width:100%}.signup-modal-header{background:linear-gradient(135deg,#255465,#172427);background:linear-gradient(135deg,var(--primary),var(--bg-dark));color:#fff;color:var(--white);padding:20px}.signup-modal-title{font-size:1.5rem;font-weight:700;margin:0}.signup-modal-subtitle{color:#e1ecef;color:var(--light);font-size:.9rem;margin-top:6px}.signup-modal-body{padding:24px}.signup-field{margin-bottom:14px}.signup-label{color:#172427;color:var(--bg-dark);display:block;font-weight:600;margin-bottom:5px}.signup-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;border-radius:var(--radius);padding:12px;transition:.2s ease;transition:var(--transition);width:100%}.signup-input:focus{background:#fff;background:var(--white);border-color:#255465;border-color:var(--primary);box-shadow:0 0 0 2px #25546533;outline:none}.signup-input.input-error{border-color:#b42318;border-color:var(--error)}.signup-input.input-success{border-color:#157347;border-color:var(--success)}.signup-message{font-size:.85rem;margin-top:3px}.signup-message.error{color:#b42318;color:var(--error)}.signup-message.success{color:#157347;color:var(--success)}.signup-alert{border-radius:10px;border-radius:var(--radius);font-size:.9rem;margin-bottom:10px;padding:10px;text-align:center}.signup-alert.error{background:#fdecec;color:#b42318;color:var(--error)}.signup-alert.success{background:#eaf7ef;color:#157347;color:var(--success)}.signup-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.signup-btn-primary{background:#255465;background:var(--primary);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;font-weight:600;padding:10px 16px}.signup-btn-primary:hover{background:#172427;background:var(--bg-dark)}.signup-btn-primary:focus-visible{outline:2px solid #5f8d92;outline:2px solid var(--secondary);outline-offset:2px}.signup-btn-secondary{background:#e1ecef;background:var(--light);border:none;border-radius:10px;border-radius:var(--radius);color:#172427;color:var(--bg-dark);cursor:pointer;padding:10px 16px}.signup-btn-secondary:hover{background:#d3e2e6}@media (max-width:640px){.login-card{padding:24px}.signup-modal{width:100%}}.profile-container{align-items:center;background:linear-gradient(135deg,#172427,#1a1833);display:flex;justify-content:center;min-height:100vh;padding:40px}.profile.card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000040;padding:35px;transition:transform .2s ease;width:420px}.profile.card:hover{transform:translateY(-3px)}.profile-header{border-bottom:2px solid #e1ecef;color:#172427;font-size:28px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.profile-info{background:#e1ecef;border-radius:8px;margin-bottom:20px;padding:15px}.profile-info p{color:#172427;font-size:15px;margin:6px 0}hr{border:none;border-top:1px solid #e1ecef;margin:20px 0}.profile-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-group label{color:#255465;font-size:14px;font-weight:600;margin-bottom:5px}.form-group input{border:1px solid #5f8d92;border-radius:6px;font-size:14px;padding:10px;transition:all .2s ease}.form-group input:focus{border-color:#255465;box-shadow:0 0 0 2px #25546533;outline:none}.btn-primary{background:#255465;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:10px;padding:12px;transition:all .25s ease}.btn-primary:hover{background:#1a1833;transform:translateY(-1px)}.error{color:#c0392b}.error,.success{font-size:14px;margin-top:8px}.success{color:#2e7d32}@media (max-width:500px){.profile.card{padding:25px;width:95%}}.modal-overlay{align-items:center;background:#172427b8;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal{background:#fff;border:2px solid #255465;border-radius:18px;box-sizing:border-box;color:#172427;max-height:90vh;max-width:720px;overflow:hidden;width:100%}.modal .btn{border:none;border-radius:10px;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 28px;transition:.2s ease}.modal .btn-primary{background:#255465;color:#fff}.modal .btn-secondary{background:#1a1833;color:#fff}.modal .btn-secondary:hover{background:#131126}.create-ticket-modal{overflow-y:auto;padding:28px}.modal-title{color:#172427;font-size:1.75rem;font-weight:700;margin:0 0 22px}.ticket-details-modal{overflow-y:auto;padding:28px}.ticket-form{gap:18px}.form-group,.ticket-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#255465;font-size:1rem;font-weight:700}.form-input,.form-textarea,.message-input{background:#fff;border:2px solid #5f8d92;border-radius:10px;box-sizing:border-box;color:#172427;font-size:1rem;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-actions,.message-actions{display:flex;flex-direction:row;justify-content:space-between;padding:18px 28px 28px}.form-input:focus,.form-textarea:focus,.message-input:focus{border-color:#255465;box-shadow:0 0 0 3px #25546524}.ticket-details-title{background:linear-gradient(135deg,#255465,#172427);color:#fff;font-size:1.7rem;font-weight:700;margin:0;padding:24px 28px 14px}.ticket-details-description,.ticket-details-location,.ticket-details-status{color:#172427;line-height:1.6;margin:0;padding-left:28px;padding-right:28px}.ticket-details-description{padding-top:20px}.ticket-details-location{padding-top:10px}.ticket-details-status{border-bottom:2px solid #d7e3e5;padding-bottom:22px;padding-top:10px}.messages-title{color:#172427;font-size:1.2rem;font-weight:700;margin:0;padding:22px 28px 14px}.messages-list{background:#f7fbfc;border:1px solid #d1e0e3;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;margin:0;max-height:300px;overflow-y:auto;padding:18px}.message-item{border-radius:14px;box-shadow:0 6px 14px #1724270f;color:#172427;padding:12px 14px}.user-message{align-self:flex-end;background:#255465;border:none;border-bottom-right-radius:4px;color:#fff}.staff-message{align-self:flex-start;background:#e1ecef;border:1px solid #bfd2d6;border-bottom-left-radius:4px;color:#172427}.message-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:8px}.message-author{font-size:.95rem;font-weight:700}.message-time{font-size:.78rem;opacity:.9;white-space:nowrap}.message-item .message-author,.message-item .message-time{color:#255465}.user-message .message-author,.user-message .message-time{color:#fff}.empty-messages,.message-text{line-height:1.5;margin:0}.empty-messages{color:#5f8d92;font-style:italic;padding:12px 8px;text-align:center}.message-input{display:block;margin:20px 0 0}@media (max-width:768px){.modal-overlay{padding:14px}.modal{border-radius:14px;max-height:94vh}.create-ticket-modal{padding:20px}.messages-title,.ticket-details-description,.ticket-details-location,.ticket-details-status,.ticket-details-title{padding-left:18px;padding-right:18px}.form-actions,.message-actions{display:flex;flex-direction:row;justify-content:space-between;padding:18px 0 0}.form-actions{padding-left:0;padding-right:0}.modal .btn{width:100%}.message-item{max-width:92%}.message-header{align-items:flex-start;flex-direction:column;gap:4px}}:root{--primary-color:#1a1833;--secondary-color:#255465;--button-color:#5f8d92;--background-color:#e1ecef;--text-color:#172427;--ticket-grey:#dee2e4;--status-open:#7ebdec;--status-in-progress:#fffa9e;--status-complete:#89da89;--status-waiting:#ea9090}.ticket-container{background:#e1ecef;background:var(--background-color);color:#172427;color:var(--text-color);min-height:100vh;padding:100px 10%}.ticket-container .dashboard-wrapper{margin:auto;max-width:1500px}.ticket-container .dashboard-title{font-size:28px;margin-bottom:20px}.ticket-container .filter-container{margin-bottom:15px}.ticket-container .ticket-table{background-color:#fff;border-collapse:collapse;border-radius:0;box-shadow:0 10px 10px -5px #17242764;overflow:hidden;width:100%}.ticket-container .ticket-table thead{background:linear-gradient(120deg,#1a1833,#255465);background:linear-gradient(120deg,var(--primary-color),var(--secondary-color))}.ticket-container .ticket-table th{color:#e1ecef;color:var(--background-color);padding:12px 30px;text-align:left}.ticket-container .ticket-table td{border-radius:0;padding:12px 30px}.ticket-container .ticket-row{cursor:pointer;transition:background .2s ease}.ticket-container .ticket-table tbody tr:nth-child(2n){background-color:#fff}.ticket-container .ticket-table tbody tr:nth-child(odd){background-color:#dee2e4;background-color:var(--ticket-grey)}.ticket-container .ticket-row:hover{box-shadow:0 4px 4px #1a18332c;transform:scale(1.01)}.ticket-container .status{border-radius:6px;font-weight:700;padding:5px 10px}.ticket-container .status-open{background-color:#7ebdec;background-color:var(--status-open)}.ticket-container .status-progress{background-color:#fffa9e;background-color:var(--status-in-progress);color:#000}.ticket-container .status-complete{background-color:#89da89;background-color:var(--status-complete);color:#000}.ticket-container .status-waiting{background-color:#ea9090;background-color:var(--status-waiting);color:#000}.ticket-container .modal-overlay{background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%}.ticket-container .modal{background:#e1ecef;background:var(--background-color);border-radius:12px;box-shadow:0 0 20px #00000080;color:#172427;color:var(--text-color);margin:80px auto;padding:25px;width:650px}.ticket-container button{background-color:#5f8d92;background-color:var(--button-color);border:none;border-radius:6px;color:#e1ecef;cursor:pointer;margin-top:10px;padding:8px 14px;transition:.2s}.ticket-container button:hover{background-color:#507478}.ticket-container button:disabled{background-color:#bebebe;color:#929292;cursor:not-allowed}.ticket-container select,.ticket-container textarea{background-color:#fff;border:none;border-radius:6px;margin-top:10px;padding:10px;width:100%}.ticket-container .message-container{background-color:#fff;border-radius:8px;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px}.ticket-container .message{margin-bottom:10px}.ticket-container .message.user{text-align:right}.ticket-container .message.other{text-align:left}.ticket-container .message p{border-radius:6px;display:inline-block;margin:5px 0;padding:8px}@media (max-width:768px){.ticket-container .modal{width:90%}.ticket-container .ticket-table td,.ticket-container .ticket-table th{font-size:12px}}
/*# sourceMappingURL=main.853506bc.css.map*/