code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}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;padding:0}.App,body{background-color:#1a1a1a}.App{color:#fff;min-height:100vh;padding:20px;text-align:center}@media (max-width:768px){.App{height:auto!important;min-height:auto!important;padding:0}}.ticket-details-container{margin:0 auto;max-width:800px}.ticket-list-wrapper{background-color:#1a1a1a;min-height:100vh;padding:20px}.ticket-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-container{align-items:center;display:flex;margin-right:auto;position:relative}.search-icon{color:#bbb;height:16px;margin-right:8px;width:16px}.search-input{background-color:#333;border:1px solid #444;border-radius:5px;color:#fff;font-size:1em;padding:8px 12px;transition:border-color .3s;width:150px}.search-input:focus{border-color:#64b5f6;outline:none}.search-input::placeholder{color:#bbb}.items-per-page-filter{align-items:center;display:flex;gap:10px}.items-per-page-filter .admin-btn,.items-per-page-filter .filter-button,.items-per-page-filter .items-per-page-select,.items-per-page-filter .logout-btn{align-items:center;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;font-size:1em;height:40px;justify-content:center;line-height:1;margin:0;padding:0 12px;transition:background-color .3s}.items-per-page-filter .filter-button{align-items:center;background-color:#64b5f6;color:#fff;display:flex;gap:5px}.items-per-page-filter .filter-button:hover{background-color:#42a5f5}.filter-icon{flex-shrink:0;height:16px;width:16px}.items-per-page-filter .items-per-page-select{-webkit-appearance:none;appearance:none;background-color:#333;background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 8px center;background-repeat:no-repeat;border:1px solid #444;color:#fff;padding-right:24px}.items-per-page-filter .items-per-page-select:focus,.items-per-page-filter .items-per-page-select:hover{background-color:#444;outline:none}.items-per-page-filter .admin-btn{background-color:#4caf50;color:#fff}.items-per-page-filter .admin-btn:hover{background-color:#388e3c}.items-per-page-filter .logout-btn{background-color:#f44336!important;color:#fff!important}.items-per-page-filter .logout-btn:hover{background-color:#d32f2f!important}.filter-modal{background-color:#2a2a2a;border-radius:5px;box-shadow:0 4px 8px #0000004d;color:#fff;padding:20px;position:absolute;right:20px;top:60px;z-index:1000}.filter-group{margin-bottom:15px}.filter-group label{display:block;margin-bottom:5px}.filter-input,.filter-select{background-color:#333;border:1px solid #444;border-radius:5px;color:#fff;font-size:1em;padding:8px;width:100%}.filter-input:focus,.filter-select:focus{border-color:#64b5f6;outline:none}.reset-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px;transition:background-color .3s}.reset-button:hover{background-color:#d32f2f}.close-filter-button{background-color:#64b5f6;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;margin-top:10px;padding:8px 12px;transition:background-color .3s}.close-filter-button:hover{background-color:#42a5f5}table{border-collapse:collapse;margin-top:20px;width:100%}td,th{border:1px solid #444;color:#fff;padding:8px;text-align:left}th{background-color:#333}tr{transition:background-color .3s}tr:hover{background-color:#444;cursor:pointer}tr.new-ticket:not(.new-messages){background-color:#64b5f6!important}tr.new-ticket:not(.new-messages) td{color:#fff!important}tr.new-ticket:not(.new-messages):hover{background-color:#42a5f5!important}tr.new-messages:not(.new-ticket){background-color:#ffeb3b!important}tr.new-messages:not(.new-ticket) td{color:#000!important}tr.new-messages:not(.new-ticket):hover{background-color:gold!important}tr.new-ticket.new-messages{background-color:#64b5f6!important;border:2px solid #ffeb3b!important}tr.new-ticket.new-messages td{color:#fff!important}tr.new-ticket.new-messages:hover{background-color:#42a5f5!important}tr.new-messages a{color:#000}tr.new-ticket.new-messages a{color:#fff}tr.new-messages a:hover,tr.new-ticket.new-messages a:hover{color:#ff6f61}.pagination-container{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.ticket-count{color:#fff;font-size:1em}.pagination{align-items:center;display:flex;gap:10px}.pagination-button{background-color:#64b5f6;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s,transform .2s}.pagination-button:hover{background-color:#42a5f5;transform:scale(1.05)}.pagination-button.active{background-color:#42a5f5;color:#fff;font-size:1.2em;font-weight:700;text-decoration:underline}.pagination-ellipsis{color:#fff;font-size:1em}.loading{color:#fff}.error,.loading{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center;min-height:100vh}.error{color:#f44336}.no-tickets{color:#fff;padding:20px;text-align:center}.in-progress{background-color:#ef5350}.new-messages{background-color:#ffeb3b!important}.current-user{background-color:#000;border-radius:3px;margin:10px 0;padding:5px 10px}.current-user span{color:#888;font-size:14px}.premium-icon{fill:#0561ab;stroke:#ffeb3b;stroke-width:1;margin-right:5px}.premium-users-list{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.premium-users-list h2{color:#333;margin-bottom:20px}.user-count{color:#666;font-size:.9em;margin-left:10px}.premium-users-ul{border:1px solid #ddd;border-radius:4px;list-style:none;max-height:70vh;overflow-y:auto;padding:0}.premium-user-item{border-bottom:1px solid #eee;padding:10px}.premium-user-item:last-child{border-bottom:none}.back-btn{background-color:#757575;border-radius:4px;margin-top:20px;padding:5px 10px}.back-btn:hover{background-color:#616161}.ticket-details{align-items:flex-start;background-color:#1a1a1a;color:#e0e0e0;display:flex;gap:20px;padding:20px}.ticket-info{gap:15px;max-width:400px;text-align:left;width:35%}.ticket-card,.ticket-info{display:flex;flex-direction:column}.ticket-card{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:20px}.ticket-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 10px;text-align:center}.ticket-date{color:#a0a0a0;font-size:.9rem;margin-bottom:15px;text-align:center}.info-item{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:12px 0}.label{color:#b0b0b0;font-weight:500}.label,.value{font-size:.95rem}.value{color:#e0e0e0;max-width:60%;text-align:right;word-break:break-word}.user-type{align-items:center;display:flex;gap:6px}.premium-icon{vertical-align:middle}.status{align-items:center;color:#00b7ff;display:flex;font-weight:600;gap:8px}.status-icon{vertical-align:middle}.toggle-type-btn{background-color:#00b7ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:20px;padding:10px;transition:background-color .3s}.toggle-type-btn:hover{background-color:#0095d6}.status-select-container{display:flex;flex-direction:column;gap:8px;margin-top:20px}.status-select-container label{color:#b0b0b0;font-size:.95rem}.status-dropdown{background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:.9rem;padding:8px}.chat-and-templates{gap:20px;width:60%}.chat-and-templates,.ticket-chat{display:flex;flex-direction:column}.ticket-chat{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 12px #0000004d;flex-grow:1;max-height:600px;overflow:hidden}.chat-title{border-bottom:1px solid #3a3a3a;color:#fff;font-size:1.5rem;font-weight:600;line-height:1;margin:0;padding:20px}.chat-messages{background-color:#222;flex-grow:1;min-height:0;overflow-y:auto;padding:20px}.message{border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:15px;max-width:100%;padding:10px 15px}.user{align-self:flex-start;background-color:#004d80}.operator{align-self:flex-end;background-color:#063}.unread{border:2px solid #ff9800}.message-body{color:#e0e0e0;word-break:break-word}.message-body,.user .message-body{text-align:left}.operator .message-body{text-align:right}.message strong{color:#fff}.message-time{align-self:flex-end;color:#a0a0a0;font-size:.75rem;margin-top:5px}.chat-photo{border-radius:4px;cursor:pointer;margin-top:10px;max-width:200px}.chat-input-container{background:#2a2a2a;border-top:1px solid #3a3a3a;display:flex;padding:10px}.input-textarea{background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;color:#e0e0e0;flex-grow:1;font-size:.85rem;height:40px;margin-right:10px;padding:8px;resize:none}.send-btn{background-color:#0c0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background-color .3s}.send-btn:hover{background-color:#00a300}.template-messages{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.template-btn{background-color:#555;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;line-height:1.2;padding:6px 12px;transition:background-color .3s;white-space:nowrap}.template-btn:hover{background-color:#666}.back-btn{align-items:center;background-color:#555;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 15px;transition:background-color .3s}.back-btn:hover{background-color:#444}.photo-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-inner{background:#2a2a2a;border-radius:12px;max-height:90%;max-width:90%;overflow:auto;padding:20px;position:relative}.modal-close{color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.modal-photo{border-radius:4px;max-height:80vh;max-width:100%}@media (min-width:769px){.ticket-details{align-items:stretch;height:100vh}.ticket-details .ticket-info .info-item.last-response{align-items:center;display:flex;justify-content:space-between}.ticket-details .ticket-info{height:100%}.ticket-details .ticket-info .ticket-card{flex-grow:1}.chat-and-templates{height:100%}}@media (max-width:768px){.ticket-details{align-items:flex-start!important;flex-wrap:nowrap;margin:0!important;padding:10px!important}.chat-and-templates,.ticket-info{flex-grow:0!important;flex-shrink:0!important;height:auto!important;max-width:none!important;width:50%!important}.ticket-details .ticket-info{padding:0!important;width:50%!important}.ticket-details .ticket-info,.ticket-details .ticket-info .ticket-card{flex-grow:0!important;flex-shrink:0!important;height:auto!important;min-height:0!important;min-height:auto!important}.ticket-details .ticket-info .ticket-card{box-sizing:border-box!important;padding:15px!important;width:100%!important}.ticket-details .chat-and-templates{height:auto!important;width:50%!important}.ticket-details .chat-and-templates .ticket-chat{max-height:400px!important;width:100%!important}.ticket-details .chat-and-templates .chat-title{font-size:1.2rem!important;padding:15px 20px!important}.ticket-details .ticket-info .info-item{flex-wrap:wrap!important;justify-content:flex-start!important;padding:8px 0!important;text-align:left!important;width:100%!important}.ticket-details .ticket-info .info-item.last-response{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.ticket-details .ticket-info .info-item.last-response .label{flex-shrink:0!important;margin-right:8px!important;text-align:left!important;white-space:nowrap!important}.ticket-details .ticket-info .info-item.last-response .value{flex:1 1!important;flex-wrap:wrap!important;max-width:none!important;text-align:left!important;word-break:break-word!important}.ticket-details .ticket-info .info-item .label{flex-shrink:0!important;margin-right:8px!important;text-align:left!important}.ticket-details .ticket-info .info-item .value{flex:1 1!important;max-width:none!important;text-align:left!important}.ticket-details .ticket-info .status{gap:6px!important}.ticket-details .ticket-info .toggle-type-btn{box-sizing:border-box!important;font-size:.8rem!important;padding:8px!important}.ticket-details .ticket-info .status-select-container,.ticket-details .ticket-info .toggle-type-btn{margin-top:10px!important;width:100%!important}.ticket-details .ticket-info .status-dropdown{box-sizing:border-box!important;font-size:.8rem!important;padding:6px!important;width:100%!important}.ticket-details .chat-and-templates .template-messages{gap:8px!important;padding:8px!important;width:100%!important}.ticket-details .chat-and-templates .template-messages .template-btn{font-size:.75rem!important;line-height:1.2!important;padding:5px 10px!important}}.ticket-selector{margin-bottom:20px}.ticket-select{background-color:#3a3a3a;border-radius:8px;color:#e0e0e0;padding:8px}.chat-video{margin-top:10px;max-height:200px;max-width:100%}.message a{color:#00b7ff;text-decoration:underline}.message a:hover{color:#0095d6}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{border-radius:8px;color:#fff;text-align:center}.modal-content h3{margin-bottom:15px}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;margin:0 10px;padding:8px 16px}.confirm-btn{background-color:#00b7ff;color:#fff}.confirm-btn:hover{background-color:#0095d6}.cancel-btn{background-color:#f44;color:#fff}.cancel-btn:hover{background-color:#c33}.login-container{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.login-container h2{margin-bottom:20px}.form-group{max-width:300px;width:100%}button{background-color:#00b7ff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#0095d6}.login-error{color:#f44;margin-bottom:15px;max-width:300px;overflow-wrap:break-word;text-align:center;word-break:break-word}.admin-users{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:20px}.admin-users h1,.admin-users h2{margin-bottom:20px}.logout-btn,.tickets-btn{background-color:#555;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:20px;margin-right:10px;padding:8px 16px}.logout-btn:hover,.tickets-btn:hover{background-color:#444}.form-group{margin-bottom:15px}.form-group label{color:#b0b0b0;display:block;margin-bottom:5px}.form-group input{background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;color:#e0e0e0;max-width:300px;padding:8px;width:100%}button[type=submit]{background-color:#00b7ff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}button[type=submit]:hover{background-color:#0095d6}.users-table{background-color:#2a2a2a;border-collapse:collapse;border-radius:12px;max-width:800px;overflow:hidden;width:100%}.users-table td,.users-table th{border-bottom:1px solid #3a3a3a;color:#e0e0e0;padding:15px;text-align:left}.users-table th{background-color:#222;font-weight:600}.users-table tr:last-child td{border-bottom:none}.delete-btn{background-color:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:5px 10px}.delete-btn:hover{background-color:#c00}.error-message{color:#f44;font-size:14px;margin-bottom:15px}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #00000080;color:#e0e0e0;max-width:400px;padding:20px;width:100%}.modal-content h3{color:#fff;margin-top:0}.modal-content p{margin-bottom:20px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.cancel-btn{background-color:#555}.cancel-btn:hover{background-color:#444}.confirm-btn{background-color:#f44}.confirm-btn:hover{background-color:#c00}
/*# sourceMappingURL=main.6ceebc34.css.map*/