html{-ms-overflow-style:none;overflow-y:scroll;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:transform .2s ease}.toast:hover{transform:translateX(-5px)}.toast-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.toast-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.toast-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.toast-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.toast-icon{flex-shrink:0;font-size:16px;font-weight:700}.toast-message{flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;opacity:.7;padding:0;width:20px}.toast-close:hover{opacity:1}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast{padding:10px 12px}.toast-message{font-size:13px}}.header{background:#fff;border-bottom:1px solid #e5e5e5;padding:1rem 2rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:600;gap:.5rem;text-decoration:none}.logo-insta{color:#1a1a1a}.logo-digin{color:#4169e1}.logo-text{color:#1a1a1a;font-size:1rem;font-weight:400}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#1a1a1a;font-size:.95rem;text-decoration:none}.nav-link:hover{color:#4169e1}.header-authenticated{background:#fff;box-shadow:0 2px 4px #0000001a}.user-profile{align-items:center;display:flex;gap:1rem}.profile-dropdown{position:relative}.profile-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s}.profile-btn:hover{background-color:#f8f9fa}.user-name{font-size:.9rem;font-weight:500}.dropdown-menu{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f8f9fa}.logout-item{border-top:1px solid #e5e5e5;color:#dc3545}.logout-item:hover{background-color:#fff5f5}.mobile-menu-btn{background:none;border:none;color:#1a1a1a;cursor:pointer;display:none;padding:8px}.mobile-close-btn,.overlay{display:none}.user-avatar{height:36px;width:36px}@media (max-width:768px){.header{padding:1rem}.mobile-menu-btn{display:block}.nav{align-items:flex-start;background:#fff;box-shadow:-2px 0 8px #0000001a;flex-direction:column;gap:1.5rem;height:100vh;padding:20px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:1000}.nav-open{right:0}.mobile-close-btn{align-self:flex-end;background:none;border:none;color:#1a1a1a;cursor:pointer;display:block;padding:8px}.overlay{background:#00000080;display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}.user-profile{align-items:flex-start;flex-direction:column;width:100%}.profile-btn{justify-content:flex-start;width:100%}.dropdown-menu{border:none;box-shadow:none;margin-top:0;position:static;width:100%}}.footer{background:#1e3a4c;color:#fff;margin-top:auto;padding:1.5rem 2rem}.footer-content{font-size:.9rem;margin:0 auto;max-width:1200px;text-align:center}.footer-content a{color:#fff;text-decoration:none}.footer-content a:hover{text-decoration:underline}.auth-layout{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.auth-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.auth-container{max-width:500px;width:100%}.auth-card{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:3rem 2.5rem}.auth-heading{color:#2c5f7c;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.auth-subtext{color:#666;font-size:.95rem;margin:0 0 2rem}.auth-link{color:#4169e1;font-weight:500;text-decoration:none}.error-message{background:#ffebee;border-radius:4px;color:#c62828;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.auth-link:hover{text-decoration:underline}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input{border:1px solid #ccc;border-radius:4px;font-size:.95rem;padding:.75rem;transition:border-color .2s}.form-group input:focus{border-color:#4169e1;outline:none}.form-group input::placeholder{color:#999}.form-checkbox{align-items:center;display:flex;gap:.5rem}.form-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-checkbox label{color:#333;cursor:pointer;font-size:.9rem}.auth-button{background:#1e3a4c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.875rem;transition:background .2s}.auth-button:hover{background:#2c5f7c}.auth-footer-text{color:#666;font-size:.9rem;margin:2rem 0 0;text-align:center}.otp-info{color:#666;font-size:.85rem;margin-top:.5rem}.home-layout{display:flex;flex-direction:column;min-height:100vh}.home-main{display:flex;flex:1 1;flex-direction:column}.hero-section{background:linear-gradient(135deg,#1e3a4c,#2c5f7c);color:#fff;padding:8rem 2rem;text-align:center}.hero-title{font-size:2.5rem;font-weight:600;margin:0 0 2rem}.search-form{background:#fff;border-radius:4px;display:flex;margin:0 auto;max-width:600px;overflow:hidden}.search-input{border:none;flex:1 1;font-size:1rem;outline:none;padding:1rem 1.5rem}.search-btn{background:#fff;border:none;cursor:pointer;font-size:1.2rem;padding:0 1.5rem}.action-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:-3rem auto 4rem;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.action-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;gap:1.5rem;padding:2rem;transition:transform .2s,box-shadow .2s}.action-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-4px)}.card-icon{flex-shrink:0;font-size:2.5rem}.card-content h3{color:#1e3a4c;font-size:1.25rem;margin:0 0 .5rem}.card-content p{color:#666;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.hero-section{padding:4rem 1rem}.hero-title{font-size:1.75rem}.action-cards{grid-template-columns:1fr;margin:-2rem auto 2rem;padding:0 1rem}.action-card{padding:1.5rem}}.create-ticket-layout{background:linear-gradient(180deg,#1e4a5f 200px,#f5f5f5 0);min-height:100vh}.ticket-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:20px 80px}.breadcrumb{font-size:14px;gap:8px}.breadcrumb-separator{margin:0 5px}.header-search-form{align-items:center;width:300px}.header-search-input{font-size:14px;padding:10px 15px}.header-search-btn{background:#0000;padding:10px}.ticket-title-section{color:#fff;padding:0 80px 30px}.ticket-title-section h1{font-size:32px;font-weight:400;margin:0}.ticket-form-container{margin:0 auto;max-width:800px;padding:40px 20px}.ticket-form{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:40px}.form-group{margin-bottom:25px}.form-group label{color:#333;margin-bottom:8px}.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-group select{background:#f8f9fa;cursor:pointer}.editor-toolbar{background:#f8f9fa;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;display:flex;gap:5px;padding:8px}.toolbar-btn{background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:14px;padding:5px 10px}.toolbar-btn:hover{background:#e9ecef}.form-group textarea{border-radius:0 0 4px 4px;min-height:120px;resize:vertical}.attachment-section{color:#3498db;font-size:14px;margin-bottom:25px}.attachment-section:hover{text-decoration:underline}.recaptcha-placeholder{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;display:flex;gap:10px;margin-bottom:25px;padding:15px}.recaptcha-placeholder input[type=checkbox]{cursor:pointer;width:auto}.form-actions{gap:15px}.btn-cancel,.btn-submit{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.btn-cancel{background:#f8f9fa;border:1px solid #ddd;color:#333}.btn-cancel:hover{background:#e9ecef}.btn-submit{background:#1e4a5f}.btn-submit:hover{background:#163a4d}.attached-files{margin-bottom:20px}.file-item{background:#f8f9fa;border:1px solid #ddd}.file-item button{color:#e74c3c;font-size:20px;padding:0 5px}@media (max-width:768px){.ticket-header{align-items:flex-start;flex-direction:column;gap:15px;padding:15px 20px}.header-search-form{width:100%}.ticket-title-section{padding:0 20px 20px}.ticket-title-section h1{font-size:24px}.ticket-form-container{padding:20px 15px}.ticket-form{padding:20px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.toast{animation:slideIn .3s ease-out;border-radius:4px;color:#fff;font-size:14px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:9999}.toast-success{background:#28a745}.toast-error{background:#dc3545}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.rdw-option-wrapper{align-items:center;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;display:flex;height:20px;justify-content:center;min-width:25px;padding:5px;text-transform:capitalize}.rdw-option-wrapper:hover{box-shadow:1px 1px 0 #bfbdbd}.rdw-option-active,.rdw-option-wrapper:active{box-shadow:inset 1px 1px 0 #bfbdbd}.rdw-option-disabled{cursor:default;opacity:.3}.rdw-dropdown-wrapper{border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;margin:0 3px;text-transform:capitalize}.rdw-dropdown-wrapper:focus{outline:none}.rdw-dropdown-wrapper:hover{background-color:#fff;box-shadow:1px 1px 0 #bfbdbd}.rdw-dropdown-wrapper:active{box-shadow:inset 1px 1px 0 #bfbdbd}.rdw-dropdown-carettoopen{border-top:6px solid #000}.rdw-dropdown-carettoclose,.rdw-dropdown-carettoopen{border-left:5px solid #0000;border-right:5px solid #0000;height:0;position:absolute;right:10%;top:35%;width:0}.rdw-dropdown-carettoclose{border-bottom:6px solid #000}.rdw-dropdown-selectedtext{align-items:center;display:flex;height:100%;padding:0 5px;position:relative}.rdw-dropdown-optionwrapper{background:#fff;border:1px solid #f1f1f1;border-radius:2px;margin:0;max-height:250px;overflow-y:scroll;padding:0;position:relative;width:98%;z-index:100}.rdw-dropdown-optionwrapper:hover{background-color:#fff;box-shadow:1px 1px 0 #bfbdbd}.rdw-dropdownoption-default{align-items:center;display:flex;min-height:25px;padding:0 5px}.rdw-dropdownoption-highlighted{background:#f1f1f1}.rdw-dropdownoption-active{background:#f5f5f5}.rdw-dropdownoption-disabled{cursor:default;opacity:.3}.rdw-inline-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.rdw-inline-dropdown{width:50px}.rdw-inline-dropdownoption{display:flex;height:40px;justify-content:center}.rdw-block-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.rdw-block-dropdown{width:110px}.rdw-fontsize-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.rdw-fontsize-dropdown{min-width:40px}.rdw-fontsize-option{display:flex;justify-content:center}.rdw-fontfamily-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.rdw-fontfamily-dropdown{width:115px}.rdw-fontfamily-placeholder{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rdw-fontfamily-optionwrapper{width:140px}.rdw-list-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.rdw-list-dropdown{width:50px;z-index:90}.rdw-list-dropdownOption{display:flex;height:40px;justify-content:center}.rdw-text-align-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.rdw-text-align-dropdown{width:50px;z-index:90}.rdw-text-align-dropdownOption{display:flex;height:40px;justify-content:center}.rdw-right-aligned-block{text-align:right}.rdw-left-aligned-block{text-align:left!important}.rdw-center-aligned-block{text-align:center!important}.rdw-justify-aligned-block{text-align:justify!important}.rdw-center-aligned-block>div,.rdw-justify-aligned-block>div,.rdw-left-aligned-block>div,.rdw-right-aligned-block>div{display:inline-block}.rdw-colorpicker-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px;position:relative}.rdw-colorpicker-modal{background:#fff;border:1px solid #f1f1f1;border-radius:2px;box-shadow:3px 3px 5px #bfbdbd;display:flex;flex-direction:column;height:175px;left:5px;padding:15px;position:absolute;top:35px;width:175px;z-index:100}.rdw-colorpicker-modal-header{display:flex;padding-bottom:5px}.rdw-colorpicker-modal-style-label{cursor:pointer;font-size:15px;padding:0 10px 5px;text-align:center;width:50%}.rdw-colorpicker-modal-style-label-active{border-bottom:2px solid #0a66b7}.rdw-colorpicker-modal-options{display:flex;flex-wrap:wrap;height:100%;margin:5px auto;overflow:scroll;width:100%}.rdw-colorpicker-cube{border:1px solid #f1f1f1;height:22px;width:22px}.rdw-colorpicker-option{border:none;box-shadow:inset 1px 2px 1px #bfbdbd;height:22px;margin:3px;min-height:20px;min-width:22px;padding:0;width:22px}.rdw-colorpicker-option:hover{box-shadow:1px 2px 1px #bfbdbd}.rdw-colorpicker-option:active{box-shadow:-1px -2px 1px #bfbdbd}.rdw-colorpicker-option-active{box-shadow:0 0 2px 2px #bfbdbd}.rdw-link-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px;position:relative}.rdw-link-dropdown{width:50px}.rdw-link-dropdownOption{display:flex;height:40px;justify-content:center}.rdw-link-dropdownPlaceholder{margin-left:8px}.rdw-link-modal{background:#fff;border:1px solid #f1f1f1;border-radius:2px;box-shadow:3px 3px 5px #bfbdbd;display:flex;flex-direction:column;height:205px;left:5px;padding:15px;position:absolute;top:35px;width:235px;z-index:100}.rdw-link-modal-label{font-size:15px}.rdw-link-modal-input{border:1px solid #f1f1f1;border-radius:2px;height:25px;margin-bottom:15px;margin-top:5px;padding:0 5px}.rdw-link-modal-input:focus{outline:none}.rdw-link-modal-buttonsection{margin:0 auto}.rdw-link-modal-target-option{margin-bottom:20px}.rdw-link-modal-target-option>span{margin-left:5px}.rdw-link-modal-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;height:30px;margin-left:10px;text-transform:capitalize;width:75px}.rdw-link-modal-btn:hover{box-shadow:1px 1px 0 #bfbdbd}.rdw-link-modal-btn:active{box-shadow:inset 1px 1px 0 #bfbdbd}.rdw-link-modal-btn:focus{outline:none!important}.rdw-link-modal-btn:disabled{background:#ece9e9}.rdw-link-dropdownoption{display:flex;height:40px;justify-content:center}.rdw-embedded-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px;position:relative}.rdw-embedded-modal{background:#fff;border:1px solid #f1f1f1;border-radius:2px;box-shadow:3px 3px 5px #bfbdbd;display:flex;flex-direction:column;height:180px;justify-content:space-between;left:5px;padding:15px;position:absolute;top:35px;width:235px;z-index:100}.rdw-embedded-modal-header{display:flex;font-size:15px}.rdw-embedded-modal-header-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;width:50%}.rdw-embedded-modal-header-label{background:#6eb8d4;border:1px solid #f1f1f1;border-bottom:2px solid #0a66b7;margin-top:5px;width:95px}.rdw-embedded-modal-link-section{display:flex;flex-direction:column}.rdw-embedded-modal-link-input{border:1px solid #f1f1f1;border-radius:2px;font-size:15px;height:35px;margin:10px 0;padding:0 5px;width:88%}.rdw-embedded-modal-link-input-wrapper{align-items:center;display:flex}.rdw-embedded-modal-link-input:focus{outline:none}.rdw-embedded-modal-btn-section{display:flex;justify-content:center}.rdw-embedded-modal-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;height:30px;margin:0 3px;text-transform:capitalize;width:75px}.rdw-embedded-modal-btn:hover{box-shadow:1px 1px 0 #bfbdbd}.rdw-embedded-modal-btn:active{box-shadow:inset 1px 1px 0 #bfbdbd}.rdw-embedded-modal-btn:focus{outline:none!important}.rdw-embedded-modal-btn:disabled{background:#ece9e9}.rdw-embedded-modal-size{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.rdw-embedded-modal-size-input{border:1px solid #f1f1f1;border-radius:2px;font-size:12px;height:20px;width:80%}.rdw-embedded-modal-size-input:focus{outline:none}.rdw-emoji-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px;position:relative}.rdw-emoji-modal{background:#fff;border:1px solid #f1f1f1;border-radius:2px;box-shadow:3px 3px 5px #bfbdbd;display:flex;flex-wrap:wrap;height:180px;left:5px;overflow:auto;padding:15px;position:absolute;top:35px;width:235px;z-index:100}.rdw-emoji-icon{cursor:pointer;font-size:22px;height:24px;margin:2.5px;width:24px}.rdw-emoji-icon,.rdw-spinner{align-items:center;display:flex;justify-content:center}.rdw-spinner{height:100%;width:100%}.rdw-spinner>div{animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:#333;border-radius:100%;display:inline-block;height:12px;width:12px}.rdw-spinner .rdw-bounce1{animation-delay:-.32s}.rdw-spinner .rdw-bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.rdw-image-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px;position:relative}.rdw-image-modal{background:#fff;border:1px solid #f1f1f1;border-radius:2px;box-shadow:3px 3px 5px #bfbdbd;display:flex;flex-direction:column;left:5px;padding:15px;position:absolute;top:35px;width:235px;z-index:100}.rdw-image-modal-header{display:flex;font-size:15px;margin:10px 0}.rdw-image-modal-header-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;width:50%}.rdw-image-modal-header-label{background:#f1f1f1;border:1px solid #f1f1f1;margin-top:5px;width:80px}.rdw-image-modal-header-label-highlighted{background:#6eb8d4;border-bottom:2px solid #0a66b7}.rdw-image-modal-upload-option{align-items:center;background-color:#f1f1f1;border:none;color:gray;cursor:pointer;display:flex;font-size:15px;justify-content:center;margin:10px 0;outline:2px dashed gray;outline-offset:-10px;padding:9px 0;width:100%}.rdw-image-modal-upload-option-highlighted{outline:2px dashed #0a66b7}.rdw-image-modal-upload-option-label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:15px;width:100%}.rdw-image-modal-upload-option-label span{padding:0 20px}.rdw-image-modal-upload-option-image-preview{max-height:200px;max-width:100%}.rdw-image-modal-upload-option-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.rdw-image-modal-url-section{align-items:center;display:flex}.rdw-image-modal-url-input{border:1px solid #f1f1f1;border-radius:2px;font-size:15px;height:35px;margin:15px 0 12px;padding:0 5px;width:90%}.rdw-image-modal-btn-section{margin:10px auto 0}.rdw-image-modal-url-input:focus{outline:none}.rdw-image-modal-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;height:30px;margin:0 5px;text-transform:capitalize;width:75px}.rdw-image-modal-btn:hover{box-shadow:1px 1px 0 #bfbdbd}.rdw-image-modal-btn:active{box-shadow:inset 1px 1px 0 #bfbdbd}.rdw-image-modal-btn:focus{outline:none!important}.rdw-image-modal-btn:disabled{background:#ece9e9}.rdw-image-modal-spinner{height:100%;left:0;opacity:.5;position:absolute;top:-3px;width:100%}.rdw-image-modal-alt-input{border:1px solid #f1f1f1;border-radius:2px;font-size:12px;height:20px;margin-left:5px;width:70%}.rdw-image-modal-alt-input:focus{outline:none}.rdw-image-modal-alt-lbl{font-size:12px}.rdw-image-modal-size{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.rdw-image-modal-size-input{border:1px solid #f1f1f1;border-radius:2px;font-size:12px;height:20px;width:40%}.rdw-image-modal-size-input:focus{outline:none}.rdw-image-mandatory-sign{color:red;margin-left:3px;margin-right:3px}.rdw-remove-wrapper{position:relative}.rdw-history-wrapper,.rdw-remove-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.rdw-history-dropdownoption{display:flex;height:40px;justify-content:center}.rdw-history-dropdown{width:50px}.rdw-link-decorator-wrapper{position:relative}.rdw-link-decorator-icon{background-color:#fff;cursor:pointer;left:40%;position:absolute;top:0}.rdw-mention-link{background-color:#f0fbff;border-radius:2px;color:#1236ff;padding:1px 2px;text-decoration:none}.rdw-suggestion-wrapper{position:relative}.rdw-suggestion-dropdown{background:#fff;border:1px solid #f1f1f1;display:flex;flex-direction:column;max-height:150px;min-width:100px;overflow:auto;position:absolute;z-index:100}.rdw-suggestion-option{border-bottom:1px solid #f1f1f1;padding:7px 5px}.rdw-suggestion-option-active{background-color:#f1f1f1}.rdw-hashtag-link{background-color:#f0fbff;border-radius:2px;color:#1236ff;padding:1px 2px;text-decoration:none}.rdw-image-alignment-options-popup{background:#fff;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;display:flex;padding:5px 2px;position:absolute;width:105px;z-index:100}.rdw-alignment-option-left{justify-content:flex-start}.rdw-image-alignment-option{height:15px;min-width:15px;width:15px}.rdw-image-alignment,.rdw-image-imagewrapper{position:relative}.rdw-image-center{display:flex;justify-content:center}.rdw-image-left{display:flex}.rdw-image-right{display:flex;justify-content:flex-end}.rdw-image-alignment-options-popup-right{right:0}.rdw-editor-main{box-sizing:border-box;height:100%;overflow:auto}.rdw-editor-toolbar{background:#fff;border:1px solid #f1f1f1;border-radius:2px;display:flex;flex-wrap:wrap;font-size:15px;justify-content:flex-start;margin-bottom:5px;padding:6px 5px 0;-webkit-user-select:none;user-select:none}.public-DraftStyleDefault-block{margin:1em 0}.rdw-editor-wrapper:focus{outline:none}.rdw-editor-wrapper{box-sizing:initial}.rdw-editor-main blockquote{border-left:5px solid #f1f1f1;padding-left:5px}.rdw-editor-main pre{background:#f1f1f1;border-radius:3px;padding:1px 10px}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:left;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:#fff0;border-left:.1px solid #0000;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.rich-text-editor-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:4px}.rich-text-toolbar{background:#f9f9f9;border:none;border-bottom:1px solid #e5e5e5;border-radius:4px 4px 0 0;padding:8px}.rich-text-editor{font-size:.95rem;line-height:1.6;min-height:150px;padding:12px}.rich-text-editor:focus{outline:none}.rdw-option-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:4px;height:30px;margin:0 4px;min-width:30px}.rdw-option-wrapper:hover{border-color:#4169e1;box-shadow:0 1px 3px #0000001a}.rdw-option-active{background:#4169e1;border-color:#4169e1;color:#fff}.rdw-dropdown-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:4px;height:30px}.rdw-dropdown-wrapper:hover{border-color:#4169e1;box-shadow:0 1px 3px #0000001a}@media (max-width:768px){.rich-text-editor{min-height:120px}.rich-text-toolbar{padding:6px}.rdw-option-wrapper{height:28px;margin:0 2px;min-width:28px}}.tickets-layout{background:#f5f5f5;min-height:100vh}.tickets-header{align-items:center;background:linear-gradient(135deg,#1e3a4c,#2c5f7c);display:flex;gap:2rem;justify-content:space-between;padding:2rem}.header-search-form{background:#fff;border-radius:4px;display:flex;flex:1 1;max-width:400px;overflow:hidden}.header-search-input{border:none;flex:1 1;font-size:.95rem;outline:none;padding:.75rem 1rem}.header-search-btn{background:#fff;border:none;color:#666;cursor:pointer;padding:0 1rem}.tickets-title-section{background:linear-gradient(135deg,#1e3a4c,#2c5f7c);color:#fff;padding:0 2rem 3rem}.tickets-title-section h1{font-size:2rem;font-weight:600;margin:0}.tickets-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 280px;margin:-2rem auto 2rem;max-width:1200px;padding:0 2rem;position:relative}.tickets-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-direction:column}.ticket-card,.tickets-content{display:flex;gap:1rem;padding:1.5rem}.ticket-card{align-items:center;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s}.ticket-card:hover{border-color:#4169e1;box-shadow:0 2px 8px #4169e11a}.ticket-icon{align-items:center;color:#4169e1;display:flex}.ticket-info{flex:1 1}.ticket-subject{color:#4169e1;font-size:1rem;font-weight:500;margin:0 0 .5rem}.ticket-meta{color:#666;font-size:.85rem;margin:0}.ticket-status{align-items:center;display:flex}.status-badge{border-radius:4px;font-size:.85rem;font-weight:500;padding:.4rem 1rem}.status-open{background:#fff3cd;color:#856404}.status-pending{background:#cce5ff;color:#004085}.status-resolved{background:#d4edda;color:#155724}.status-closed{background:#e2e3e5;color:#383d41}.tickets-sidebar{display:flex;flex-direction:column;gap:1.5rem}.export-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.export-btn:hover{border-color:#4169e1;color:#4169e1}.filter-section{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.filter-label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.filter-select{border:1px solid #e5e5e5;font-size:.95rem;outline:none;padding:.75rem}.filter-select:focus{border-color:#4169e1}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:968px){.tickets-container{grid-template-columns:1fr}.tickets-sidebar{order:-1}}@media (max-width:768px){.tickets-header{align-items:stretch;flex-direction:column;padding:1rem}.header-search-form{max-width:100%}.tickets-title-section{padding:0 1rem 2rem}.tickets-title-section h1{font-size:1.5rem}.tickets-container{gap:1rem;margin:-1rem auto 1rem;padding:0 1rem}.tickets-content{padding:1rem}.ticket-card{align-items:flex-start;flex-direction:column;padding:1rem}.ticket-status{width:100%}.filter-section{padding:1rem}}.ticket-details-layout{background:#f5f5f5;min-height:100vh}.ticket-details-header{align-items:center;background:linear-gradient(135deg,#1e3a4c,#2c5f7c);display:flex;gap:2rem;justify-content:space-between;padding:2rem}.breadcrumb{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.5rem}.breadcrumb-link{cursor:pointer;text-decoration:underline}.breadcrumb-link:hover{opacity:.8}.breadcrumb-separator{margin:0 .25rem}.ticket-details-title-section{background:linear-gradient(135deg,#1e3a4c,#2c5f7c);color:#fff;gap:1rem;padding:0 2rem 3rem}.ticket-details-title-section,.title-icon{align-items:center;display:flex}.title-content h1{font-size:2rem;font-weight:600;margin:0 0 .5rem}.ticket-created-info{font-size:.9rem;margin:0;opacity:.9}.ticket-details-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 320px;margin:-2rem auto 2rem;max-width:1200px;padding:0 2rem}.ticket-main-content{display:flex;flex-direction:column;gap:1.5rem}.ticket-conversation{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.conversation-item{display:flex;gap:1rem;margin-bottom:2rem}.user-avatar{align-items:center;background:#4169e1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.conversation-content{flex:1 1}.conversation-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.user-name{color:#333;font-weight:600}.conversation-action{color:#666;font-size:.9rem}.conversation-time{color:#999;font-size:.85rem}.conversation-body{background:#f9f9f9;border-radius:6px;color:#333;line-height:1.6;padding:1rem}.conversation-body img{border-radius:4px;height:auto;margin:.5rem 0;max-width:100%}.attachments-section{border-top:1px solid #e5e5e5;margin-top:1rem;padding-top:1rem}.attachments-title{color:#666;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.attachments-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.attachment-image{border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;overflow:hidden;position:relative}.attachment-image img{display:block;height:150px;object-fit:cover;transition:transform .2s;width:100%}.attachment-image:hover img{transform:scale(1.05)}.download-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.attachment-image:hover .download-overlay{opacity:1}.attachment-file{align-items:center;border:1px solid #e5e5e5;border-radius:6px;color:#4169e1;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s}.attachment-file:hover{background:#f9f9f9;border-color:#4169e1}.attachment-file span{flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-box{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;margin-top:1rem;padding:1rem}.reply-attachment-section{margin-top:.75rem}.attach-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.attach-btn:hover{border-color:#4169e1;color:#4169e1}.reply-attached-files{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.reply-file-item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem}.reply-file-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.btn-cancel{border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.btn-cancel:hover{background:#f5f5f5}.btn-submit{background:#1e3a4c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.btn-submit:hover{background:#2c5f7c}.ticket-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-action{background:#fff;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s}.btn-reply{background:#1e3a4c;border-color:#1e3a4c;color:#fff}.btn-reply:hover{background:#2c5f7c}.btn-add-people:hover,.btn-close:hover{border-color:#4169e1;color:#4169e1}.ticket-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem}.sidebar-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.detail-group{margin-bottom:1.5rem}.detail-label{color:#666;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.detail-select{background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;font-size:.95rem;outline:none;padding:.75rem;width:100%}.detail-select:focus{border-color:#4169e1}.detail-value{background:#f9f9f9;border-radius:4px;color:#333;padding:.75rem}.btn-update{background:#1e3a4c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem;transition:background .2s;width:100%}.btn-update:hover{background:#2c5f7c}.empty-state,.loading-state{color:#666;font-size:1rem;padding:3rem;text-align:center}@media (max-width:968px){.ticket-details-container{grid-template-columns:1fr}.ticket-sidebar{order:-1}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.ticket-details-header{align-items:stretch;flex-direction:column;padding:1rem}.ticket-details-title-section{align-items:flex-start;flex-direction:column;padding:0 1rem 2rem}.title-content h1{font-size:1.5rem}.ticket-details-container{gap:1rem;margin:-1rem auto 1rem;padding:0 1rem}.ticket-conversation{padding:1rem}.conversation-item{flex-direction:column}.conversation-header{font-size:.85rem}.ticket-actions{flex-direction:column}.btn-action{width:100%}.ticket-sidebar{padding:1rem}.reply-box{padding:.75rem}.reply-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.attachments-grid{grid-template-columns:1fr}.attachment-image img{height:200px}}.new-ticket-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 40px);overflow-y:auto;padding:20px}.new-ticket-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.new-ticket-header h1{color:#1f2937;font-size:24px;font-weight:600;margin:0}.back-button{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.back-button:hover{background:#4b5563}.new-ticket-form{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.form-section{padding:24px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;gap:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-label.required:after{color:#ef4444;content:" *"}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.email-input-container{position:relative}.email-suggestions{background:#fff;border:1px solid #d1d5db;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px;transition:background-color .2s}.suggestion-item:hover{background:#f9fafb}.suggestion-item:last-child{border-bottom:none}.suggestion-email{color:#1f2937;font-size:14px;font-weight:500}.suggestion-name{color:#6b7280;font-size:12px;margin-top:2px}.form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;bottom:0;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:10}.cancel-button{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.cancel-button:hover{background:#4b5563}.create-button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.create-button:hover:not(:disabled){background:#1d4ed8}.create-button:disabled{background:#9ca3af;cursor:not-allowed}.attachment-section{align-items:center;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin-bottom:16px;padding:12px;transition:border-color .2s,background-color .2s}.attachment-section:hover{background:#f8fafc;border-color:#2563eb}.attachment-section span{color:#6b7280;font-size:14px}.attached-files{margin-bottom:16px}.file-item{background:#f3f4f6;border-radius:4px;color:#374151;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.file-item,.file-item button{align-items:center;display:flex}.file-item button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.file-item button:hover{background:#fee2e2;border-radius:50%}@media (max-width:768px){.form-row{grid-template-columns:1fr}.new-ticket-header{align-items:flex-start;flex-direction:column;gap:12px}}.new-button-container{display:inline-block;position:relative}.new-button{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.new-button:hover{background:#1d4ed8}.dropdown-arrow{font-size:10px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.new-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:4px;min-width:120px;position:absolute;top:100%;z-index:1000}.new-dropdown-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background-color .2s}.new-dropdown-item:hover{background:#f3f4f6}.new-dropdown-item:first-child{border-radius:6px 6px 0 0}.new-dropdown-item:last-child{border-radius:0 0 6px 6px}.dropdown-icon{font-size:16px}.fd-layout{display:flex;height:100vh;overflow:hidden}.fd-left-nav{background:#1e293b;box-shadow:2px 0 4px #0000001a;flex-direction:column;padding:12px 0;width:50px}.fd-left-nav,.fd-nav-logo{align-items:center;display:flex}.fd-nav-logo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;height:36px;margin-bottom:20px;width:36px}.fd-nav-icon,.fd-nav-logo{border-radius:8px;cursor:pointer;justify-content:center}.fd-nav-icon{align-items:center;color:#94a3b8;display:flex;height:40px;margin:4px 0;position:relative;transition:all .2s;width:40px}.fd-nav-icon:hover{background:#ffffff1a;color:#fff}.fd-nav-icon.active{background:#ffffff26;color:#fff}.fd-nav-icon.active:before{background:#3b82f6;border-radius:0 2px 2px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.fd-nav-icon svg{font-size:22px}.fd-nav-spacer{flex:1 1}.fd-main-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.fd-top-bar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 20px}.fd-top-bar,.fd-top-bar-left{align-items:center;display:flex}.fd-top-bar-left{gap:12px}.fd-top-bar-right{align-items:center;display:flex;gap:15px}.fd-top-btn{background:#0000;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s}.fd-top-btn:hover{background:#f9fafb}.fd-profile-menu{position:relative}.fd-profile-btn{align-items:center;background:#fce7f3;border:none;border-radius:50%;color:#ec4899;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.fd-profile-btn svg{font-size:24px}.fd-profile-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;position:absolute;right:0;top:45px;width:280px;z-index:1000}.fd-profile-header{border-bottom:1px solid #e5e7eb;padding:16px}.fd-profile-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.fd-profile-email{color:#6b7280;font-size:12px}.fd-profile-item{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:13px;padding:12px 16px;transition:background .2s}.fd-profile-item:hover{background:#f9fafb}.fd-profile-item:last-child{border-bottom:none}.fd-profile-hint{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.profile-page{background:#f5f7fa;min-height:calc(100vh - 60px);padding:20px}.profile-header{margin-bottom:30px}.profile-header h1{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.profile-header p{color:#666;font-size:14px;margin:0}.profile-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:500px;padding:30px}.profile-form .form-group{margin-bottom:20px}.profile-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:6px}.profile-form .form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.profile-form .form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.profile-form .disabled-field{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.profile-form .field-note{color:#6c757d;display:block;font-size:12px;margin-top:4px}.profile-form .error-text{color:#dc3545;display:block;font-size:12px;margin-top:4px}.profile-form .form-actions{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.profile-form .btn-primary{background-color:#007bff;border:1px solid #007bff;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.profile-form .btn-primary:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.profile-form .btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.activity-feed{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.activity-feed h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 16px}.activity-loading,.no-activity{color:#7f8c8d;padding:20px;text-align:center}.no-activity{font-style:italic}.activity-list{max-height:400px;overflow-y:auto}.activity-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;margin-right:12px;text-transform:uppercase;width:32px}.activity-avatar:first-child{background:#e74c3c}.activity-avatar:nth-child(2){background:#3498db}.activity-avatar:nth-child(3){background:#2ecc71}.activity-avatar:nth-child(4){background:#f39c12}.activity-avatar:nth-child(5){background:#9b59b6}.activity-avatar:nth-child(6){background:#1abc9c}.activity-avatar:nth-child(7){background:#34495e}.activity-avatar:nth-child(8){background:#e67e22}.activity-item:nth-child(odd) .activity-avatar{background:#3498db}.activity-item:nth-child(2n) .activity-avatar{background:#e74c3c}.activity-item:nth-child(3n) .activity-avatar{background:#2ecc71}.activity-item:nth-child(4n) .activity-avatar{background:#f39c12}.activity-item:nth-child(5n) .activity-avatar{background:#9b59b6}.activity-content{flex:1 1;min-width:0}.activity-description{color:#2c3e50;font-size:14px;line-height:1.4;margin:0 0 4px}.activity-description strong{color:#2c3e50;font-weight:600}.activity-description strong:not(:first-child){color:#3498db}.activity-link{border-bottom:1px solid #0000;color:#3498db;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.activity-link:hover{border-bottom-color:#2980b9;color:#2980b9;text-decoration:none}.activity-time{color:#95a5a6;font-size:12px}@media (max-width:768px){.activity-feed{padding:16px}.activity-item{padding:10px 0}.activity-avatar{font-size:12px;height:28px;width:28px}.activity-description{font-size:13px}}.fd-todo-form{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:16px}.fd-form-group{margin-bottom:12px}.fd-form-row{display:flex;gap:12px}.fd-form-row .fd-form-group{flex:1 1}.fd-form-input,.fd-form-select,.fd-form-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}.fd-form-input:focus,.fd-form-select:focus,.fd-form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.fd-form-textarea{min-height:60px;resize:vertical}.fd-form-actions{display:flex;gap:8px;margin-top:16px}.fd-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.fd-btn-primary{background:#007bff;color:#fff}.fd-btn-primary:hover{background:#0056b3}.fd-btn-secondary{background:#6c757d;color:#fff}.fd-btn-secondary:hover{background:#545b62}.fd-todo-list{max-height:400px;overflow-y:auto}.fd-todo-item{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;padding:12px 16px;transition:background-color .2s}.fd-todo-item:hover{background:#f8f9fa}.fd-todo-item.completed{opacity:.6}.fd-todo-item.completed .fd-todo-title{text-decoration:line-through}.fd-todo-content{flex:1 1}.fd-todo-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.fd-todo-checkbox{align-items:center;background:#fff;border:2px solid #ddd;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s;width:20px}.fd-todo-checkbox:hover{border-color:#007bff}.fd-todo-checkbox.checked{background:#28a745;border-color:#28a745}.fd-todo-title{flex:1 1;font-size:14px;font-weight:500;margin:0}.fd-todo-priority{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.fd-todo-description{color:#6c757d;font-size:13px;line-height:1.4;margin:0 0 8px 32px}.fd-todo-meta{color:#6c757d;display:flex;font-size:12px;gap:16px;margin-left:32px}.fd-todo-due.overdue{color:#dc3545;font-weight:500}.fd-todo-delete{background:none;border:none;cursor:pointer;opacity:.5;padding:4px;transition:opacity .2s}.fd-todo-delete:hover{opacity:1}.fd-add-todo{background:none;border:none;color:#007bff;font-size:14px;padding:4px 8px;transition:background-color .2s}.fd-add-todo:hover{background:#007bff1a}.fd-dashboard{background:#f8f9fa;min-height:100vh;overflow-y:auto;padding:24px}.fd-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.fd-dashboard-header h1{font-size:24px;font-weight:600;margin:0}.fd-group-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px}.fd-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:20px}.fd-banner-icon{font-size:32px}.fd-banner-content strong{display:block;font-size:16px;margin-bottom:4px}.fd-banner-content p{font-size:13px;margin:0;opacity:.9}.fd-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.fd-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.fd-stat-card.clickable{cursor:pointer;transition:box-shadow .2s,transform .1s}.fd-stat-card.clickable:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.fd-stat-label{color:#6b7280;font-size:13px;margin-bottom:8px}.fd-stat-value{color:#111827;font-size:32px;font-weight:600}.fd-stat-link{color:#3b82f6}.fd-widgets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.fd-widget{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.fd-widget-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.fd-widget-header h3{font-size:14px;font-weight:600;margin:0}.fd-widget-subtitle{color:#6b7280;font-size:12px}.fd-widget-link{color:#3b82f6;text-decoration:none}.fd-add-todo,.fd-widget-link{font-size:12px;margin-left:auto}.fd-add-todo{background:#0000;border:1px solid #ddd;border-radius:4px;color:#22c55e;cursor:pointer;padding:4px 12px}.fd-widget-empty{color:#9ca3af;padding:40px 20px;text-align:center}.fd-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.fd-widget-list{display:flex;flex-direction:column;gap:12px}.fd-widget-item{border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.fd-widget-item:last-child{border-bottom:none}.fd-widget-item.clickable{border-radius:4px;cursor:pointer;margin:0 -12px;padding:8px 12px;transition:background-color .2s}.fd-widget-item.clickable:hover{background-color:#f8f9fa}.fd-widget-group-name{color:#3b82f6;font-weight:500}.fd-widget-group-count,.fd-widget-status{color:#6b7280;font-weight:500}.fd-activity-feed{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.fd-activity-feed h3{font-size:16px;font-weight:600;margin:0 0 20px}.fd-activity-item{border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0}.fd-activity-item:last-child{border-bottom:none}.fd-activity-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.fd-activity-content{flex:1 1}.fd-activity-content p{color:#374151;font-size:13px;margin:0 0 4px}.fd-activity-content a{color:#3b82f6;text-decoration:none}.fd-activity-time{color:#9ca3af;font-size:12px}.fd-no-activity{color:#9ca3af;padding:40px;text-align:center}@media (max-width:1200px){.fd-widgets-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.fd-stats-grid{grid-template-columns:repeat(2,1fr)}.fd-widgets-grid{grid-template-columns:1fr}}.modern-ticket-filters{background:#fff;border-left:1px solid #e0e0e0;height:100%;overflow-y:auto;position:relative;width:260px}.filters-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 16px}.filters-title{align-items:center;color:#333;display:flex;font-size:12px;font-weight:600;gap:8px;text-transform:uppercase}.filter-icon{font-size:14px}.active-filters-badge{background:#1976d2;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:16px;padding:2px 8px;text-align:center}.clear-all-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.clear-all-btn:hover{background:#f5f5f5;color:#333}.active-filters{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:12px 16px}.filter-chip{align-items:center;background:#e0e0e0;border-radius:12px;color:#333;display:inline-flex;font-size:11px;gap:6px;margin:2px 4px 2px 0;padding:4px 8px}.filter-chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:14px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:14px}.filter-chip-remove:hover{background:#ccc;color:#333}.filters-panel{padding:12px 0}.filter-section{margin-bottom:16px;padding:0 16px}.filter-search-input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px;transition:border-color .2s;width:100%}.filter-search-input:focus{border-color:#1976d2;outline:none}.filter-search-input::placeholder{color:#999}.filter-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 12px;transition:border-color .2s;width:100%}.filter-select:focus{border-color:#1976d2;outline:none}.filter-dropdown{position:relative}.filter-dropdown-trigger{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;text-align:left;transition:border-color .2s;width:100%}.filter-dropdown-trigger:hover{border-color:#999}.filter-dropdown-trigger:focus{border-color:#1976d2;outline:none}.filter-count{color:#1976d2;font-weight:600}.filter-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-option{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background-color .2s}.filter-option:hover{background:#f5f5f5}.filter-option input[type=checkbox]{display:none}.checkmark{border:2px solid #ddd;border-radius:3px;height:14px;position:relative;transition:all .2s;width:14px}.filter-option input[type=checkbox]:checked+.checkmark{background:#1976d2;border-color:#1976d2}.filter-option input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:1px;position:absolute;top:-2px}.freshdesk-container{background:#f8f9fa;display:flex;height:calc(100vh - 60px)}.freshdesk-container .fd-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.fd-sidebar{background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;width:260px}.fd-sidebar-search{border-bottom:1px solid #e0e0e0;padding:12px}.fd-sidebar-search input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px;width:100%}.fd-sidebar-section{padding:12px 0}.fd-section-header{color:#666;font-size:11px;font-weight:600;padding:8px 16px;text-transform:uppercase}.fd-sidebar-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 16px}.fd-sidebar-item:hover{background:#f5f5f5}.fd-sidebar-item.active{background:#e3f2fd;border-left:3px solid #1976d2;color:#1976d2}.fd-count{background:#e0e0e0;border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.fd-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.fd-toolbar{background:#fff;border-bottom:1px solid #e0e0e0;font-size:13px;justify-content:space-between;padding:12px 20px}.fd-toolbar,.fd-toolbar-left{align-items:center;display:flex}.fd-toolbar-left{gap:8px}.fd-view-title{font-size:14px;font-weight:600}.fd-toolbar-right{align-items:center;color:#666;display:flex;font-size:12px;gap:12px}.fd-toolbar-right button,.fd-toolbar-right select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.fd-layout-btn.active{background:#f5f5f5}.fd-tickets-list{background:#f8f9fa;flex:1 1;overflow-y:auto}.fd-ticket-row{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .2s}.fd-ticket-row:hover{background:#f9f9f9}.fd-checkbox{cursor:pointer;height:16px;width:16px}.fd-ticket-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.fd-ticket-content{flex:1 1}.fd-ticket-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.fd-badge{border-radius:3px;font-size:11px;font-weight:600;padding:2px 8px}.fd-badge-new{background:#4caf50;color:#fff}.fd-ticket-subject{color:#333;font-size:14px;font-weight:500}.fd-ticket-number{color:#999;font-size:12px;font-weight:400}.fd-ticket-meta{color:#666;display:flex;font-size:12px;gap:8px}.fd-ticket-right{align-items:center;display:flex;gap:12px}.fd-priority{border-radius:50%;height:8px;width:8px}.fd-ticket-info{color:#666;font-size:12px;text-align:right}.fd-priority-label{font-weight:600;margin-bottom:4px;text-transform:capitalize}.fd-status{font-weight:500;margin-top:4px}.fd-filters-panel{background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;padding:16px;width:280px}.fd-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fd-filters-header h3{color:#666;font-size:12px;font-weight:700;margin:0}.fd-filters-header button{background:none;border:none;color:#999;cursor:pointer;font-size:16px}.fd-filter-group{margin-bottom:16px}.fd-filter-label{color:#333;font-size:12px;font-weight:600;margin-bottom:8px}.fd-filter-group select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px;width:100%}.fd-apply-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;width:100%}.fd-empty,.fd-loading{color:#999;padding:40px;text-align:center}.confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-dialog{animation:confirmSlideIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;max-width:400px;width:90%}.confirm-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;padding:20px 20px 16px}.confirm-icon{font-size:24px}.confirm-header h3{font-size:18px;font-weight:600;margin:0}.confirm-warning h3{color:#856404}.confirm-danger h3{color:#721c24}.confirm-info h3{color:#0c5460}.confirm-body{padding:16px 20px}.confirm-body p{color:#666;line-height:1.5;margin:0}.confirm-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px 20px}.btn-cancel,.btn-confirm{border:1px solid;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-cancel{background:#fff;border-color:#ddd;color:#666}.btn-cancel:hover{background:#f8f9fa;border-color:#adb5bd}.btn-confirm{color:#fff;font-weight:500}.btn-warning{background:#ffc107;border-color:#ffc107}.btn-warning:hover{background:#e0a800;border-color:#d39e00}.btn-danger{background:#dc3545;border-color:#dc3545}.btn-danger:hover{background:#c82333;border-color:#bd2130}.btn-info{background:#17a2b8;border-color:#17a2b8}.btn-info:hover{background:#138496;border-color:#117a8b}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.companies-page{background:#f8f9fa;min-height:100vh;padding:24px}.companies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.companies-header h1{font-size:24px;font-weight:600;margin:0}.btn-primary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.companies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.company-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:box-shadow .2s}.company-card:hover{box-shadow:0 4px 6px #0000001a}.company-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.company-card-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.company-actions{display:flex;gap:8px}.company-actions button{background:#0000;border:none;cursor:pointer;font-size:16px;padding:4px}.company-card-body p{color:#6b7280;font-size:14px;margin:8px 0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-content h2{font-size:20px;font-weight:600;margin:0 0 20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-actions button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.form-actions button[type=button]{background:#fff;border:1px solid #d1d5db;color:#374151}.loading{color:#6b7280}.contacts-page{background:#f5f7fa;min-height:calc(100vh - 60px);padding:20px}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.contacts-header h1{color:#333;font-size:24px;font-weight:600;margin:0}.contacts-actions{align-items:center;display:flex;gap:12px}.btn-export,.btn-import{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px}.contacts-count{color:#666;font-size:13px}.contacts-toolbar{background:#fff;border:1px solid #e0e0e0;border-radius:4px 4px 0 0;gap:16px;padding:12px 20px}.contacts-toolbar,.select-all{align-items:center;display:flex}.select-all{color:#333;cursor:pointer;font-size:13px;gap:8px}.search-box input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px;width:300px}.contacts-table-container{background:#fff;border:1px solid #e0e0e0;border-top:none;overflow-x:auto}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead{background:#f8f9fa;border-bottom:1px solid #e0e0e0}.contacts-table th{color:#666;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.contacts-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:13px;padding:12px 16px}.contacts-table tbody tr:hover{background:#f9f9f9;cursor:pointer}.contact-row{transition:background-color .2s ease}.contact-row:hover{background-color:#f8f9fa!important;cursor:pointer}.contact-info{gap:12px}.contact-avatar,.contact-info{align-items:center;display:flex}.contact-avatar{border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.btn-menu{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:4px 8px}.contacts-footer{background:#fff;border:1px solid #e0e0e0;border-radius:0 0 4px 4px;border-top:none;padding:12px 20px}.entries-per-page{color:#666;font-size:13px}.entries-per-page select{border:1px solid #ddd;border-radius:4px;margin:0 8px;padding:4px 8px}.contact-actions{align-items:center;display:flex;gap:10px}.role-badge{background-color:#e9ecef;border-radius:12px;color:#495057;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.btn-delete,.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px;transition:background-color .2s}.btn-edit:hover{background-color:#e3f2fd}.btn-delete:hover{background-color:#ffebee}.contacts-modal{max-width:90vw;width:500px}.contacts-modal .form-group{margin-bottom:16px}.contacts-modal .form-group label{display:block;font-weight:500;margin-bottom:4px}.contacts-modal .form-group input,.contacts-modal .form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.contacts-modal .form-group input:disabled{background-color:#f5f5f5;color:#666}.contacts-modal .error-text{color:#dc3545;display:block;font-size:12px;margin-top:4px}.contacts-modal .form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:24px}.contacts-modal .form-actions-right{display:flex;gap:12px}.contacts-modal .form-actions button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.contacts-modal .btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.contacts-modal .btn-primary:hover{background-color:#0056b3}.contacts-modal .btn-delete-modal{background-color:#dc3545;border-color:#dc3545;color:#fff}.contacts-modal .btn-delete-modal:hover{background-color:#c82333}.settings-page{background:#f5f7fa;display:flex;height:calc(100vh - 60px)}.settings-sidebar{background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;padding:20px 0;width:320px}.settings-sidebar h2{color:#333;font-size:20px;font-weight:600;margin:0;padding:0 20px 16px}.settings-menu-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background .2s}.settings-menu-item:hover{background:#f5f5f5}.settings-menu-item.active{background:#e3f2fd;border-left:3px solid #1976d2}.settings-menu-icon{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.settings-menu-content{flex:1 1}.settings-menu-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.settings-menu-desc{color:#666;font-size:12px;line-height:1.4}.settings-content{flex:1 1;overflow-y:auto;padding:40px}.settings-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.settings-section-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.settings-count{color:#666;font-size:13px}.settings-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.settings-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.settings-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.settings-card-icon{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.settings-card-content{flex:1 1}.settings-card-content h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.settings-card-content p{color:#666;font-size:13px;line-height:1.5;margin:0}.settings-placeholder{padding:60px 20px;text-align:center}.settings-placeholder h2{color:#333;font-size:24px;margin-bottom:12px}.settings-placeholder p{color:#666;font-size:14px}.groups-page{background:#f5f7fa;min-height:calc(100vh - 60px)}.groups-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 24px}.breadcrumb{color:#666;font-size:13px}.groups-content{display:flex;gap:24px;padding:24px}.groups-main{background:#fff;border-radius:8px;flex:1 1;padding:24px}.groups-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.groups-toolbar h1{font-size:24px;font-weight:600;margin:0}.btn-new-group{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.groups-search{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.groups-search input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px;width:300px}.groups-count{color:#666;font-size:13px}.groups-table{border:1px solid #e0e0e0;border-radius:4px}.groups-table-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;padding:12px 16px;text-transform:uppercase}.groups-table-header,.groups-table-row{display:grid;grid-template-columns:1fr 150px 80px}.groups-table-row{align-items:center;border-bottom:1px solid #f0f0f0;padding:16px}.groups-table-row:hover{background:#f9f9f9}.group-name{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.group-desc{color:#666;font-size:12px}.col-agents{color:#333;font-size:14px}.col-actions{display:flex;gap:8px}.col-actions button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px}.groups-sidebar{background:#fff;border-radius:8px;padding:24px;width:320px}.groups-sidebar h3{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.groups-sidebar p{color:#666;font-size:13px;line-height:1.6;margin:0 0 24px}.groups-modal{width:500px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.checkbox-wrapper{align-items:center;display:flex;gap:8px}.checkbox-wrapper input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.checkbox-wrapper label{cursor:pointer;font-size:14px;margin:0;-webkit-user-select:none;user-select:none}.agents-list{background:#fafafa;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;padding:8px}.agent-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:30px;margin-bottom:4px;padding:10px}.agent-checkbox:hover{background:#e8e8e8}.agent-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin:10px;width:16px}.agent-checkbox span{flex:1 1;text-align:center;-webkit-user-select:none;user-select:none}.agents-page{background:#f5f7fa;min-height:calc(100vh - 60px)}.agents-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 24px}.agents-content{display:flex;gap:24px;padding:24px}.agents-main{background:#fff;border-radius:8px;flex:1 1;padding:24px}.agents-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.agents-toolbar h1{font-size:24px;font-weight:600;margin:0}.agents-actions{display:flex;gap:12px}.btn-new-agent{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.btn-new-agent:hover{background:#1565c0}.agents-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:20px}.agents-tabs .tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 20px}.agents-tabs .tab:hover{color:#333}.agents-tabs .tab.active{border-bottom-color:#1976d2;color:#1976d2}.tab-count{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:600;padding:2px 8px}.agents-tabs .tab.active .tab-count{background:#1976d2;color:#fff}.agents-search{margin-bottom:20px}.agents-search input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 16px;width:100%}.agents-table{border:1px solid #e0e0e0;border-radius:4px}.agents-table-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;padding:12px 16px;text-transform:uppercase}.agents-table-header,.agents-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.agents-table-row{align-items:center;border-bottom:1px solid #f0f0f0;padding:16px}.agents-table-row:hover{background:#f9f9f9;cursor:pointer}.tag-select{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;min-height:32px}.tag{background:#e3f2fd;border-radius:16px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}.tag,.tag button{align-items:center;color:#1976d2}.tag button{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:16px;justify-content:center;padding:0;width:16px}.tag button:hover{background:#1976d21a}.tag-select select{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:8px;width:100%}.tag-select select:focus{border-color:#1976d2;outline:none}.col-name{gap:12px}.agent-avatar,.col-name{align-items:center;display:flex}.agent-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.agent-info{flex:1 1}.agent-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.agent-email{color:#666;font-size:12px}.col-groups,.col-last-seen,.col-roles{color:#333;font-size:14px}.agents-sidebar{background:#fff;border-radius:8px;padding:24px;width:320px}.agents-sidebar h3{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.agents-sidebar p{color:#666;font-size:13px;line-height:1.6;margin:0 0 24px}.agents-modal{max-height:90vh;overflow-y:auto;width:600px}.section-title{border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;font-weight:600;margin:24px 0 16px;padding-bottom:8px}.field-description{color:#666;font-size:12px;margin:4px 0 8px}.checkbox-list,.radio-list{display:flex;flex-direction:column;gap:12px}.checkbox-item,.radio-item{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px}.checkbox-item:hover,.radio-item:hover{background:#f5f5f5}.checkbox-item input[type=checkbox],.radio-item input[type=radio]{cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-item span{color:#333;font-size:14px;-webkit-user-select:none;user-select:none}.radio-title{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.radio-desc{color:#666;font-size:12px}.agents-table-row{cursor:pointer}.no-agents{font-size:14px}.loading,.no-agents{color:#999;padding:40px;text-align:center}.freshdesk-ticket-detail{background:#f5f7fa;display:flex;height:calc(100vh - 60px)}.fd-detail-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.fd-detail-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 20px}.fd-breadcrumb{color:#666;font-size:13px;margin-bottom:8px}.fd-breadcrumb a{color:#1976d2;text-decoration:none}.fd-detail-actions{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:12px 20px}.fd-action-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px}.fd-action-btn:hover{background:#f5f5f5}.fd-detail-content{flex:1 1;overflow-y:auto;padding:20px}.fd-ticket-badge{background:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.fd-ticket-title{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.fd-ticket-meta-info{color:#666;font-size:13px;margin-bottom:20px}.fd-conversation{background:#0000;margin-bottom:20px}.fd-message{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px;padding:20px}.fd-message-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.fd-message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.fd-message-author{flex:1 1}.fd-message-author-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.fd-message-time{color:#999;font-size:12px}.fd-message-body{word-wrap:break-word;color:#333;font-size:14px;line-height:1.6;padding-left:52px}.fd-message-body p{margin:0 0 12px}.fd-message-body p:last-child{margin-bottom:0}.fd-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-left:52px}.fd-attachment-item{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;margin-right:8px;padding:8px 12px}.fd-attachment-item:hover{background:#e8e8e8}.fd-reply-box{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.fd-reply-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:120px;padding:12px;resize:vertical;width:100%}.fd-reply-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fd-reply-attachment-item{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:13px;gap:8px;padding:6px 12px}.fd-reply-attachment-item button{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0}.fd-reply-actions{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.fd-reply-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.fd-detail-sidebar{background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;width:320px}.fd-sidebar-section{border-bottom:1px solid #e0e0e0;padding:20px}.fd-sidebar-title{color:#666;font-size:12px;font-weight:700;text-transform:uppercase}.fd-property-group,.fd-sidebar-title{margin-bottom:16px}.fd-property-label{color:#666;font-size:12px;margin-bottom:6px}.fd-property-value{color:#333;font-size:14px;font-weight:500}.fd-property-select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px;width:100%}.fd-update-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:10px;width:100%}.fd-status-open{color:#1976d2}.fd-timeline-item{border-bottom:1px solid #f0f0f0;font-size:13px;padding:12px 0}.fd-timeline-item:last-child{border-bottom:none}.fd-timeline-title{color:#333;font-weight:600;margin-bottom:4px}.fd-timeline-date{color:#999;font-size:12px}.fd-timeline-status{color:#666;font-size:12px}.fd-forward-panel{background:#fff;border-left:1px solid #e0e0e0;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 60px);position:fixed;right:0;top:60px;width:500px;z-index:1000}.fd-forward-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.fd-forward-title{color:#333;font-size:16px;font-weight:600}.fd-forward-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px}.fd-forward-content{flex:1 1;overflow-y:auto;padding:20px}.fd-forward-from{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.fd-forward-avatar{align-items:center;background:#ff6b6b;border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.fd-forward-email{color:#666;font-size:12px}.fd-forward-field{margin-bottom:16px}.fd-forward-field label{color:#333;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.fd-forward-field input{font-size:13px;width:100%}.fd-forward-bcc,.fd-forward-field input{border:1px solid #ddd;border-radius:4px;padding:8px 12px}.fd-forward-bcc{align-items:center;display:flex;gap:8px}.fd-bcc-tag{background:#e3f2fd;border-radius:4px;padding:4px 8px}.fd-bcc-tag,.fd-clear-btn{color:#1976d2;font-size:12px}.fd-clear-btn{background:none;border:none;cursor:pointer;margin-left:auto}.fd-forward-message{margin-bottom:16px}.fd-forward-message textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;padding:12px;resize:vertical;width:100%}.fd-forward-attachments{margin-bottom:16px}.fd-attachment-label{color:#333;font-size:12px;font-weight:600;margin-bottom:8px}.fd-attachment-list{display:flex;flex-wrap:wrap;gap:8px}.fd-attachment-tag{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:12px;padding:6px 12px}.fd-forward-actions{display:flex;justify-content:flex-end}.fd-forward-send{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.fd-forward-send:hover{background:#1565c0}
/*# sourceMappingURL=main.8f7a1c7a.css.map*/