.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:url(/assets/jpg/backgroundimage-BcfT3BKi.jpg) center/cover no-repeat;background-attachment:fixed;padding:20px;position:relative}.login-card{width:380px;background:#fff;border-radius:8px;padding:32px;box-shadow:0 10px 30px #0003;position:relative;z-index:10;border:none;transform:translateY(-100px);opacity:0;transition:all .8s ease-out}.login-card.animate{transform:translateY(0)!important;opacity:1!important}.login-header{text-align:center;margin-bottom:24px}.welcome-text{margin-top:16px}.login-title{font-size:18px;font-weight:600;color:#2d3748;font-family:Inter,sans-serif;margin-bottom:5px}.login-subtitle{font-size:14px;font-weight:400;color:#718096;font-family:Inter,sans-serif;margin:0}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.login-logo img{width:100%;height:43px;object-fit:contain;margin-bottom:-7px;display:block}.company-name{font-size:18px;font-weight:600;color:#2d3748;font-family:Inter,sans-serif;margin-bottom:4px;text-align:center}.company-subtitle{font-size:14px;font-weight:400;color:#718096;font-family:Inter,sans-serif;margin-bottom:0;position:relative;text-align:center}.company-subtitle:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:30px;height:2px;background:#48cfd5}.login-form{position:relative;z-index:11}.form-group{margin-bottom:16px;position:relative;z-index:12}.exact-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;font-family:Inter,sans-serif}.exact-icon{display:flex;align-items:center;justify-content:center;color:#6b7280}.exact-icon svg{width:18px;height:18px}.login-container .exact-input,.exact-input{width:100%!important;padding:12px 16px!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:14px!important;font-family:Inter,sans-serif!important;background:#fff!important;color:#374151!important;outline:none!important;transition:all .2s ease!important;box-sizing:border-box!important;height:44px!important;font-weight:400!important;margin:0!important}.login-container .exact-input:focus,.exact-input:focus{border-color:#1a6b70!important;box-shadow:0 0 0 2px #1a6b701a!important}.login-container .exact-input::placeholder,.exact-input::placeholder{color:#9ca3af!important;font-size:14px!important;font-weight:400!important}.login-container .modern-button,.modern-button{width:111px!important;margin:auto!important;background:#1a6b70!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-family:Inter,sans-serif!important;position:relative!important;box-sizing:border-box!important;height:34px!important;z-index:13!important}.login-container .modern-button:hover:not(:disabled),.modern-button:hover:not(:disabled){background:#1e7a80!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1a6b704d!important}.login-container .modern-button:disabled,.modern-button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.login-container .modern-button:focus,.modern-button:focus{outline:none!important;box-shadow:0 0 0 3px #1a6b7033!important}.login-container .modern-button:active,.modern-button:active{transform:translateY(0)!important;box-shadow:0 2px 8px #1a6b7033!important}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#fed7d7;color:#c53030;padding:8px 12px;border-radius:6px;margin-bottom:16px;font-size:12px;font-weight:500;border:1px solid #feb2b2}@media (max-width: 768px){.login-card{width:320px;padding:24px}.login-title{font-size:20px}.login-subtitle{font-size:13px}.exact-input,.modern-button{font-size:13px;height:40px}}.header{background:#035c62;color:#fff;height:56px;box-shadow:0 2px 8px #035c6233;border-bottom:1px solid #024a4f;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;width:100%!important;display:flex!important;align-items:center}.header-container{width:100%;margin:0;padding:0 16px;height:100%;display:flex!important;justify-content:space-between;align-items:center;position:relative;z-index:2}.logo{display:flex!important;align-items:center;text-decoration:none;position:relative;z-index:3}.logo-image{height:42px;width:auto;object-fit:contain}.header-actions{display:flex!important;align-items:center;gap:8px;position:relative;z-index:3}.create-ticket-btn{background:#024a4f!important;border:1px solid #013a3e!important;border-radius:6px;padding:8px 12px;color:#fff!important;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;gap:6px;font-size:12px!important;font-weight:600;font-family:Inter,sans-serif;position:relative;z-index:4;height:32px}.create-ticket-btn:hover{background:#013a3e;border-color:#012a2d;transform:translateY(-1px);box-shadow:0 2px 8px #035c6266}.notification-btn,.settings-btn{background:#024a4f;border:1px solid #013a3e;border-radius:6px;padding:.25rem;color:#fff;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.notification-btn:hover,.settings-btn:hover{background:#013a3e;color:#fff}.notification-badge{position:absolute;top:-5px;right:-5px;background:#e53e3e;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.user-menu{position:relative!important;z-index:99998!important}.user-menu-btn{background:#024a4f!important;border:1px solid #013a3e!important;border-radius:6px;padding:8px 12px;color:#fff!important;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;gap:6px;font-weight:500;position:relative;z-index:5;height:32px;font-size:12px}.user-menu-btn:hover{background:#013a3e;color:#fff}.user-greeting{font-size:12px}.user-dropdown{position:fixed!important;top:56px!important;right:16px!important;background:#fff!important;border-radius:8px;box-shadow:0 8px 24px #035c6226!important;border:1px solid #e2e8f0!important;min-width:180px;z-index:999999!important;margin-top:4px;display:block!important}.dropdown-item{display:flex!important;align-items:center;gap:8px;padding:8px 12px;color:#4a5568!important;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:12px;position:relative;z-index:1}.dropdown-item:hover{background:#035c621a;color:#2d3748}.dropdown-item.logout{color:#e53e3e}.dropdown-item.logout:hover{background:#fed7d7;color:#c53030}@media (max-width: 768px){.header-container{padding:0 12px}.header-actions{gap:6px}.create-ticket-btn,.user-menu-btn{font-size:11px;padding:6px 10px;height:28px}.user-greeting{display:none}.logo-image{height:28px}}.logout-confirmation-overlay{position:fixed!important;inset:0!important;background:#00000080!important;display:flex!important;align-items:center;justify-content:center;z-index:999999!important;backdrop-filter:blur(2px);width:100vw!important;height:100vh!important;overflow:visible}.logout-confirmation-modal{background:#fff!important;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;max-width:400px;width:90%;margin:0;overflow:hidden;animation:modalSlideIn .3s ease-out;position:relative;transform:translate(0);z-index:1000000!important;display:block!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-confirmation-header{padding:24px 24px 16px;text-align:center;background:#fff}.logout-icon{display:flex;justify-content:center;margin-bottom:12px}.logout-icon svg{color:#374151;stroke-width:2.5}.logout-confirmation-header h3{margin:0;font-size:16px;font-weight:600;color:#374151}.logout-confirmation-body{padding:0 24px 20px;text-align:center}.logout-confirmation-body p{margin:0;font-size:12px;color:#374151;line-height:1.5}.logout-confirmation-actions{padding:20px 24px 24px;display:flex;gap:12px;justify-content:center;background:#fff}.logout-cancel-btn{padding:8px 16px;border:1px solid #6b7280;border-radius:6px;background:#6b7280;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.logout-cancel-btn:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.logout-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.logout-confirm-btn{padding:8px 16px;border:1px solid #013a3e;border-radius:6px;background:#035c62;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.logout-confirm-btn:hover:not(:disabled){background:#024a4f;border-color:#013a3e}.logout-confirm-btn:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af;border-color:#9ca3af}@media (max-width: 480px){.logout-confirmation-modal{margin:0;width:calc(100% - 20px);max-width:none}.logout-confirmation-header,.logout-confirmation-body,.logout-confirmation-actions{padding:16px}.logout-confirmation-actions{flex-direction:column}.logout-cancel-btn,.logout-confirm-btn{width:100%;justify-content:center}}.skeleton-container{display:flex;flex-direction:column;gap:.5rem}.skeleton-item{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton-ticket-list{background:#fffffff2;border:1px solid rgba(203,213,224,.3);border-radius:8px;padding:.75rem;margin-bottom:.5rem}.skeleton-ticket-item{display:flex;flex-direction:column;gap:.5rem}.skeleton-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skeleton-ticket-id{width:60px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-ticket-status{width:80px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:12px}.skeleton-ticket-title{width:100%;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-ticket-meta{display:flex;justify-content:space-between;align-items:center}.skeleton-ticket-priority{width:60px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:10px}.skeleton-ticket-date{width:80px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-ticket-detail{background:#fffffff2;border:1px solid rgba(203,213,224,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.skeleton-ticket-description{width:100%;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin:.5rem 0}.skeleton-sidebar-ticket{background:#fffffff2;border:1px solid rgba(203,213,224,.3);border-radius:8px;padding:.5rem;margin-bottom:.5rem}.skeleton-ticket-issue{width:100%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin:.3rem 0}.skeleton-ticket-badges{display:flex;gap:.4rem;margin-top:.3rem}.skeleton-badge{width:50px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}.skeleton-comment{background:#f8fafce6;border:1px solid rgba(226,232,240,.6);border-radius:6px;padding:.75rem;margin-bottom:.5rem}.skeleton-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skeleton-comment-author{width:80px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-comment-time{width:60px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-comment-message{width:100%;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-default{width:100%;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ticket-list-container{padding:12px;background-color:#f8fafc;min-height:calc(100vh - 56px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;z-index:1}.ticket-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.ticket-count{font-size:15px;font-weight:600;color:#374151}.header-controls{display:flex;align-items:center;gap:12px}.search-filter{position:relative}.search-filter .search-input{padding:8px 12px;border:1px solid #d1d5db;background:#fff;font-size:13px!important;color:#374151;transition:all .2s ease;min-width:177px!important;height:26px!important}.search-filter .search-input:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.search-filter .search-input:focus{outline:none;border-color:#035c62;box-shadow:0 0 0 3px #035c621a}.search-filter .search-input::placeholder{color:#9ca3af}.status-filter{position:relative}.status-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease;min-width:130px}.status-dropdown:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.status-dropdown:focus{outline:none;border-color:#035c62;box-shadow:0 0 0 3px #035c621a}.priority-filter{position:relative}.priority-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease;min-width:130px}.priority-dropdown:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.priority-dropdown:focus{outline:none;border-color:#035c62;box-shadow:0 0 0 3px #035c621a}.client-filter{position:relative}.client-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease;min-width:130px}.client-dropdown:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.client-dropdown:focus{outline:none;border-color:#035c62;box-shadow:0 0 0 3px #035c621a}.search-container{margin-bottom:16px}.search-input-wrapper{position:relative;width:100%;max-width:none}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px}.search-input{width:100%;padding:8px 8px 8px 32px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#035c62;box-shadow:0 0 0 3px #035c621a}.search-input::placeholder{color:#9ca3af}.tickets-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:16px}.tickets-table{width:100%;border-collapse:collapse;font-size:14px}.tickets-table thead{background:#035c62;border-bottom:2px solid rgba(255,255,255,.2)}.tickets-table th{padding:8px 12px;text-align:center;font-weight:600;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.3px;border-right:1px solid rgba(255,255,255,.2)}.tickets-table th:last-child{border-right:none}.tickets-table th.sortable{cursor:default;position:relative}.tickets-table th,.tickets-table th:hover,.tickets-table th:active,.tickets-table th:focus{background:#035c62!important;color:#fff!important;transform:none!important;box-shadow:none!important;transition:none!important;cursor:default!important}.tickets-table tr:hover{background:#f8fafc!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.tickets-table tr:hover .ticket-id-cell{color:#035c62!important;font-weight:700}.tickets-table tr:hover .ticket-subject-cell,.tickets-table tr:hover .client-cell{color:#2d3748!important;font-weight:600}.tickets-table tr:hover .priority-badge,.tickets-table tr:hover .status-badge{transform:scale(1.05);box-shadow:0 2px 4px #0003}.tickets-table tr:hover .date-cell{color:#035c62!important;font-weight:600}.tickets-table th.sortable:after{position:absolute;right:8px;opacity:.5;font-size:12px}.ticket-row{cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.ticket-row:last-child{border-bottom:none}.tickets-table td{padding:8px 12px;vertical-align:middle;text-align:center;border-right:1px solid #f1f5f9}.tickets-table td:last-child{border-right:none}.ticket-id-cell{font-family:Inter,sans-serif;font-weight:500;color:#2d3748;font-size:14px;text-align:left;padding:8px 12px}.offline-indicator{margin-left:6px;font-size:10px;opacity:.7}.ticket-subject-cell{color:#2d3748;font-weight:500;font-size:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:8px 12px;text-transform:uppercase}.client-cell{color:#4a5568;font-weight:500;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:8px 12px}.attachments-cell{max-width:120px;text-align:left;font-size:14px;color:#6b7280;padding:8px 12px}.attachments-list{display:flex;flex-direction:column;gap:2px}.attachment-link{font-size:14px;color:#035c62;font-weight:600;text-decoration:underline;text-underline-offset:2px;width:fit-content}.attachment-link:hover{color:#023e42}.no-attachments{font-size:14px;color:#9ca3af;font-style:italic}.priority-cell{text-align:center}.priority-badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent;transition:all .2s ease;cursor:pointer;background-color:#000;color:#fff}.priority-badge:hover{transform:scale(1.1);box-shadow:0 2px 6px #0003;font-weight:700}.status-cell{text-align:center}.status-badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent;transition:all .2s ease;cursor:pointer;background-color:#000;color:#fff}.status-badge:hover{transform:scale(1.1);box-shadow:0 2px 6px #0003;font-weight:700}.status-badge.status-active{background-color:#f0f9ff;color:#0284c7}.status-badge.status-closed{background-color:#f8fafc;color:#64748b}.status-badge.status-onhold{background-color:#fef3c7;color:#d97706;border-color:#fde68a}.status-badge.status-overdue{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.status-badge.status-assigned{background-color:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.status-badge.status-suspend{background-color:#f1f5f9;color:#475569;border-color:#cbd5e1}.date-cell{color:#6b7280;font-size:14px;white-space:nowrap;text-align:center;padding:8px 12px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-top:16px}.pagination-info{color:#6b7280;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.pagination-info:before{content:"📄";font-size:14px}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-pages{display:flex;align-items:center;gap:4px;margin:0 8px}.pagination-page{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#374151;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:36px;text-align:center;position:relative;overflow:hidden}.pagination-page:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(3,92,98,.1),transparent);transition:left .5s}.pagination-page:hover:before{left:100%}.pagination-page:hover{background-color:#f8fafc;border-color:#035c62;color:#035c62;transform:translateY(-1px);box-shadow:0 4px 8px #035c6226}.pagination-page.active{background:linear-gradient(135deg,#035c62,#024a4f);color:#fff;border-color:#035c62;transform:translateY(-1px);box-shadow:0 6px 16px #035c624d;font-weight:600}.pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#374151;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:36px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(3,92,98,.1),transparent);transition:left .5s}.pagination-btn:hover:before{left:100%}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#035c62;color:#035c62;transform:translateY(-1px);box-shadow:0 4px 8px #035c6226}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.pagination-btn:disabled:hover{background:#fff;border-color:#e2e8f0;color:#9ca3af;transform:none;box-shadow:none}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px;font-weight:500}.loading-message{background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.retry-btn{padding:8px 16px;background:#035c62;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#024a4f;transform:translateY(-1px)}.retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.ticket-list-container{padding:12px}.ticket-list-header{flex-direction:column;gap:16px;align-items:stretch}.header-controls{justify-content:space-between}.tickets-table-container{overflow-x:auto}.tickets-table{min-width:600px}.tickets-table th,.tickets-table td{padding:12px 16px}.ticket-subject-cell{max-width:200px}.client-cell{max-width:150px}.pagination{flex-direction:column;gap:16px;align-items:stretch}.pagination-controls{justify-content:center}}@media (max-width: 480px){.ticket-list-container{padding:8px}.tickets-table th,.tickets-table td{padding:8px 12px;font-size:14px}.ticket-subject-cell{max-width:150px}.client-cell{max-width:120px}.priority-badge,.status-badge{font-size:14px;padding:2px 8px}.search-input{font-size:16px}}@media (min-width: 1200px){.ticket-list-container{max-width:100%;width:100%;padding:16px}.tickets-table{font-size:14px}.tickets-table th,.tickets-table td{padding:14px 20px}}@media (min-width: 992px) and (max-width: 1199px){.ticket-list-container{padding:14px}.tickets-table th,.tickets-table td{padding:12px 18px}}@media (min-width: 768px) and (max-width: 991px){.ticket-list-container{padding:12px}.ticket-list-header{flex-direction:column;gap:16px;align-items:stretch}.header-controls{justify-content:space-between}.tickets-table-container{overflow-x:auto}.tickets-table{min-width:600px}.tickets-table th,.tickets-table td{padding:10px 14px}.ticket-subject-cell{max-width:200px}.client-cell{max-width:150px}.pagination{flex-direction:column;gap:16px;align-items:stretch}.pagination-controls{justify-content:center}}@media (min-width: 481px) and (max-width: 767px){.ticket-list-container{padding:10px}.ticket-list-header{flex-direction:column;gap:12px;align-items:stretch}.header-controls{flex-direction:column;gap:8px}.tickets-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tickets-table{min-width:500px;font-size:14px}.tickets-table th,.tickets-table td{padding:8px 10px}.ticket-subject-cell{max-width:150px}.client-cell{max-width:120px}.priority-badge,.status-badge{font-size:14px;padding:2px 6px}.pagination{flex-direction:column;gap:12px;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}}.ticket-row{animation:fadeIn .3s ease-out}.ticket-row:focus{outline:2px solid #035c62;outline-offset:2px}.search-input:focus,.status-dropdown:focus,.priority-dropdown:focus,.client-dropdown:focus,.pagination-page:focus,.pagination-btn:focus,.retry-btn:focus{outline:2px solid #035c62;outline-offset:2px}@media (prefers-contrast: high){.priority-badge,.status-badge{border-width:2px}}@media (prefers-reduced-motion: reduce){.ticket-row,.priority-badge,.status-badge,.pagination-page,.pagination-btn,.retry-btn{transition:none}.ticket-row,.ticket-list-container{animation:none}}.no-records-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:8px;border:1px solid #e2e8f0;margin:16px 0}.no-records-icon{font-size:48px;margin-bottom:16px;opacity:.6}.no-records-found h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.no-records-found p{font-size:14px;color:#6b7280;margin:0 0 20px;max-width:400px}.no-records-suggestions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px;text-align:left;max-width:300px}.no-records-suggestions p{font-size:12px;font-weight:600;color:#374151;margin:0 0 8px}.no-records-suggestions ul{margin:0;padding-left:16px;font-size:12px;color:#6b7280}.no-records-suggestions li{margin-bottom:4px}.comment-loader{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;margin:0;box-shadow:0 8px 32px #00000026;animation:fadeIn .3s ease;min-width:300px;max-width:400px;width:90%}.comment-loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}.comment-loader-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #035c62;border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){animation-delay:-.4s;border-top-color:#10b981;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.8s;border-top-color:#3b82f6;width:60%;height:60%;top:20%;left:20%}.comment-loader-text{display:flex;flex-direction:column;align-items:center;gap:8px}.loader-message{font-size:16px;font-weight:600;color:#2d3748;text-align:center}.loader-dots{display:flex;gap:4px}.loader-dots span{width:6px;height:6px;background:#035c62;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loader-dots span:nth-child(1){animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}.loader-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.comment-loader{padding:30px 20px;margin:0;min-width:280px;max-width:350px}.comment-loader-spinner{width:50px;height:50px}.loader-message{font-size:14px}}.ticket-detail-container{padding-top:60px;position:fixed;inset:0;display:flex!important;background:#fff;z-index:1000;overflow:hidden;width:100vw;height:100vh;will-change:transform;contain:layout style paint}.ticket-list-sidebar{width:300px;background:#fff;border-right:2px solid #cbd5e0;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{height:32px;display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;background:#f8fafc;color:#000;border-bottom:1px solid #e2e8f0}.sidebar-header .back-btn{background:none;border:none;color:#035c62;font-size:1.2rem;cursor:pointer;padding:.3rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;font-weight:600}.sidebar-header .back-btn:hover{background:#035c621a;transform:scale(1.05)}.sidebar-search{display:none}.sidebar-search-input{flex:1;padding:.25rem .4rem;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;background:#fff;height:1.6rem}.sidebar-search-input:focus{outline:none;border-color:#035c62;box-shadow:0 0 0 2px #035c621a}.sidebar-search-input::placeholder{color:#9ca3af;font-size:13px}.sidebar-filter{padding:.4rem .5rem;border-bottom:1px solid #e2e8f0}.status-dropdown,.priority-dropdown{width:100%;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;padding:.25rem .4rem;font-size:13px!important;color:#4a5568;cursor:pointer;height:1.6rem}.status-dropdown:focus,.priority-dropdown:focus{outline:none;border-color:#035c62;box-shadow:0 0 0 2px #035c621a}.sidebar-tickets{flex:1;overflow-y:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(72,207,213,.3) transparent}.sidebar-tickets::-webkit-scrollbar{width:6px}.sidebar-tickets::-webkit-scrollbar-track{background:transparent}.sidebar-tickets::-webkit-scrollbar-thumb{background:#48cfd54d;border-radius:3px}.sidebar-tickets::-webkit-scrollbar-thumb:hover{background:#48cfd580}.sidebar-ticket-item{padding:.5rem;background:#fffffff2;border:1px solid rgba(203,213,224,.3);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 2px 6px #0000000f;position:relative}.sidebar-ticket-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:all .3s ease}.sidebar-ticket-item:hover:before{background:#d1d5db}.sidebar-ticket-item:hover{background:#e5e7eb;border-color:#d1d5db;box-shadow:0 3px 10px #0000001a;transform:translateY(-1px)}.sidebar-ticket-item.active{background:#e5e7eb;color:#374151;border-color:#d1d5db;box-shadow:0 6px 20px #0000001a;transform:translateY(-1px)}.sidebar-ticket-id{font-size:.65rem;font-weight:700;margin-bottom:.25rem;color:#1a202c;letter-spacing:.025em}.sidebar-ticket-issue{font-size:.6rem;color:#64748b;margin-bottom:.2rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.sidebar-ticket-client{font-size:.5rem;color:#94a3b8;margin-bottom:.4rem;line-height:1.2;font-weight:400;font-style:italic}.sidebar-ticket-badges{display:flex;gap:.4rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}.sidebar-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fffffff2;border-top:1px solid rgba(203,213,224,.3);backdrop-filter:blur(10px)}.sidebar-pagination-info{color:#6b7280;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.sidebar-pagination-info:before{content:"📄";font-size:14px}.sidebar-pagination-controls{display:flex;align-items:center;gap:4px}.sidebar-pagination-btn{padding:6px 10px;border:1px solid #e2e8f0;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:28px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sidebar-pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(3,92,98,.1),transparent);transition:left .5s}.sidebar-pagination-btn:hover:before{left:100%}.sidebar-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#035c62;color:#035c62;transform:translateY(-1px);box-shadow:0 2px 6px #035c6226}.sidebar-pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.sidebar-pagination-btn:disabled:hover{background:#fff;border-color:#e2e8f0;color:#9ca3af;transform:none;box-shadow:none}.sidebar-ticket-priority:hover,.sidebar-ticket-status:hover{transform:translateY(-.5px);box-shadow:0 2px 6px #0000001f}.sidebar-ticket-item.active .sidebar-ticket-issue{color:#323232cc}.sidebar-ticket-priority{font-size:.5rem;font-weight:600;padding:.25rem .5rem;border-radius:8px;display:inline-block;text-transform:uppercase;letter-spacing:.05em;min-width:50px;text-align:center;line-height:1.2;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px)}.sidebar-ticket-item.active .sidebar-ticket-priority{background:#fff3;color:#fff}.priority-high{background:#035c62;color:#742a2a;border-color:#feb2b2}.priority-medium{background:#035c62;color:#744210;border-color:#fbd38d}.priority-low{background:#035c62;color:#22543d;border-color:#9ae6b4}.sidebar-ticket-status{font-size:.5rem;font-weight:600;padding:.25rem .5rem;border-radius:8px;display:inline-block;text-transform:uppercase;letter-spacing:.05em;min-width:50px;text-align:center;line-height:1.2;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px)}.sidebar-ticket-item.active .sidebar-ticket-status{background:#e5e7eb;color:#fff}.status-active{background:#035c62;color:#22543d;border-color:#9ae6b4}.sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#718096;font-size:.875rem}.sidebar-loading .loading-spinner{width:20px;height:20px}.sidebar-error{padding:1rem;text-align:center;color:#e53e3e;background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;margin:.5rem}.sidebar-error-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.sidebar-retry-btn,.sidebar-clear-cache-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sidebar-retry-btn:hover{background:#f7fafc;border-color:#035c62;color:#035c62}.sidebar-clear-cache-btn:hover{background:#f7fafc;border-color:#e53e3e;color:#e53e3e}.sidebar-no-tickets{padding:2rem;color:#718096;font-size:.875rem;text-align:center}.ticket-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#718096;font-size:1rem}.ticket-loading .loading-spinner{width:30px;height:30px;border:3px solid #e2e8f0;border-top:3px solid #48cfd5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.ticket-error{padding:2rem;color:#e53e3e;font-size:1rem;text-align:center;background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;margin:1rem}.status-closed{background:#035c62;color:#742a2a;border-color:#feb2b2}.status-onhold{background:#035c62;color:#744210;border-color:#fbd38d}.status-overdue{background:#035c62;color:#742a2a;border-color:#feb2b2}.status-assigned{background:#bee3f8;color:#2a4365}.status-suspend{background:#e2e8f0;color:#4a5568}.comments-section{flex:2!important;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e2e8f0;min-height:0;height:100vh;overflow:hidden;position:relative;padding:.5rem;padding-bottom:0}.comments-header{display:flex;align-items:center;gap:.25rem;padding:.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;margin:-.5rem -.5rem .5rem}.comments-header h3{margin:0;font-size:.625rem;font-weight:600;color:#2d3748}.comments-list{flex:1;padding:.125rem;overflow-y:auto;display:flex;flex-direction:column;gap:.125rem;min-height:0;max-height:calc(100vh - 250px);background:#fff;margin-bottom:.5rem;position:relative}.comment-item{display:flex;align-items:flex-start;gap:.25rem;padding:.25rem;margin-bottom:.25rem;background:#fff}.comment-avatar{width:24px;height:24px;border-radius:50%;background:#035c62;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;margin-top:.125rem}.comment-bubble{background:#f1f5f9;border-radius:8px;padding:.375rem;max-width:70%;position:relative;box-shadow:0 1px 2px #0000001a}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem}.comment-author{font-weight:600;color:#2d3748;font-size:14px;margin:0}.comment-timestamp{font-size:14px;color:#6b7280;display:flex;align-items:center;gap:.125rem;margin-left:18px}.comment-timestamp:before{margin-right:.125rem}.comment-message{font-size:14px;color:#374151;line-height:1.2;margin:0;margin-bottom:.25rem}.comment-attachments{margin-top:.25rem;padding-top:.25rem;border-top:1px solid #e5e7eb}.attachment-item{display:flex;align-items:center;gap:.5rem;padding:8px 12px;font-size:.875rem;color:#6b7280;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:4px 0;transition:all .2s ease;cursor:pointer}.attachment-item:hover{background:#e2e8f0;border-color:#035c62;transform:translateY(-1px);box-shadow:0 2px 4px #035c621a}.attachment-item[style*=pointer]:hover .attachment-link{color:#024a4f;text-decoration:underline}.attachment-icon{color:#035c62;font-size:1rem;flex-shrink:0}.add-comment-section::-webkit-scrollbar{width:6px}.add-comment-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.add-comment-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.add-comment-section::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.add-comment-section h4{display:none}.comment-form{display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden;background:transparent;border:none;border-radius:8px;padding:0;height:auto;flex:1;min-height:0}.add-comment-section{background:#fff;flex-shrink:0;min-height:80px;max-height:200px;border-top:1px solid #c2cdce;margin-bottom:2.5rem;display:flex;flex-direction:column;overflow-y:auto;position:fixed;bottom:.5rem;z-index:1000;width:100%}.comment-textarea{width:100%;padding:1rem;border-radius:8px;font-family:inherit;resize:none;min-height:3rem;max-height:120px;background:#fff;line-height:1.4;outline:none;flex-shrink:0}.comment-textarea:focus{outline:none}.comment-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:nowrap;flex-shrink:0;min-height:50px;padding:.75rem;background:#fff;border-radius:8px;position:relative;margin-top:.5rem;z-index:10}.formatting-icons{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:6px}.formatting-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:500}.formatting-icon:hover{background:#e2e8f0;color:#374151;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.attachment-btn{display:flex;align-items:center;gap:.125rem;padding:.125rem .25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;color:#6b7280;font-size:.5rem;cursor:pointer;transition:all .2s ease}.attachment-btn:hover{background:#edf2f7;border-color:#cbd5e0}.attachment-btn:active{transform:scale(.98)}.add-comment-btn{width:40px;height:40px;background:#035c62;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #035c6233}.add-comment-btn:hover:not(:disabled){background:#024a4f;transform:translateY(-1px);box-shadow:0 2px 8px #035c624d}.add-comment-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;opacity:.7}.ticket-attachments{margin:.75rem 0;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.ticket-attachments h3{margin:0 0 .5rem;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:.25rem}.ticket-attachments h3:before{content:""}.attachment-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease;cursor:pointer}.attachment-item:hover{background:#f8fafc;border-color:#035c62;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.attachment-content{display:flex;align-items:center;gap:.5rem;flex:1}.attachment-link{color:#035c62;font-weight:500;font-size:14px;flex:1;display:flex;align-items:center;gap:4px;padding-left:5px}.external-link-icon{font-size:.75rem;opacity:.7;transition:opacity .2s ease}.attachment-item:hover .external-link-icon{opacity:1}.loading-spinner{font-size:.75rem;animation:spin 1s linear infinite;color:#035c62}.attachment-name{color:#374151;font-weight:500;font-size:.875rem;flex:1}.attachment-size{color:#6b7280;font-size:.75rem;font-weight:400}.attachment-icon{font-size:.75rem;color:#6b7280}.attachment-link:hover{background:#dbeafe;color:#1d4ed8}.no-attachments{text-align:center;padding:.5rem;color:#6b7280;font-style:normal}.no-attachments p{margin:0;font-size:.7rem}.comment-attachments{margin-top:.25rem;padding-top:.25rem;border-top:1px solid #f1f5f9}.comment-attachment{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:#f8fafc;border-radius:3px;border:1px solid #e2e8f0;margin-bottom:.25rem}.attachment-icon{font-size:.7rem}.attachment-name{font-size:.3rem;color:#2d3748;font-weight:500}.attachments-label{font-size:.3rem;font-weight:600;color:#4a5568;margin-bottom:.25rem}.selected-files{margin-bottom:.25rem;display:flex;flex-direction:column;gap:.125rem;max-height:60px;overflow-y:auto;flex-shrink:0;padding:.25rem;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.selected-files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem;padding:.125rem 0;border-bottom:1px solid #e2e8f0}.file-count{font-size:.5rem;font-weight:600;color:#2d3748}.file-limit-warning{font-size:.45rem;color:#d97706;font-weight:500;background:#fef3c7;padding:.125rem .25rem;border-radius:2px;border:1px solid #fde68a}.selected-file{display:flex;align-items:center;gap:.125rem;padding:.125rem;background:#f0f9ff;border-radius:2px;border:1px solid #bae6fd}.file-icon{font-size:.5rem}.file-name{font-size:.5rem;color:#2d3748;font-weight:500}.file-size{font-size:.5rem;color:#718096}.remove-file-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#fff;cursor:pointer;margin-left:auto}.remove-file-btn:hover{background:#fecaca}.ticket-detail-section{flex:1!important;padding:.5rem;overflow-y:auto;background:#fff;box-shadow:inset 0 0 20px #00000005}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.ticket-id{font-size:14px;font-weight:700;color:#2d3748}.ticket-header-actions{display:flex;align-items:center;gap:8px}.close-btn{background:none;border:none;font-size:1rem;color:#a0aec0;cursor:pointer;padding:.125rem}.ticket-title{font-size:14px;font-weight:700;color:#2d3748;margin-bottom:.5rem;margin-top:0}.ticket-description{margin-bottom:.75rem}.ticket-description p{font-size:14px;color:#4a5568;line-height:1.3;margin:0}.ticket-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;background:#f8fafccc;padding:.5rem;border-radius:6px;border:1px solid rgba(226,232,240,.5);backdrop-filter:blur(5px)}.meta-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.meta-label{font-weight:600;color:#4a5568}.meta-value{color:#2d3748}.status-container{display:flex;align-items:center;gap:.25rem}.status-icon{color:#f6ad55;font-size:.625rem}.status-text{color:#2d3748}.priority-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent;transition:all .2s ease;cursor:pointer;background-color:#000;color:#fff}.attachments-section{margin-bottom:.75rem;background:#f0f9ffcc;padding:.5rem;border-radius:6px;border:1px solid rgba(191,219,254,.5);backdrop-filter:blur(5px)}.attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.attachments-header h3{font-size:.7rem;font-weight:600;color:#2d3748;margin:0}.attachment-link{font-size:14px}.show-all-btn{background:none;border:none;color:#48cfd5;font-size:.7rem;cursor:pointer;text-decoration:underline}.attachments-list{display:block}.attachment-item{display:flex;align-items:center;padding:.25rem;background:#f8fafc;border-radius:3px;border:1px solid #e2e8f0}.attachment-name{font-size:.6rem;color:#2d3748;font-weight:500}.attachment-size{font-size:.5rem;color:#718096}.download-btn{background:#48cfd5;color:#fff;border:none;border-radius:3px;padding:.125rem .375rem;font-size:.7rem;cursor:pointer}.customer-info-section{background:#f0fdf4cc;padding:.5rem;border-radius:6px;border:1px solid rgba(187,247,208,.5);backdrop-filter:blur(5px)}.customer-info-section h3{font-size:.625rem;font-weight:600;color:#2d3748;margin:0 0 .25rem}.customer-details{display:flex;flex-direction:column;gap:.25rem}.customer-item{display:flex;justify-content:space-between;align-items:center}.customer-label{font-size:.625rem;color:#4a5568;font-weight:500}.customer-value{font-size:.625rem;color:#2d3748}.temperament-badge{background:#bee3f8;color:#2b6cb0;padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600}@media (max-width: 768px){.ticket-detail-container{position:fixed;inset:0;flex-direction:column;z-index:101}.ticket-list-sidebar{width:100%;height:40vh;border-right:none;border-bottom:2px solid #e2e8f0}.comments-section{border-right:none;border-bottom:2px solid #e2e8f0;min-height:50vh;max-height:50vh;height:50vh}.comments-list{max-height:calc(50vh - 200px)}.add-comment-section{height:150px;min-height:150px;max-height:150px}.ticket-detail-section{min-height:50vh}.comment-actions{flex-direction:column;gap:.5rem;align-items:stretch}.attachment-btn{width:100%;justify-content:center;padding:.5rem;font-size:.6rem}.add-comment-btn{width:100%;padding:.5rem;font-size:.6rem}.comment-textarea{padding:.5rem}}@media (min-width: 1200px){.ticket-detail-container{max-width:100%;width:100%;margin:0}.ticket-list-sidebar{width:350px}.ticket-details-section{padding:2rem}.comments-section{width:400px}}@media (min-width: 992px) and (max-width: 1199px){.ticket-detail-container{max-width:100%}.ticket-list-sidebar{width:320px}.ticket-details-section{padding:1.5rem}.comments-section{width:350px}}@media (min-width: 768px) and (max-width: 991px){.ticket-detail-container{flex-direction:row}.ticket-list-sidebar{width:280px}.ticket-details-section{padding:1rem}.comments-section{width:300px}.comments-list{max-height:calc(100vh - 250px)}}@media (min-width: 481px) and (max-width: 767px){.ticket-detail-container{position:fixed;inset:0;flex-direction:column;z-index:101}.ticket-list-sidebar{width:100%;height:35vh;border-right:none;border-bottom:2px solid #e2e8f0}.ticket-details-section{padding:1rem;height:65vh;overflow-y:auto}.comments-section{display:none}}@media (max-width: 480px){.ticket-detail-container{position:fixed;inset:0;flex-direction:column;z-index:101}.ticket-list-sidebar{width:100%;height:30vh;border-right:none;border-bottom:2px solid #e2e8f0}.ticket-details-section{padding:.5rem;height:70vh;overflow-y:auto}.ticket-title{font-size:1.2rem}.ticket-meta{flex-direction:column;gap:.5rem}.meta-item{flex-direction:column;align-items:flex-start;gap:.25rem}.attachments-section{padding:.25rem}.attachments-header h3{font-size:.5rem}.attachment-item{flex-direction:column;align-items:flex-start;gap:.25rem}.comment-actions{flex-direction:column;gap:.4rem;align-items:stretch}.attachment-btn{width:100%;justify-content:center;padding:.4rem;font-size:.55rem}.add-comment-btn{width:100%;padding:.4rem;font-size:.55rem}.comment-textarea{padding:.4rem;height:30px}.selected-files{max-height:50px}.comments-section{display:none}}.sidebar-no-tickets{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;text-align:center;background:#fff;border-radius:6px;border:1px solid #e2e8f0;margin:8px}.sidebar-no-records-icon{font-size:24px;margin-bottom:8px;opacity:.6}.sidebar-no-tickets h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 4px}.sidebar-no-tickets p{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.4}.sidebar-no-records-suggestions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:8px;text-align:left;width:100%}.sidebar-no-records-suggestions p{font-size:14px;font-weight:600;color:#374151;margin:0 0 4px}.sidebar-no-records-suggestions ul{margin:0;padding-left:12px;font-size:14px;color:#6b7280}.sidebar-no-records-suggestions li{margin-bottom:2px}.comments-section{contain:layout style;transform:translateZ(0)}.comment-form.loading{opacity:.7;pointer-events:none;transform:scale(.98);transition:all .3s ease}.comment-form.loading .comment-textarea{background:#f8fafc;border-color:#e2e8f0}.comment-form.loading .comment-submit-btn{background:#cbd5e0;cursor:not-allowed}.no-comments{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-style:normal}.comments-loading-container{display:flex;align-items:center;justify-content:center;min-height:120px;width:100%;padding:1rem}.fullscreen-loader-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;border:none;animation:fadeIn .3s ease}.comment-uploading-container,.comment-refreshing-container{position:fixed;inset:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;border:none}.retry-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;margin-top:.5rem;transition:background-color .2s}.retry-btn:hover{background:#2563eb}.ticket-loading,.sidebar-loading{contain:layout style paint}.sidebar-ticket-item,.comment-item{contain:layout style;transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed!important;inset:0!important;background:#0009;display:flex;align-items:center;justify-content:center;z-index:15000!important;backdrop-filter:blur(4px);padding:20px;box-sizing:border-box;overflow:hidden;isolation:isolate;transform:translateZ(0);will-change:transform}.modal-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:6px;box-shadow:0 6px 15px #0003;max-width:400px;width:100%;max-height:calc(100vh - 20px);overflow:hidden;position:relative;border:1px solid rgba(72,207,213,.2);backdrop-filter:blur(5px);display:flex;flex-direction:column;margin:0 auto;z-index:15001!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.2);background:#035c62;color:#fff;border-radius:4px 4px 0 0;box-shadow:0 1px 3px #0000001a}.modal-header h2{font-size:.85rem;font-weight:600;margin:0;font-family:Inter,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1)}.close-btn{border:none;border-radius:50%;width:24px;height:24px;color:#fff;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{transform:scale(1.1)}.ticket-form{padding:.5rem;background:#fffffff2;overflow-y:auto;flex:1;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.form-section{margin-bottom:.3rem;background:#f8fafce6;padding:.35rem;border-radius:3px;border:1px solid rgba(226,232,240,.6);backdrop-filter:blur(4px);box-shadow:0 1px 2px #0000000d}.form-section h3{font-size:.7rem;font-weight:600;color:#2d3748;margin:0 0 .3rem;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.2rem}.form-group.full-width{width:100%}.required{color:#dc2626;font-weight:700}input::placeholder,textarea::placeholder{font-size:10px!important;line-height:1.2}.form-group{display:flex;flex-direction:column;gap:.1rem}.form-group label{font-size:.75rem;font-weight:600;color:#4a5568;font-family:Inter,sans-serif}.modal-container .form-group input,.modal-container .form-group textarea,.modal-container .form-group select{padding:.25rem;border:1px solid #e2e8f0;border-radius:3px;font-size:.7rem;font-family:Inter,sans-serif;background:#fffffff2;transition:all .2s ease}.modal-container .form-group input:focus,.modal-container .form-group textarea:focus,.modal-container .form-group select:focus{transform:translateY(-1px)}.modal-container .form-group textarea{resize:vertical;min-height:126px;font-family:Inter,sans-serif;line-height:1.3}.form-actions{display:flex;justify-content:flex-end;gap:.3rem;padding:.3rem;border-top:1px solid #e2e8f0;margin-top:auto;background:#f8fafce6;border-radius:3px;flex-shrink:0;position:sticky;bottom:0;z-index:10}.cancel-btn{background:#f7fafc!important;border:1px solid #e2e8f0!important;border-radius:3px!important;padding:.25rem .5rem!important;font-size:.7rem!important;color:#4a5568!important;cursor:pointer!important;transition:all .2s ease!important;font-family:Inter,sans-serif!important;font-weight:600!important;box-shadow:0 1px 2px #0000000d}.cancel-btn:hover{background:#edf2f7!important;border-color:#cbd5e0!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000001a}.submit-btn{background:#035c62!important;border:none;border-radius:3px!important;padding:.25rem .5rem!important;font-size:.7rem!important;color:#fff!important;cursor:pointer;transition:all .2s ease!important;font-family:Inter,sans-serif!important;font-weight:600!important;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 4px #48cfd54d;text-shadow:0 1px 2px rgba(0,0,0,.1)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #48cfd566}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-overlay{padding:10px 5px 5px;align-items:flex-start}.modal-container{width:100%;max-width:100%;max-height:calc(100vh - 10px);margin:0}.ticket-form{padding:.5rem;max-height:calc(100vh - 60px)}.form-section{padding:.5rem;margin-bottom:.5rem}.form-row{grid-template-columns:1fr;gap:.25rem}.form-group.full-width{margin-bottom:.25rem}input::placeholder,textarea::placeholder{font-size:8px!important;line-height:1.1}.form-actions{flex-direction:column;padding:.5rem}.cancel-btn,.submit-btn{width:100%;padding:.375rem}}@media (max-width: 480px){.modal-overlay{padding:5px 2px 2px;align-items:flex-start}.modal-container{max-height:calc(100vh - 4px)}.ticket-form{padding:.375rem;max-height:calc(100vh - 50px)}.form-section{padding:.375rem;margin-bottom:.375rem}.modal-header{padding:.5rem}.form-actions{padding:.375rem}}@media (max-height: 600px){.modal-overlay{align-items:flex-start;padding-top:10px}.modal-container{max-height:calc(100vh - 20px)}.ticket-form{max-height:calc(100vh - 100px)}}.modal-overlay,.modal-overlay *{z-index:2147483647!important;position:relative!important}.modal-container{z-index:2147483646!important;position:relative!important}body .modal-overlay{z-index:2147483647!important;position:fixed!important;inset:0!important}.file-input{display:none}.file-input-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;text-align:center;justify-content:center;min-height:40px}.file-input-label:hover{background:#edf2f7;border-color:#48cfd5;color:#48cfd5}.attachments-list{margin-top:.4rem;margin-left:2.7rem;max-height:120px;overflow-y:auto}.attachments-list h4{font-size:.875rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:.3rem;background:#fff;border:1px solid #e2e8f0;border-radius:3px;margin-bottom:.3rem}.attachment-item:last-child{margin-bottom:0}.file-name{font-size:.575rem;color:#2d3748;font-weight:500;flex:1}.file-size{font-size:.625rem;color:#718096;margin:0 .5rem}.remove-attachment-btn{background:#fed7d7;border:1px solid #fecaca;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#c53030;cursor:pointer;transition:all .2s ease}.remove-attachment-btn:hover{background:#fecaca;transform:scale(1.1)}.error-message{background:#fed7d7;color:#742a2a;padding:.75rem 1rem;border-radius:6px;margin:1rem 0;display:flex;align-items:center;gap:.5rem;font-size:.875rem;border:1px solid #feb2b2}.success-message{background:#c6f6d5;color:#22543d;padding:.75rem 1rem;border-radius:6px;margin:1rem 0;display:flex;align-items:center;gap:.5rem;font-size:.875rem;border:1px solid #9ae6b4}.error-icon,.success-icon{font-size:1rem}.drag-drop-area{border:2px dashed #cbd5e0;border-radius:8px;padding:1.5rem;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer;min-height:120px;display:flex;align-items:center;justify-content:center}.drag-drop-area.drag-over{border-color:#48cfd5;background:#e6fffa;transform:scale(1.02)}.drag-drop-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drag-drop-icon{font-size:2rem;margin-bottom:.5rem}.drag-drop-text{font-size:.875rem;font-weight:600;color:#2d3748;margin:0}.drag-drop-subtext{font-size:.75rem;color:#718096;margin:0}.attachment-info{margin-bottom:.75rem}.attachment-limit-message{background:#e6fffa;color:#234e52;padding:.5rem .75rem;border-radius:6px;font-size:.575rem;font-weight:500;margin:0;border:1px solid #81e6d9;display:flex;align-items:center;gap:.5rem}.file-input-label.disabled{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;opacity:.6}.file-input-label.disabled:hover{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;transform:none}.limit-reached-message{background:#fef5e7;color:#744210;padding:.5rem .75rem;border-radius:6px;font-size:.45rem;font-weight:500;margin:.5rem 0 0;border:1px solid #f6e05e;display:flex;align-items:center;gap:.5rem}.attachments-list h4{color:#2d3748;font-weight:600;font-size:.5rem;display:flex;align-items:center;gap:.5rem}.attachments-list h4:after{content:"";flex:1;height:1px;background:#e2e8f0;margin-left:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loading-small{min-height:100px}.loading-medium{min-height:200px}.loading-large{min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-message{color:#6c757d;font-size:16px;margin:0}*,.ticket-list-container *,.ticket-detail-container *,.login-container *,.header *,.modal-overlay *,.modal-container *{box-sizing:border-box}.ticket-list-container,.ticket-detail-container,.login-container,.header,.modal-overlay{isolation:isolate}.ticket-list-container input,.ticket-list-container button,.ticket-list-container select,.ticket-list-container textarea,.ticket-detail-container input,.ticket-detail-container button,.ticket-detail-container select,.ticket-detail-container textarea,.login-container input,.login-container button,.login-container select,.login-container textarea,.header input,.header button,.header select,.header textarea,.modal-overlay input,.modal-overlay button,.modal-overlay select,.modal-overlay textarea{font-family:inherit;font-size:inherit;line-height:inherit}.header{z-index:99999!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}.ticket-detail-container{z-index:1000}.modal-overlay{z-index:15000}.modal-container{z-index:15001}.user-dropdown{z-index:999999!important;position:fixed!important}.ticket-list-container{z-index:1}.ticket-list-container,.ticket-list-container *,.ticket-detail-container,.ticket-detail-container *,.login-container,.login-container *,.header,.header *,.modal-overlay,.modal-overlay *,.modal-container,.modal-container *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ticket-list-container{position:relative;z-index:1;isolation:isolate}.ticket-detail-container{position:fixed;z-index:1000;isolation:isolate}.login-container{position:relative;z-index:1}.header{position:fixed;z-index:10000;isolation:isolate}.modal-overlay{position:fixed;z-index:15000;isolation:isolate}.ticket-list-container input,.ticket-list-container button,.ticket-list-container select,.ticket-list-container textarea,.ticket-detail-container input,.ticket-detail-container button,.ticket-detail-container select,.ticket-detail-container textarea,.login-container input,.login-container button,.login-container select,.login-container textarea,.header input,.header button,.header select,.header textarea,.modal-overlay input,.modal-overlay button,.modal-overlay select,.modal-overlay textarea,.modal-container input,.modal-container button,.modal-container select,.modal-container textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;padding:0;margin:0}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:none;outline:none;padding:0;margin:0}a{color:inherit;text-decoration:none;background:transparent}.ticket-list-container,.ticket-detail-container,.login-container,.header,.modal-overlay,.modal-container{transform:translateZ(0);will-change:transform;contain:layout style paint;backface-visibility:hidden}.ticket-list-container *,.ticket-detail-container *,.login-container *,.header *,.modal-overlay *,.modal-container *{transform:translateZ(0);backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.ticket-list-container,.ticket-detail-container,.login-container{contain:layout style paint;will-change:auto}}@media print{.ticket-list-container,.ticket-detail-container,.login-container,.header,.modal-overlay,.modal-container{background:#fff!important;color:#000!important;box-shadow:none!important}}.user-dropdown{z-index:999999!important;position:fixed!important;top:60px!important;right:20px!important;background:#fff!important;border:1px solid #035c62!important;box-shadow:0 10px 30px #035c6233!important;border-radius:8px!important;min-width:200px!important;transform:translateZ(0)!important;will-change:transform!important;isolation:isolate!important;overflow:visible!important;display:block!important;margin:0!important;padding:0!important}.dropdown-item{position:relative!important;z-index:1!important;background:#fff!important;color:#4a5568!important;display:flex!important;align-items:center!important;padding:.5rem .75rem!important;text-decoration:none!important;cursor:pointer!important;width:100%!important;text-align:left!important;font-size:.9rem!important;border:none!important;overflow:visible!important;pointer-events:auto!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.dropdown-item:hover{background:#035c621a!important;color:#2d3748!important}.ticket-list-container .user-dropdown,.ticket-detail-container .user-dropdown,.login-container .user-dropdown{z-index:999999!important;position:fixed!important;top:60px!important;right:20px!important}.ticket-list-container,.ticket-detail-container,.login-container{isolation:auto}.modal-overlay~.user-dropdown,.modal-container~.user-dropdown{z-index:999999!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#2d3748;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#035c62;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:1.125rem;font-weight:500;font-family:Inter,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:not(.login-container button){background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}input:not(.login-container input),textarea:not(.login-container textarea),select:not(.login-container select){font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}::selection{background:#035c6233;color:#2d3748}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}.app{min-height:100vh;display:flex;flex-direction:column;padding-top:56px}@media (max-width: 768px){.app{min-height:100vh}}