@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";.notifications-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:350px}.notification-toast{display:flex;align-items:center;padding:1rem;border-radius:.375rem;background-color:var(--surface);box-shadow:0 4px 12px #00000026;transform:translate(120%);opacity:0;transition:transform .3s ease,opacity .3s ease;border-left:4px solid}.notification-toast.exiting{transform:translate(120%);opacity:0}.notification-toast.success{border-left-color:var(--success)}.notification-toast.error{border-left-color:var(--danger)}.notification-toast.warning{border-left-color:var(--warning)}.notification-toast.info{border-left-color:var(--info)}.toast-icon{margin-right:.75rem}.notification-toast.success .toast-icon{color:var(--success)}.notification-toast.error .toast-icon{color:var(--danger)}.notification-toast.warning .toast-icon{color:var(--warning)}.notification-toast.info .toast-icon{color:var(--info)}.toast-content{flex:1;font-size:.9rem}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;margin-left:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.toast-close:hover{background-color:var(--surface-light)}@media (max-width: 576px){.notifications-container{left:1rem;right:1rem;max-width:none}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--background);z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-content p{color:var(--text-secondary);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.theme-switcher{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background-color:transparent;color:var(--primary);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.8125rem;width:120px}.theme-switcher span{display:inline-block;text-align:center;width:100%}.theme-switcher:hover{background-color:#ffc1071a;transform:translateY(-2px)}.theme-switcher.light{background-color:var(--primary-light);color:var(--white)}.theme-switcher.dark{background-color:#2c2c2c;color:#ffb300}.theme-switcher svg{margin-right:.5rem;transition:transform .3s var(--transition-bounce)}.theme-switcher:hover svg{transform:rotate(30deg)}.app-header{background-color:var(--surface);position:sticky;top:0;z-index:10;transition:background-color var(--transition-speed) var(--transition-timing);margin:.75rem .75rem 0;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #00000014;max-width:100%;overflow:hidden}.header-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;width:100%;max-width:100%}.header-title-area{flex:0 0 auto;max-width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-title{font-size:1.5rem;font-weight:600;margin:0;animation:fadeIn .5s ease;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header .page-title,.header-title-area .page-title{color:var(--primary)!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;opacity:1!important;filter:none!important;transition:none!important}.header-controls{display:flex;align-items:center;gap:1rem;flex:0 0 auto;max-width:60%}.notification-wrapper{position:relative;flex-shrink:0}.icon-button{background:none;border:none;color:var(--text-secondary);position:relative;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover,.icon-button.active{background-color:var(--surface-light);color:var(--primary);transform:translateY(-2px)}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:var(--danger);color:#fff;font-size:.7rem;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 4px;box-shadow:0 2px 4px #0003}.notifications-dropdown{position:absolute;top:calc(100% + 10px);right:-10px;width:320px;background-color:var(--surface);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden;animation:slideDown .3s ease forwards}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.notifications-header h3{font-size:1rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;color:var(--primary);font-size:.75rem;cursor:pointer;padding:0}.mark-all-read:hover{text-decoration:underline}.notifications-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;padding:.75rem 1rem;border-bottom:1px solid var(--border);transition:background-color .2s ease;cursor:pointer}.notification-item:hover{background-color:var(--surface-light)}.notification-item.unread{background-color:#0091ea0d}.notification-item.unread:hover{background-color:#0091ea1a}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-right:.75rem;flex-shrink:0}.notification-icon.success{background-color:#4caf5033;color:var(--success)}.notification-icon.info{background-color:#0091ea33;color:var(--primary)}.notification-icon.warning{background-color:#ffc10733;color:var(--warning)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:500;margin-bottom:.25rem;font-size:.875rem}.notification-message{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:.75rem;color:var(--text-secondary);opacity:.8}.notifications-footer{padding:.75rem 1rem;text-align:center;border-top:1px solid var(--border)}.view-all{background:none;border:none;color:var(--primary);font-size:.875rem;cursor:pointer;padding:0}.view-all:hover{text-decoration:underline}.user-info-container{display:flex;align-items:center;gap:.875rem;background-color:var(--surface-light);padding:.5rem .75rem;border-radius:var(--border-radius-lg);transition:all .2s ease;flex-shrink:0;max-width:none}.user-avatar{width:38px;height:38px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0;overflow:hidden}.user-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;line-height:1;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.role-icon{display:flex;align-items:center}.role-name{overflow:visible;white-space:nowrap;text-overflow:unset}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logout-button{display:flex;align-items:center;padding:.5rem .75rem;background-color:transparent;color:var(--danger);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.8125rem;white-space:nowrap;flex-shrink:0}.logout-button:hover{background-color:#f443361a;transform:translateY(-2px)}.logout-button svg{margin-right:.5rem}@media (max-width: 992px){.app-header{margin:0;border-radius:0}}@media (max-width: 768px){.header-container{padding:.75rem 1rem}.page-title{font-size:1.25rem}.header-controls{gap:.5rem}.user-details{min-width:0;overflow:hidden}.notifications-dropdown{width:280px;right:-70px}}@media (max-width: 576px){.logout-button span{display:none}.logout-button svg{margin-right:0}.notifications-dropdown{width:260px;right:-100px}}.user-avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 2px 6px #00000026}.sidebar{position:fixed;top:.75rem;left:0;height:calc(100vh - 1.5rem);width:280px;background-color:var(--surface);color:var(--text-primary);display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;transition:transform var(--transition-speed) var(--transition-timing),box-shadow var(--transition-speed) var(--transition-timing);z-index:1000;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}.sidebar.dark{box-shadow:2px 0 10px #0000004d}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:1.5rem;border-bottom:1px solid var(--border)}.logo{height:70px;display:flex;align-items:center;justify-content:center}.logo img{height:180%;width:auto}.close-btn{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.sidebar-content{flex:1;overflow-y:auto;padding:1rem 0}.user-info{display:none}.avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:.75rem}.user-details h3{font-size:.9rem;margin:0}.user-details p{font-size:.8rem;color:var(--text-secondary);margin:0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:.25rem;padding:0 .75rem}.sidebar-nav li a,.sidebar-nav li button.submenu-toggle{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;transition:all .2s var(--transition-timing);border-radius:.5rem;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-size:.9rem;position:relative;overflow:hidden}.sidebar-nav li a svg,.sidebar-nav li button.submenu-toggle svg:first-child{margin-right:.75rem;color:var(--text-secondary);transition:transform .3s var(--transition-bounce)}.sidebar-nav li.active>a,.sidebar-nav li.active>button.submenu-toggle,.sidebar-nav li a:hover,.sidebar-nav li button.submenu-toggle:hover{background-color:var(--surface-light);color:var(--primary)}.sidebar-nav li.active>a svg,.sidebar-nav li.active>button.submenu-toggle svg:first-child,.sidebar-nav li a:hover svg,.sidebar-nav li button.submenu-toggle:hover svg:first-child{color:var(--primary);transform:scale(1.1)}.sidebar-nav li a:after,.sidebar-nav li button.submenu-toggle:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(0,145,234,.2) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .8s}.sidebar-nav li a:active:after,.sidebar-nav li button.submenu-toggle:active:after{transform:scale(0);opacity:.3;transition:0s}.submenu-toggle{display:flex;justify-content:space-between}.submenu-toggle svg:last-child{margin-left:auto;transition:transform .3s var(--transition-timing)}.submenu{padding-left:2.5rem!important;margin-top:.25rem;margin-bottom:.5rem;animation:slideDown .3s var(--transition-bounce) forwards}.submenu li{padding:0}.submenu li a{padding:.5rem 1rem;font-size:.85rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.logout-btn{display:flex;align-items:center;padding:.75rem;background-color:transparent;color:var(--danger);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:background-color .2s ease;width:auto;margin:0 auto}.logout-btn:hover{background-color:#f443361a}.logout-btn svg{margin-right:.75rem}.menu-toggle{position:fixed;top:1rem;left:1rem;background-color:var(--surface);color:var(--text-primary);border:none;border-radius:.375rem;padding:.5rem;cursor:pointer;box-shadow:0 2px 5px #0000001a;z-index:999;display:none}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease forwards}.character-slot{display:flex;align-items:center;width:100%;padding:.5rem 1rem;background:none;border:none;border-radius:.5rem;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background .2s,color .2s;text-align:left;gap:.75rem}.character-slot.active{background-color:var(--surface-light);color:var(--primary)}.character-slot:hover,.character-slot:focus{background-color:var(--surface-light);color:var(--primary)}.app-container{display:flex;min-height:100vh;background-color:var(--background);overflow-x:hidden;width:100%}.main-content{flex:1;margin-left:280px;transition:margin-left var(--transition-speed) var(--transition-timing);min-height:100vh;display:flex;flex-direction:column;width:calc(100% - 280px);max-width:100%;overflow-x:hidden}.content-wrapper{flex:1;padding:1.5rem;background-color:var(--surface-dark);transition:background-color var(--transition-speed) var(--transition-timing);margin:.75rem;border-radius:var(--border-radius-lg)}@media (max-width: 992px){.main-content{margin-left:0;width:100%}.content-wrapper{margin:.75rem}}@media (max-width: 768px){.content-wrapper{padding:1rem;margin:.5rem}}@media (max-width: 576px){.content-wrapper{margin:.25rem}}.soporte-page{width:100%;max-width:none;padding:2px;color:#fff}.soporte-page,.content-wrapper{height:100%;min-height:0;display:flex;flex-direction:column}.staff-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tab-button{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:var(--text-primary);background-color:var(--surface-light)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.tickets-container{display:flex;flex-direction:column;gap:1.5rem;height:100%}.tickets-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.header-content h2{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.header-content p{color:var(--text-secondary);margin:0}.create-ticket-btn{flex-shrink:0}.filters-card{background:linear-gradient(145deg,#23272f,#1e2329);border:1px solid #2a2f38;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0003;margin-bottom:1.5rem}.filters-container{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap}.search-container{flex:1 1 340px;min-width:260px;max-width:500px}.search-input{width:100%;height:44px;padding:0 16px 0 40px;border:2px solid #2a2f38;border-radius:12px;background:linear-gradient(135deg,#1a1e25,#151922);color:#fff;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #00000026;box-sizing:border-box}.search-input::placeholder{color:#b0b8c1;font-style:italic}.search-input:focus{outline:none;border-color:#0af;box-shadow:0 0 0 3px #0af3,0 4px 12px #0003;background:linear-gradient(135deg,#1e2329,#1a1e25)}.search-container:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300aaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.7;pointer-events:none}.filter-selects{display:flex;gap:1rem;flex-shrink:0;align-items:center}.filter-select{height:44px;padding:0 40px 0 16px;border:2px solid #2a2f38;border-radius:12px;background:linear-gradient(135deg,#1a1e25,#151922);color:#fff;font-size:.9rem;font-weight:500;min-width:160px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b0b8c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-sizing:border-box}.filter-select:hover{border-color:#3a3f48;background:linear-gradient(135deg,#1e2329,#1a1e25);box-shadow:0 4px 12px #0003}.filter-select:focus{outline:none;border-color:#0af;box-shadow:0 0 0 3px #0af3,0 4px 12px #0003;background:linear-gradient(135deg,#1e2329,#1a1e25)}.filter-select option{background:#1a1e25;color:#fff;padding:8px 12px;border:none}.filter-select option:hover{background:#2a2f38}.staff-select option{background:#23272f!important;color:#fff!important}.staff-select option:checked,.staff-select option:hover{background:#0091ea!important;color:#fff!important}@media (max-width: 768px){.filters-container{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.search-container{min-width:auto;max-width:none;width:100%}.filter-selects{justify-content:flex-start;gap:.75rem}.filter-select{flex:1;min-width:120px}}@media (max-width: 900px){.filters-card{padding:1rem}.filters-container{flex-direction:column;align-items:stretch;gap:1rem;justify-content:flex-start}.search-container{min-width:0;max-width:none;width:100%}.filter-selects{justify-content:flex-start;gap:.75rem}}.tickets-list-card{overflow:hidden}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{margin-bottom:1.5rem}.tickets-table{width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#23272f,#1e2329);border:1px solid #2a2f38;box-shadow:0 8px 32px #0000004d}.table-header{display:grid;grid-template-columns:120px 2.5fr 150px 130px 180px 160px 120px;gap:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#1a1e25,#151922);border-bottom:2px solid #2a2f38;font-weight:700;font-size:.85rem;color:#0af;text-transform:uppercase;letter-spacing:.5px;position:relative}.table-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0af,#0091ea,#0af);opacity:.6}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:120px 2.5fr 150px 130px 180px 160px 120px;gap:1.5rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(42,47,56,.5);transition:all .3s ease;position:relative;background:transparent}.table-row:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#0af,#0091ea);opacity:0;transition:opacity .3s ease}.table-row:hover{background:linear-gradient(135deg,#1a1e2599,#15192299)}.table-row:hover:before{opacity:1}.table-row:last-child{border-bottom:none}.table-header.with-user,.table-row.with-user{grid-template-columns:120px 2fr 140px 120px 160px 140px 140px 120px}.table-cell{display:flex;align-items:center;font-size:.9rem;font-weight:500;color:#fff;min-height:24px}.ticket-id{font-family:Monaco,Menlo,SF Mono,monospace;font-weight:700;color:#0af;font-size:.85rem;background:#00aaff1a;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,170,255,.2);letter-spacing:.5px;text-transform:uppercase}.ticket-title-cell{display:flex;align-items:center;gap:.75rem;min-width:0}.ticket-title{font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.4;flex:1}.unread-badge{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 8px #ff47574d;border:1px solid rgba(255,71,87,.4);flex-shrink:0}.priority-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:var(--priority-color);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003;display:inline-flex;align-items:center;justify-content:center;min-width:60px}.priority-media{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ff98004d;border:1px solid rgba(255,152,0,.4)}.category-text{color:#b0b8c1;font-weight:500;font-size:.9rem;background:#b0b8c11a;padding:6px 12px;border-radius:8px;border:1px solid rgba(176,184,193,.2)}.date-cell{display:flex;align-items:center;gap:8px;color:#b0b8c1;font-weight:500;font-size:.85rem}.date-cell svg{color:#0af;opacity:.7}.date-cell span{font-family:Monaco,Menlo,SF Mono,monospace;background:#b0b8c11a;padding:4px 8px;border-radius:6px;border:1px solid rgba(176,184,193,.2)}.user-cell{display:flex;align-items:center;gap:8px;color:#b0b8c1;font-weight:500;font-size:.85rem}.user-cell svg{color:#0af;opacity:.7}.user-cell span{background:#b0b8c11a;padding:4px 8px;border-radius:6px;border:1px solid rgba(176,184,193,.2)}.status-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003;display:inline-flex;align-items:center;justify-content:center;min-width:80px;position:relative;overflow:hidden}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.status-badge:hover:before{left:100%}.status-badge-sm{font-size:.7rem;padding:4px 8px;min-width:60px}.status-badge-lg{font-size:.8rem;padding:8px 16px;min-width:100px}.status-badge-open{background:linear-gradient(135deg,#0091ea,#0277bd);box-shadow:0 2px 8px #0091ea4d;border-color:#0091ea66}.status-badge-progress{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;border-color:#ff980066}.status-badge-pending{background:linear-gradient(135deg,#ffc107,#ffb300);color:#1a1e25;box-shadow:0 2px 8px #ffc1074d;border-color:#ffc10766}.status-badge-resolved{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 8px #4caf504d;border-color:#4caf5066}.status-badge-closed{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 2px 8px #9e9e9e4d;border-color:#9e9e9e66}.status-badge-unassigned{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 2px 8px #6c757d4d;border-color:#6c757d66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.modal-container{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.ticket-form-card{margin:0;background:linear-gradient(145deg,#23272f,#1e2329);border-radius:16px;padding:2rem;box-shadow:0 20px 60px #00000080;border:1px solid #2a2f38;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.close-btn{padding:.5rem}.ticket-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h4{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.required{color:var(--danger)}.form-select{padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--surface);color:var(--text-primary);font-size:.875rem}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0091ea33}.form-select.error{border-color:var(--danger)}.form-select:disabled{background-color:var(--surface-light);color:var(--text-secondary);cursor:not-allowed}.form-textarea{padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--surface);color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:120px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0091ea33}.form-textarea.error{border-color:var(--danger)}.error-message{font-size:.75rem;color:var(--danger);margin-top:.25rem}.info-box{background-color:#0091ea1a;border:1px solid rgba(0,145,234,.2);border-radius:var(--border-radius);padding:1rem;display:flex;gap:.75rem}.info-box svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}.info-box strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.info-box ul{margin:0;padding-left:1rem;color:var(--text-secondary)}.info-box li{margin-bottom:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.ticket-detail-container{width:100%;height:calc(100vh - 180px);display:flex;flex-direction:column;padding:0;box-sizing:border-box}.ticket-detail-header{margin-bottom:8px;margin-top:0;flex-shrink:0}.back-to-support-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#2a2f38,#1e2329);border:1px solid #3a3f48;border-radius:12px;padding:10px 18px;color:#0af;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 2px 8px #00000026}.back-to-support-btn:hover{background:linear-gradient(135deg,#3a3f48,#2a2f38);border-color:#0af;transform:translateY(-2px);box-shadow:0 4px 16px #0af3}.back-to-support-btn svg{transition:transform .3s ease}.back-to-support-btn:hover svg{transform:translate(-3px)}.ticket-detail-layout{display:grid;grid-template-columns:360px 1fr;gap:12px;background:transparent;border-radius:0;box-shadow:none;width:100%;height:100%;min-height:0;max-width:none;margin:0;align-items:stretch;flex:1;padding:0}.ticket-sidebar{background:linear-gradient(145deg,#23272f,#1e2329);padding:10px;border-radius:16px;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;height:100%;box-shadow:0 8px 32px #0000004d;border:1px solid #2a2f38;position:relative;overflow:hidden}.ticket-info-card{background:transparent;border-radius:12px;padding:0;margin-bottom:0;height:100%;display:flex;flex-direction:column}.ticket-info-card h4{font-size:1.15rem;font-weight:700;margin:0 0 20px;color:#fff;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid #00aaff;text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#0af,#0091ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-item{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px;background:linear-gradient(135deg,#1a1e25,#151922);border-radius:12px;border:1px solid #2a2f38;transition:all .3s ease;position:relative;overflow:hidden}.info-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#0af,#0091ea);opacity:0;transition:opacity .3s ease}.info-item:hover:before{opacity:1}.info-item:hover{transform:translate(2px);border-color:#3a3f48;box-shadow:0 4px 16px #0003}.info-item:last-child{margin-bottom:0}.info-label{font-size:.78rem;font-weight:700;color:#0af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:.9rem;color:#fff;font-weight:500}.category-info{display:flex;flex-direction:column;gap:6px}.category-name{font-size:1.05rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.category-description{font-size:.78rem;color:#b0b8c1;line-height:1.5;font-style:italic}.user-info{display:flex;flex-direction:column;gap:6px}.user-name{font-size:1.05rem;font-weight:600;color:#fff}.user-email{font-size:.78rem;color:#b0b8c1;font-family:Monaco,Menlo,monospace}.staff-info{display:flex;align-items:center;gap:12px}.staff-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0af,#0091ea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;overflow:hidden;border:2px solid #00aaff;box-shadow:0 4px 12px #00aaff4d;position:relative}.staff-avatar.unassigned{background:linear-gradient(135deg,#6c757d,#495057);border-color:#6c757d;color:#adb5bd;box-shadow:0 4px 12px #6c757d33}.staff-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.staff-details{display:flex;flex-direction:column;gap:4px;flex:1}.staff-name{font-size:1rem;font-weight:600;color:#fff}.staff-role{font-size:.78rem;color:#b0b8c1;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.staff-unassigned .staff-name{color:#adb5bd}.staff-unassigned .staff-role{color:#6c757d}.date-info{display:flex;align-items:center;gap:10px}.date-text{font-size:.78rem;color:#fff;font-weight:500;background:linear-gradient(135deg,#2a2f38,#1e2329);padding:4px 8px;border-radius:8px;border:1px solid #3a3f48;font-family:Monaco,Menlo,monospace}.ticket-chat{background:linear-gradient(145deg,#23272f,#1e2329);border-radius:16px;display:flex;flex-direction:column;height:100%;min-height:0;box-shadow:0 8px 32px #0000004d;width:100%;max-width:100%;margin:0;padding:0;overflow:hidden;border:1px solid #2a2f38;position:relative}.chat-header{background:transparent;padding:10px 10px 06px;border-bottom:2px solid #2a2f38;display:flex;align-items:center;min-height:47px;flex-shrink:0}.chat-header h4{font-size:1.15rem;font-weight:700;margin:0;color:#fff;text-align:center;width:100%;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#0af,#0091ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ticket-description-box{background:linear-gradient(135deg,#1a1e25,#151922);border:1px solid #2a2f38;border-radius:12px;padding:16px 20px;margin:16px 20px;color:#fff;font-size:.9rem;line-height:1.6;box-shadow:0 4px 12px #0003;position:relative;overflow:hidden}.ticket-description-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0af,#0091ea)}.ticket-description-label{font-size:.8rem;font-weight:700;color:#0af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.ticket-description-text{color:#e0e6ed;font-weight:400;white-space:pre-line;word-break:break-word}.chat-content{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;padding:16px 20px 0;display:flex;flex-direction:column;gap:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#00aaff #2a2f38}.chat-content::-webkit-scrollbar{width:10px}.chat-content::-webkit-scrollbar-track{background:#2a2f38;border-radius:6px;margin:4px}.chat-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0af,#0091ea);border-radius:6px;transition:all .3s ease;border:1px solid #1a1e25}.chat-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0091ea,#0277bd);box-shadow:0 0 8px #0af6}.chat-messages{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.message{display:flex;flex-direction:column;gap:6px;width:100%;margin-bottom:12px;align-items:flex-start}.message-box-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.message-username{font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.message-username.staff{font-weight:700}.message-time{font-size:.8rem;color:#b0b8c1;font-weight:400;margin-left:8px;font-family:Monaco,Menlo,monospace}.message.align-right{align-items:flex-end}.message.align-left{align-items:flex-start}.message-user .message-content,.message-staff .message-content{background:linear-gradient(135deg,#1a1e25,#151922);border:2px solid #2a2f38;border-radius:12px;padding:12px 16px;color:#fff;word-break:break-word;font-size:1rem;box-shadow:0 4px 12px #0000002e;margin-bottom:8px}.message-user.align-right .message-content,.message-staff.align-right .message-content{align-self:flex-end}.message-user.align-left .message-content,.message-staff.align-left .message-content{align-self:flex-start}.message-user .message-content,.message-staff .message-content{background:linear-gradient(135deg,#1a1e25,#151922);border:2px solid #2a2f38}@media (max-width: 600px){.message-user .message-content,.message-staff .message-content{max-width:80%}}.chat-input{background:transparent;padding:8px 20px 10px;border-top:2px solid #2a2f38;display:flex;gap:12px;align-items:center;flex-shrink:0;margin-top:auto;box-sizing:border-box}.message-input{flex:1;background:linear-gradient(135deg,#1a1e25,#151922);border:2px solid #2a2f38;border-radius:14px;padding:8px 12px;color:#fff;font-size:.9rem;resize:none;min-height:32px;max-height:64px;font-family:inherit;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.message-input::placeholder{color:#b0b8c1;font-size:.9rem;font-style:italic}.message-input:focus{outline:none;border-color:#0af;box-shadow:0 0 0 3px #0af3,0 4px 12px #00000026;background:linear-gradient(135deg,#1e2329,#1a1e25)}.send-btn{background:linear-gradient(135deg,#0af,#0091ea);border:none;border-radius:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;font-size:1rem;padding:0;box-shadow:0 4px 16px #0af6;position:relative;overflow:hidden}.send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.send-btn:hover:before{left:100%}.send-btn:hover{background:linear-gradient(135deg,#0091ea,#0277bd);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 24px #00aaff80}.send-btn:active{transform:translateY(0) scale(.98)}.soporte-avatar-img{width:36px;height:36px;border-radius:50%;background:#2a2f38;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;overflow:hidden;border:2px solid #3a3f48;box-shadow:0 2px 4px #0003;transition:all .3s ease}.soporte-avatar-img:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.soporte-avatar-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:none;background:none;padding:0}.loading-container{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#b0b8c1;font-size:.9rem;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#b0b8c1;font-size:.9rem;text-align:center;font-style:italic}@media (max-width: 1200px){.ticket-detail-container{height:calc(100vh - 180px)}.ticket-detail-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px}.ticket-sidebar{padding:16px;max-height:320px;overflow-y:auto}.ticket-chat{min-height:420px}}@media (max-width: 900px){.ticket-detail-container{height:calc(100vh - 160px);padding:2px}.ticket-detail-layout{gap:6px}.ticket-sidebar{padding:12px;max-height:280px}.chat-header,.chat-input,.chat-content{padding:12px 16px}.ticket-chat{min-height:380px}.message-content{max-width:90%}}@media (max-width: 600px){.ticket-detail-container{height:calc(100vh - 140px);padding:1px}.ticket-detail-layout{gap:4px}.ticket-sidebar{padding:10px;max-height:240px}.chat-header,.chat-input{padding:10px 12px}.chat-content{padding:8px 12px}.ticket-chat{min-height:320px}.message-content{max-width:95%}.back-to-support-btn{padding:8px 14px;font-size:.85rem}.staff-avatar{width:32px;height:32px;font-size:.9rem}}.message-error{color:#ff5252;font-size:.92rem;margin:4px 0 0;font-weight:500;text-align:center;background:#ff52521a;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,82,82,.2)}.message-length-indicator{font-size:.85rem;color:#b0b8c1;text-align:right;margin-right:8px;margin-top:4px;margin-bottom:4px;font-family:Monaco,Menlo,monospace}.info-value-container{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.open{background-color:#4caf50;box-shadow:0 0 6px #4caf5066}.status-dot.progress{background-color:#ff9800;box-shadow:0 0 6px #ff980066}.status-dot.pending{background-color:#ffc107;box-shadow:0 0 6px #ffc10766}.status-dot.resolved{background-color:#2196f3;box-shadow:0 0 6px #2196f366}.status-dot.closed{background-color:#9e9e9e;box-shadow:0 0 6px #9e9e9e66}.status-dot.unassigned{background-color:#6c757d;box-shadow:0 0 6px #6c757d66}.empty-state .btn{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0af,#0091ea);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.empty-state .btn:hover{background:linear-gradient(135deg,#0091ea,#0277bd);transform:translateY(-2px);box-shadow:0 4px 16px #00aaff4d}.empty-state .btn svg{width:16px;height:16px}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid transparent;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background:linear-gradient(135deg,#2a2f38,#1e2329);color:#fff;border-color:#3a3f48}.btn:hover{background:linear-gradient(135deg,#3a3f48,#2a2f38);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-primary{background:linear-gradient(135deg,#0af,#0091ea);border-color:#0af;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0091ea,#0277bd);box-shadow:0 4px 16px #00aaff4d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.table-cell .btn{padding:6px 12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid transparent;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;background:linear-gradient(135deg,#2a2f38,#1e2329);color:#fff;border-color:#3a3f48;min-width:70px;box-shadow:0 2px 8px #0003;margin:0 auto}.table-cell .btn:hover{background:linear-gradient(135deg,#3a3f48,#2a2f38);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#0af}.table-cell .btn svg{width:14px;height:14px}.filters-container{display:flex;gap:1.5rem;align-items:center;justify-content:flex-end;flex:1;width:100%;flex-wrap:wrap}.search-container{flex:0 1 340px;min-width:260px;max-width:400px}.filter-selects{display:flex;gap:1rem;flex-shrink:0}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:80px 1.5fr 120px 100px 140px 120px 80px;font-size:.8rem}.table-header.with-user,.table-row.with-user{grid-template-columns:80px 1.2fr 100px 90px 120px 100px 100px 80px}}@media (max-width: 900px){.table-header,.table-row{grid-template-columns:70px 1fr 100px 80px 120px 100px 70px;font-size:.75rem;padding:.75rem}}@media (max-width: 600px){.table-header,.table-row{grid-template-columns:1fr;grid-template-rows:auto;gap:.5rem;padding:1rem;border-bottom:2px solid var(--border)}.table-cell{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.table-cell:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.table-header{display:none}}.staff-panel{width:100%;padding:1.5rem;color:#fff;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;background:transparent}.staff-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#b0b8c1}.staff-panel-loading .loading-spinner{width:40px;height:40px;border:3px solid #2a2f38;border-top:3px solid #00aaff;border-radius:50%;animation:staffSpinner 1s linear infinite;margin-bottom:1rem}@keyframes staffSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staff-panel-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ff5252;text-align:center}.staff-panel-error svg{margin-bottom:1rem;opacity:.7}.staff-panel-error h3{margin-bottom:.5rem;color:#fff}.staff-panel-header{display:flex;flex-direction:column;gap:1.5rem}.staff-panel-header .header-content h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#fff;background:linear-gradient(135deg,#0af,#0091ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staff-panel-header .header-content p{color:#b0b8c1;margin:0;font-size:1rem}.staff-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.staff-stat-card{background:linear-gradient(145deg,#23272f,#1e2329);border:1px solid #2a2f38;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.staff-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--stat-color, #00aaff)}.staff-stat-card.staff-stat-total{--stat-color: #00aaff}.staff-stat-card.staff-stat-open{--stat-color: #ff9800}.staff-stat-card.staff-stat-progress{--stat-color: #2196f3}.staff-stat-card.staff-stat-unassigned{--stat-color: #f44336}.staff-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:var(--stat-color)}.staff-stat-icon{width:48px;height:48px;border-radius:12px;background:#00aaff1a;display:flex;align-items:center;justify-content:center;color:var(--stat-color);flex-shrink:0}.staff-stat-content{display:flex;flex-direction:column;gap:.25rem}.staff-stat-number{font-size:1.75rem;font-weight:700;color:#fff;line-height:1}.staff-stat-label{font-size:.875rem;color:#b0b8c1;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.staff-filters-card{background:linear-gradient(145deg,#23272f,#1e2329);border:1px solid #2a2f38;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0003}.staff-filters-container{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.staff-filters-container .search-container{flex:1;min-width:300px;max-width:500px;position:relative}.staff-filters-container .search-input{width:100%;height:44px;padding:0 16px 0 40px;border:2px solid #2a2f38;border-radius:12px;background:linear-gradient(135deg,#1a1e25,#151922);color:#fff;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #00000026;box-sizing:border-box}.staff-filters-container .search-input::placeholder{color:#b0b8c1;font-style:italic}.staff-filters-container .search-input:focus{outline:none;border-color:#0af;box-shadow:0 0 0 3px #0af3,0 4px 12px #0003;background:linear-gradient(135deg,#1e2329,#1a1e25)}.staff-filters-container .search-container:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300aaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.7;pointer-events:none}.staff-filters-container .filter-selects{display:flex;gap:1rem;flex-shrink:0;align-items:center}.staff-filters-container .filter-select{height:44px;padding:0 40px 0 16px;border:2px solid #2a2f38;border-radius:12px;background:linear-gradient(135deg,#1a1e25,#151922);color:#fff;font-size:.9rem;font-weight:500;min-width:160px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b0b8c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-sizing:border-box}.staff-filters-container .filter-select:hover{border-color:#3a3f48;background:linear-gradient(135deg,#1e2329,#1a1e25);box-shadow:0 4px 12px #0003}.staff-filters-container .filter-select:focus{outline:none;border-color:#0af;box-shadow:0 0 0 3px #0af3,0 4px 12px #0003;background:linear-gradient(135deg,#1e2329,#1a1e25)}.bulk-actions-bar{background:linear-gradient(135deg,#1a1e25,#151922);border:2px solid #00aaff;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 4px 16px #0af3;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-info span{color:#0af;font-weight:600;font-size:.9rem}.bulk-actions{display:flex;gap:1rem;align-items:center}.bulk-select{height:36px;padding:0 32px 0 12px;border:1px solid #2a2f38;border-radius:8px;background:linear-gradient(135deg,#2a2f38,#1e2329);color:#fff;font-size:.85rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 24 24' fill='none' stroke='%23b0b8c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:140px}.staff-tickets-card{background:linear-gradient(145deg,#23272f,#1e2329);border:1px solid #2a2f38;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.staff-tickets-table{width:100%}.staff-tickets-table .table-header{display:grid;grid-template-columns:50px 100px 2fr 1.5fr 140px 120px 1.5fr 140px 100px;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#1a1e25,#151922);border-bottom:2px solid #2a2f38;font-weight:700;font-size:.85rem;color:#0af;text-transform:uppercase;letter-spacing:.5px;position:relative}.staff-tickets-table .table-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0af,#0091ea,#0af);opacity:.6}.staff-tickets-table .table-body{display:flex;flex-direction:column}.staff-tickets-table .table-row{display:grid;grid-template-columns:50px 100px 2fr 1.5fr 140px 120px 1.5fr 140px 100px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(42,47,56,.5);transition:all .3s ease;position:relative;background:transparent}.staff-tickets-table .table-row:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#0af,#0091ea);opacity:0;transition:opacity .3s ease}.staff-tickets-table .table-row:hover{background:linear-gradient(135deg,#1a1e2599,#15192299)}.staff-tickets-table .table-row:hover:before{opacity:1}.staff-tickets-table .table-row:last-child{border-bottom:none}.staff-tickets-table .table-cell{display:flex;align-items:center;font-size:.9rem;font-weight:500;color:#fff;min-height:24px}.checkbox{width:18px;height:18px;border:2px solid #2a2f38;border-radius:4px;background:transparent;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.checkbox:checked{background:linear-gradient(135deg,#0af,#0091ea);border-color:#0af}.checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.staff-tickets-table .user-info{display:flex;flex-direction:column;gap:2px}.staff-tickets-table .user-name{font-weight:600;color:#fff;font-size:.9rem}.staff-tickets-table .user-email{font-size:.75rem;color:#b0b8c1;font-family:Monaco,Menlo,monospace}.status-select,.assign-select{height:32px;padding:0 28px 0 8px;border:1px solid #2a2f38;border-radius:6px;background:linear-gradient(135deg,#2a2f38,#1e2329);color:#fff;font-size:.8rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 24 24' fill='none' stroke='%23b0b8c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:all .3s ease}.status-select:hover,.assign-select:hover{border-color:#3a3f48;background:linear-gradient(135deg,#3a3f48,#2a2f38)}.status-select:focus,.assign-select:focus{outline:none;border-color:#0af;box-shadow:0 0 0 2px #0af3}.actions-cell{display:flex;gap:.5rem;justify-content:center}@media (max-width: 1400px){.staff-tickets-table .table-header,.staff-tickets-table .table-row{grid-template-columns:40px 80px 1.5fr 1.2fr 120px 100px 1.2fr 120px 80px;font-size:.8rem}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.staff-tickets-table .table-header,.staff-tickets-table .table-row{grid-template-columns:40px 70px 1fr 1fr 100px 90px 1fr 100px 70px;font-size:.75rem;padding:.75rem 1rem}}@media (max-width: 768px){.staff-panel{padding:1rem}.stats-grid{grid-template-columns:1fr}.staff-filters-container{flex-direction:column;align-items:stretch;gap:1rem}.staff-filters-container .search-container{min-width:auto;max-width:none}.staff-filters-container .filter-selects{justify-content:space-between;gap:.75rem}.staff-filters-container .filter-select{flex:1;min-width:120px}.bulk-actions-bar{flex-direction:column;align-items:stretch;gap:1rem}.bulk-actions{justify-content:space-between}.staff-tickets-table .table-header,.staff-tickets-table .table-row{grid-template-columns:1fr;grid-template-rows:auto;gap:.5rem;padding:1rem;border-bottom:2px solid #2a2f38}.staff-tickets-table .table-cell{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.staff-tickets-table .table-cell:before{content:attr(data-label);font-weight:600;color:#b0b8c1;font-size:.75rem;text-transform:uppercase}.staff-tickets-table .table-header{display:none}}.staff-ticket-detail-container{width:100%;height:100%;display:flex;flex-direction:column;color:#fff;background:transparent}.staff-ticket-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:linear-gradient(145deg,#23272f,#1e2329);border-radius:12px;margin-bottom:1rem;border:1px solid #2a2f38;box-shadow:0 4px 12px #0003}.staff-ticket-title h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;background:linear-gradient(135deg,#0af,#0091ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staff-ticket-meta{display:flex;gap:1rem;font-size:.85rem;color:#b0b8c1}.ticket-created,.ticket-updated{font-family:Monaco,Menlo,monospace;background:#b0b8c11a;padding:4px 8px;border-radius:6px;border:1px solid rgba(176,184,193,.2)}.staff-actions-panel{display:flex;gap:1rem;align-items:center}.staff-assign-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0af,#0091ea);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00aaff4d}.staff-assign-btn:hover{background:linear-gradient(135deg,#0091ea,#0277bd);transform:translateY(-2px);box-shadow:0 6px 20px #0af6}.staff-assign-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.assigned-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:8px;color:#fff;font-weight:600;box-shadow:0 4px 16px #4caf504d}.staff-ticket-layout{display:grid;grid-template-columns:400px 1fr;gap:1rem;flex:1;min-height:0}.staff-ticket-sidebar{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(100vh - 200px);scrollbar-width:thin;scrollbar-color:#00aaff #2a2f38}.staff-ticket-sidebar::-webkit-scrollbar{width:8px}.staff-ticket-sidebar::-webkit-scrollbar-track{background:#2a2f38;border-radius:4px}.staff-ticket-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0af,#0091ea);border-radius:4px}.staff-info-card{background:linear-gradient(145deg,#23272f,#1e2329);border:1px solid #2a2f38;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0003}.staff-info-card h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;margin:0 0 1rem;color:#0af;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem;border-bottom:2px solid #2a2f38}.user-profile{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0af,#0091ea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;overflow:hidden;border:3px solid #00aaff;box-shadow:0 4px 12px #00aaff4d}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-details{flex:1}.user-details .user-name{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.user-details .user-email{font-size:.9rem;color:#b0b8c1;font-family:Monaco,Menlo,monospace;margin-bottom:.25rem}.user-discord{font-size:.8rem;color:#7289da;font-family:Monaco,Menlo,monospace}.user-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#b0b8c1}.stat-item svg{color:#0af}.staff-control-group{margin-bottom:1rem}.staff-control-label{display:block;font-size:.85rem;font-weight:700;color:#0af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.staff-control-row{display:flex;gap:.5rem;align-items:center}.staff-select{flex:1;height:36px;padding:0 32px 0 12px;border:2px solid #2a2f38;border-radius:8px;background:linear-gradient(135deg,#1a1e25,#151922);color:#fff;font-size:.85rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 24 24' fill='none' stroke='%23b0b8c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .3s ease}.staff-select:hover{border-color:#3a3f48;background:linear-gradient(135deg,#1e2329,#1a1e25)}.staff-select:focus{outline:none;border-color:#0af;box-shadow:0 0 0 2px #0af3}.btn-sm{padding:.5rem 1rem;font-size:.8rem;height:36px}.action-history{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.action-item{padding:.75rem;background:linear-gradient(135deg,#1a1e25,#151922);border-radius:8px;border:1px solid #2a2f38;font-size:.8rem}.action-time{color:#0af;font-family:Monaco,Menlo,monospace;font-size:.75rem;margin-bottom:.25rem}.action-description{color:#fff;margin-bottom:.25rem}.action-user{color:#b0b8c1;font-size:.75rem}.staff-ticket-chat{background:linear-gradient(145deg,#23272f,#1e2329);border-radius:12px;display:flex;flex-direction:column;border:1px solid #2a2f38;box-shadow:0 4px 12px #0003;overflow:hidden}.staff-ticket-chat .chat-header{background:transparent;padding:1.5rem;border-bottom:2px solid #2a2f38;display:flex;align-items:center;gap:.5rem}.staff-ticket-chat .chat-header h4{font-size:1.1rem;font-weight:700;margin:0;color:#fff;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.staff-badge{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem;border:1.5px solid #ff9800}.current-user-badge{background:linear-gradient(135deg,#0af,#0091ea);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.message-current-user .message-content{background:linear-gradient(135deg,#1a4d5c,#0f3a47);border:2px solid #00aaff;box-shadow:0 4px 12px #0003,0 0 8px #0af3}.staff-ticket-loading{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:#b0b8c1;font-size:1rem}.staff-ticket-error{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:#ff5252;font-size:1rem;text-align:center}@media (max-width: 1200px){.staff-ticket-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1rem}.staff-ticket-sidebar{max-height:300px;overflow-y:auto}}@media (max-width: 768px){.staff-ticket-header{flex-direction:column;gap:1rem;align-items:stretch}.staff-ticket-meta{flex-direction:column;gap:.5rem}.staff-actions-panel{justify-content:center}.user-profile{flex-direction:column;text-align:center;gap:.75rem}.user-avatar{width:50px;height:50px;font-size:1.2rem}.staff-control-row{flex-direction:column;gap:.5rem;align-items:stretch}.staff-select{width:100%}}.btn.staff-unassign-btn{background:linear-gradient(135deg,#f44336,#b71c1c);border-color:#b71c1c;color:#fff;box-shadow:none}.btn.staff-unassign-btn:hover{background:linear-gradient(135deg,#b71c1c,#f44336);border-color:#b71c1c;color:#fff;box-shadow:none}.system-message{width:100%;display:flex;justify-content:center;margin:8px 0}.system-message-content{background:linear-gradient(90deg,#23272f 60%,#1e2329);color:#ff9800;font-size:.95rem;font-weight:700;padding:8px 18px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #ff98001a;border:1.5px solid #ff9800;margin:0 auto}:root{--primary-light: #29b6f6;--primary: #0091ea;--primary-dark: #0277bd;--accent: #ff5722;--accent-light: #ff8a65;--white: #ffffff;--light-gray: #f5f5f5;--medium-gray: #9e9e9e;--dark-gray: #212121;--black: #000000;--success: #4caf50;--warning: #ffc107;--danger: #f44336;--info: #2196f3;--background: #f5f5f5;--surface: #ffffff;--surface-dark: #f0f0f0;--surface-light: #fafafa;--border: #e0e0e0;--text-primary: #212121;--text-secondary: #757575;--transition-speed: .3s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--success-bg: #e6f7ed;--success-text: #2e7d32;--success-border: #c8e6c9;--danger-bg: #fff3f3;--danger-text: #d32f2f;--danger-border: #f8d7da}[data-theme=dark]{--background: #121212;--surface: #1e1e1e;--surface-dark: #171717;--surface-light: #2c2c2c;--border: #333333;--text-primary: #ffffff;--text-secondary: #aaaaaa;--success-bg: #1e3326;--success-text: #8fffa5;--success-border: #338a57;--danger-bg: #331e1e;--danger-text: #ff8f8f;--danger-border: #8a3333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-speed) var(--transition-timing)}a:hover{color:var(--primary-dark)}button,input,select,textarea{font-family:Montserrat,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .4s var(--transition-timing) forwards}.slide-in-up{animation:slideInUp .5s var(--transition-bounce) forwards}.slide-in-right{animation:slideInRight .5s var(--transition-bounce) forwards}.slide-in-left{animation:slideInLeft .5s var(--transition-bounce) forwards}.scale-up{animation:scaleUp .4s var(--transition-bounce) forwards}.pulse{animation:pulse 2s infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width: 768px){.container{padding:0 .75rem}}