.navbar{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:44px;padding:0 14px;display:flex;box-shadow:0 2px 8px #00000014}.header{font-size:18px!important;font-weight:600!important}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-logo{color:#fff;background:linear-gradient(135deg,#1890ff 0%,#0050b3 100%);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.navbar-title{color:#000;font-size:16px;font-weight:600}.navbar-right{align-items:center;gap:16px;display:flex}.navbar-btn{color:#fff;cursor:pointer;background:#1890ff;border:none;border-radius:4px;padding:8px 20px;font-weight:500;transition:background .3s}.navbar-btn:hover{background:#0050b3}.navbar-avatar{color:#666;background:#f0f2f5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.ticket-container{max-width:100%;margin:0 auto}.ticket-tabs{background:#fff;border-bottom:2px solid #f7f3f3;border-radius:4px 4px 0 0;gap:0;margin-bottom:5px;display:flex}.ticket-tab{cursor:pointer;color:#666;background:0 0;border:none;padding:10px 16px;font-size:13px;font-weight:500;transition:color .3s;position:relative}.ticket-tab:hover,.ticket-tab.active{color:#1890ff}.ticket-tab.active:after{content:"";background:#1890ff;height:2px;position:absolute;bottom:-2px;left:0;right:0}.section-title{color:#000;margin-bottom:8px;font-size:24px;font-weight:600}.section-desc{color:#666;margin-bottom:24px;font-size:14px}.ticket-cards{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 15px;display:grid}@media (max-width:992px){.ticket-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.ticket-cards{grid-template-columns:1fr}}.ticket-card,.ticket-card-mob{padding:14px}.ticket-card1{cursor:pointer;text-align:left;background:#cff0c033;border:2px solid #78dd4966;border-radius:10px;transition:all .3s}.ticket-card4{cursor:pointer;text-align:left;background:#eecebf33;border:2px solid #ff946a7a;border-radius:10px;transition:all .3s}.ticket-card3{cursor:pointer;text-align:left;background:#e4e9b433;border:2px solid #ffc880da;border-radius:10px;transition:all .3s}.ticket-card2{cursor:pointer;text-align:left;background:#bdbcee33;border:2px solid #b4a3ffa9;border-radius:10px;transition:all .3s}.ticket-card:hover{transform:translateY(-2px)}.ticket-card-icon{margin-bottom:12px;font-size:32px}.ticket-card-title{color:#000;margin-bottom:8px;font-size:16px;font-weight:600}.ticket-card-desc{color:#666;font-size:13px;line-height:1.5}.ticketForm-container{background:#d1d1d12e;border-radius:4px;max-width:100%;padding:13px!important}.ticketForm-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.back-link{color:#000;cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;text-decoration:none;transition:color .3s;display:flex}.back-link:hover{color:#0050b3}.ticketForm-title{color:#000;font-size:18px;font-weight:600}.ticketForm-group{margin-bottom:24px}.ticketForm-label{color:#000;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.required{color:#ff4d4f}.ticketForm-upload{cursor:pointer;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:border-color .3s;display:flex;background:#fff!important;border:1px solid #1890ff!important;height:100px!important;margin-top:0!important;padding:3px!important}.ticketForm-upload .ant-upload-drag-icon{margin-bottom:4px!important}.ticketForm-upload .ant-upload-drag-icon .anticon{color:#1890ff;font-size:26px!important}.ticketForm-upload-text{color:#666;margin:0;font-size:11.5px}.ticketForm-upload-hint{color:#999;margin-top:2px;font-size:11px}.ticketForm .ant-row{align-items:flex-start!important}.ticketForm .ant-form-item-label{margin-bottom:4px!important}.ticketForm-textarea.ant-input-affix-wrapper,.ticketForm-textarea.ant-input{border:1px solid #2872e9!important;min-height:90px!important}.ticketForm-buttons{justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .3s}.btn-primary{color:#fff;background:#1890ff}.btn-primary:hover{background:#0050b3}.btn-secondary{color:#000;background:#fff;border:1px solid #d9d9d9}.btn-secondary:hover{color:#1890ff;border-color:#1890ff}.status-select .ant-select-selector{background:0 0!important;border:1px solid #000!important;border-radius:50px!important;font-size:12px!important}.status-select .ant-select-dropdown{border-radius:50px!important;font-size:12px!important}.phone-prefix{color:#2e7ee0;margin-right:4px;font-weight:500}.ticketForm-container{border-radius:12px;padding:24px}.ticketForm-card{border:1px solid #e6ebf5;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 4px #0000000a;padding:15px!important}.customSearchWrapper{align-items:center;display:flex;position:relative}.header{padding:10px 0 20px;font-size:18px;font-weight:600}.ticket-section-card{border-radius:10px;padding:15px!important}.customSearchInput{border-radius:10px;width:100%;padding:6px 30px 6px 10px;font-size:12px;transition:all .2s;border:1px solid #5c86f5!important}.customSearchInput:focus{box-shadow:none!important;border:1px solid #2a86f0!important;outline:1px solid #61abff!important}.customSearchIcon{cursor:pointer;color:#287ee5;font-size:14px;transition:all .2s;position:absolute;right:10px}.staff-form-modal .ant-modal-title{color:#fff;background-color:#3674b5;border-radius:4px 4px 0 0;padding:10px 20px;font-size:18px;font-weight:600}.section-title{padding:10px 25px 0!important}.section-desc{padding:0 25px!important}.ticket-tab-content{background:#a2a2a21c;height:70vh;padding:0 0 20px}.onhold-submenu .ant-dropdown-menu-submenu-arrow{display:none!important}.ticketForm-input.ant-input{padding:6px 15px;border:1px solid #2872e9!important;border-radius:10px!important}.ticketForm-input .ant-input-affix-wrapper{padding:6px 15px;border:1px solid #2872e9!important;border-radius:0 10px 10px 0!important}.ticketForm-input.ant-input-affix-wrapper{padding:6px 15px;border:1px solid #2872e9!important;border-radius:10px!important}.ticketForm-input.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector{border:1px solid #147cf2!important}.ticketForm-input .ant-select-selector{padding:3px 10px;border:1px solid #2872e9!important;border-radius:10px!important}.select-ticketfield{border:1px solid #2872e9!important;border-radius:10px!important;padding:6px 10px!important}.modality-ticketfield{border:1px solid #2872e9!important;border-radius:10px!important;padding:3px 10px!important}.ticketForm-input .ant-input-group-addon{border-right:none important;padding:10px 25px;background:#fff!important;border-top:1px solid #2872e9!important;border-bottom:1px solid #2872e9!important;border-left:1px solid #2872e9!important;border-radius:10px 0 0 10px!important}.modern-select{transition:all .2s;box-shadow:0 1px 3px #0000000f;background:#fff!important;border:1px solid #5c86f5!important;border-radius:10px!important;height:32px!important;padding:4px 10px!important}.modern-select.ant-select-focused .ant-select-selector{box-shadow:none!important;border:1px solid #2a86f0!important;outline:1px solid #61abff!important}.modern-select:hover .ant-select-selector{border-color:#2a86f0!important}.modern-select ant-select-placeholder{color:#9ca3af!important}.modern-select .ant-select-clear{background:0 0!important}.staff-list-header,.staff-list .staff-row{-moz-column-gap:16px;grid-template-columns:2fr 2fr 3fr 3fr 3fr 2fr 80px;align-items:center;column-gap:16px;width:100%;display:grid}.staff-list-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 40px;font-size:14px;font-weight:600;color:#fff!important;background-color:#454c54!important}.staff-list .staff-row{padding:10px 40px}.staff-list .ant-list-item{padding:0!important}.staff-list .ant-list-item:nth-child(odd){background-color:#dededeb8}.staff-list .ant-list-item:nth-child(2n){background-color:#9a9a9a7d}.staff-list .ant-list-item:hover{background-color:#0000}.staff-action{justify-content:center;display:flex}li.ant-list-item#staffticketlistitem{border:1px solid #a9a9a9;border-radius:10px;border-bottom:1px solid #a9a9a9!important;padding:8px!important}ul.ant-list-items#staffticketlist{flex-direction:column;row-gap:3px;display:flex}.ticketitem{border:1px solid #a9a9a9;border-radius:10px;height:auto;border-bottom:1px solid #a9a9a9!important;padding:8px!important}.status-select .ant-select-selector{border-radius:40px;background:#fff!important;border:1px solid #d3cdcd!important}.ticket-row:nth-child(2n) .ticketitem{background-color:#f3f3f3f7}.ticket-row:nth-child(odd) .ticketitem{background-color:#c2cbe466}#staff-container{background-color:#fff;min-width:100%!important}#staff-container .head{background-color:#454c54;border-top:1px solid #fff;justify-content:space-between;min-width:100%;margin-bottom:10px;padding:10px 25px;display:flex}#staff-container .mobhead{background-color:#f3f6fb;min-width:100%;margin-bottom:10px;padding:10px 25px}#staff-container .head h2{color:#fbfdff!important;font-size:18px!important;font-weight:600!important}#staff-container .extra{justify-content:flex-end;gap:15px;width:25%;display:flex}#staff-container .create{background:#2b6b8a!important;border-radius:18px!important;font-weight:600!important}#supportstafflistitem{border:1px solid #a9a9a9;border-radius:10px;height:auto;border-bottom:1px solid #a9a9a9!important;padding:8px!important}#supportstafflist{flex-direction:column;row-gap:3px;display:flex;background:#fff!important}.staff-card .ant-card-body{height:60vh;box-shadow:0 6px 10px 2px #0f2e470d;padding:24px 10px!important}.support-card{background:#f5f5f5;border:3px solid #dadada9c;border-radius:12px;width:98%;margin:10px;position:relative;box-shadow:0 7px 29px #64646f33}.support-Mobcard{background:#f5f5f5;border:1px solid #656565d8;border-radius:12px;width:100%;padding:3px 6px}.support-card h2{padding-top:10px;padding-left:22px;font-size:16px;font-weight:600;color:#073375!important}.support-Mobcard h2{padding:10px 3px;font-size:15px;font-weight:600;color:#073375!important}.support-card .ant-form-item{margin-bottom:12px}.staff-pagination{background:#fff;border-top:1px solid #eaeaea;justify-content:flex-end;padding:8px 16px;display:flex}.supportstaffform.ant-modal{width:95%!important}.sf-section{background:#fafbfc;border:1px solid #e8ebef;border-radius:8px;margin-bottom:16px;padding:18px 20px 8px}.ticketform .ant-modal-content{overflow:hidden;border-radius:12px!important;padding:0!important}.ticketform .ant-modal-header{background:linear-gradient(135deg,#3b4a5a,#4a5c6e)!important;border-bottom:none!important;margin-bottom:0!important;padding:7px 24px!important}.ticketform .ant-modal-title{letter-spacing:.3px;color:#fff!important;background:0 0!important;border-radius:0!important;justify-content:flex-start!important;font-size:16px!important;font-weight:600!important}.ticketform button.ant-modal-close{color:#ffffffd9!important;margin:0!important;top:25px!important;right:25px!important}.ticketform button.ant-modal-close:hover{color:#fff!important;background:#ffffff1f!important}.ticketform .ant-modal-body{scrollbar-width:thin;scrollbar-color:#e1e1e1 transparent;max-height:calc(95vh - 56px);overflow-y:auto;padding:0!important}.ticketform-body{padding:14px 10px 0!important}.ticketform .sf-actions{z-index:1;background:#fff;border-top:1px solid #e8ebef;justify-content:center;gap:10px;padding:10px 24px 5px;display:flex;position:sticky;bottom:0}.ticketform .sf-actions .ant-btn-primary{box-shadow:0 2px 6px #3b4a5a40;background:linear-gradient(135deg,#3b4a5a,#4a6a7e)!important;border-color:#3b4a5a!important;border-radius:6px!important;height:34px!important;padding:4px 24px!important;font-weight:600!important}.ticketform .sf-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#4a5c6e,#5a7a8e)!important}.ticketform .sf-actions .ant-btn-default{color:#5a6a7a!important;border:1px solid #d0d5dc!important;border-radius:6px!important;height:34px!important;padding:4px 20px!important;font-weight:500!important}.ticketform .sf-actions .ant-btn-default:hover{color:#4a7c9b!important;border-color:#4a7c9b!important}