.language-selector-wrapper{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-shrink:0}.language-selector-container{width:264px;display:flex;align-items:center;gap:4px;justify-content:flex-end}.language-selector-icon{width:24px;height:24px;color:#ccc;cursor:pointer}.language-selector-icon:hover{color:#4a90e2}.custom-language-selector{position:relative;width:180px;font-family:Arial,sans-serif;color:#fff;transition:width .3s ease}.custom-language-selector.text-hidden{width:80px}.selector-current{display:flex;align-items:center;padding:8px 12px;background-color:#3a3a3a;border:1px solid #555;border-radius:4px;cursor:pointer;transition:background-color .2s;height:38px;box-sizing:border-box}.selector-current:hover{background-color:#4a4a4a}.selector-current .flag{margin-right:10px;display:flex;align-items:center}.selector-current .text{flex-grow:1;transition:opacity .3s ease,width .3s ease}.custom-language-selector.text-hidden .selector-current .text{opacity:0;width:0;margin:0;overflow:hidden}.custom-language-selector.text-hidden .selector-current .flag{margin-right:0}.selector-current .arrow{transition:transform .2s}.custom-language-selector.open .selector-current .arrow{transform:rotate(180deg)}.selector-options{display:none;position:absolute;top:105%;left:0;right:0;background-color:#2c2c2c;border:1px solid #555;border-radius:4px;z-index:100;max-height:200px;overflow-y:auto}.custom-language-selector.open .selector-options{display:block}.selector-options .option{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s}.selector-options .option:hover{background-color:#4a90e2}.selector-options .option.selected{background-color:#3a3a3a;font-weight:700}.flag img{width:24px;height:auto;border:1px solid rgba(255,255,255,.2);box-sizing:border-box}.selector-options .option .flag{margin-right:10px}.page-dashboard .language-selector-icon{color:#757575}.page-dashboard .language-selector-icon:hover{color:#4a90e2}.page-login .language-selector-icon{color:#757575}.page-login .language-selector-icon:hover{color:#4a90e2}.selector-current .text,.selector-current .arrow{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}