.\0073\0072-\006f\006e\006c\0079{\0070\006f\0073\0069\0074\0069\006f\006e:absolute;\0077\0069\0064\0074\0068:1px;\0068\0065\0069\0067\0068\0074:1px;\0070\0061\0064\0064\0069\006e\0067:0;\006d\0061\0072\0067\0069\006e:-1px;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0063\006c\0069\0070:rect(0,0,0,0);\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\0062\006f\0072\0064\0065\0072-\0077\0069\0064\0074\0068:0}:root{--primary-color: #007aff;--\0073\0065\0063\006f\006e\0064\0061\0072\0079-\0063\006f\006c\006f\0072: #5ac8fa;--\0061\0063\0063\0065\006e\0074-\0063\006f\006c\006f\0072: #ff2d55;--\0070\0072\0069\006d\0061\0072\0079-\0063\006f\006c\006f\0072-\0064\0061\0072\006b: #0062cc;--\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #f5f5f7;--\0063\0061\0072\0064-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: #ffffff;--\0068\0065\0061\0064\0065\0072-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: rgba(255, 255, 255, 0.8);--\0074\0065\0078\0074-\0063\006f\006c\006f\0072: #1d1d1f;--\0074\0065\0078\0074-\0073\0065\0063\006f\006e\0064\0061\0072\0079: #86868b;--\0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072: #d2d2d7;--\0073\0065\0070\0061\0072\0061\0074\006f\0072-\0063\006f\006c\006f\0072: #e5e5ea;--\0073\0075\0063\0063\0065\0073\0073-\0063\006f\006c\006f\0072: #34c759;--\0077\0061\0072\006e\0069\006e\0067-\0063\006f\006c\006f\0072: #ff9500;--\0065\0072\0072\006f\0072-\0063\006f\006c\006f\0072: #ff3b30;--\0073\0068\0061\0064\006f\0077-\0073\006d\0061\006c\006c: 0 2px 4px rgba(0, 0, 0, 0.05);--\0073\0068\0061\0064\006f\0077-\006d\0065\0064\0069\0075\006d: 0 4px 8px rgba(0, 0, 0, 0.1);--\0073\0068\0061\0064\006f\0077-\006c\0061\0072\0067\0065: 0 8px 16px rgba(0, 0, 0, 0.15);--\0066\006f\006e\0074-\0066\0061\006d\0069\006c\0079: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;--\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 8px;--\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e-\0073\0070\0065\0065\0064: 0.2s}[data-theme=dark]{--primary-color: #0a84ff;--\0073\0065\0063\006f\006e\0064\0061\0072\0079-\0063\006f\006c\006f\0072: #64d2ff;--\0061\0063\0063\0065\006e\0074-\0063\006f\006c\006f\0072: #ff375f;--\0070\0072\0069\006d\0061\0072\0079-\0063\006f\006c\006f\0072-\0064\0061\0072\006b: #0056b3;--\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #1c1c1e;--\0063\0061\0072\0064-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: #2c2c2e;--\0068\0065\0061\0064\0065\0072-\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: rgba(44, 44, 46, 0.8);--\0074\0065\0078\0074-\0063\006f\006c\006f\0072: #f5f5f7;--\0074\0065\0078\0074-\0073\0065\0063\006f\006e\0064\0061\0072\0079: #98989d;--\0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072: #38383a;--\0073\0065\0070\0061\0072\0061\0074\006f\0072-\0063\006f\006c\006f\0072: #38383a}*{margin:0;\0070\0061\0064\0064\0069\006e\0067:0;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\0073\0063\0072\006f\006c\006c\0062\0061\0072-\0077\0069\0064\0074\0068:thin;\0073\0063\0072\006f\006c\006c\0062\0061\0072-\0063\006f\006c\006f\0072:#c1c1c1 #f1f1f1}body{font-family:var(--font-family);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--background-color);\0063\006f\006c\006f\0072:var(--text-color);\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.5;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:background-color var(--transition-speed) ease}a{color:var(--primary-color);\0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e:none}a:hover{text-decoration:underline}.email-html-content link,.email-html-content style,.hidden{display:none!important}.loading{display:flex;\0070\0061\0064\0064\0069\006e\0067:20px;\0063\006f\006c\006f\0072:var(--text-secondary)}.loading i{margin-right:8px}.btn,.empty-state,.loading{align-items:center;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center}.empty-state{display:flex;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:column;\0074\0065\0078\0074-\0061\006c\0069\0067\006e:center;\0068\0065\0069\0067\0068\0074:100%;\0070\0061\0064\0064\0069\006e\0067:40px;\0063\006f\006c\006f\0072:var(--text-secondary)}.empty-state i{font-size:48px;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:16px;\006f\0070\0061\0063\0069\0074\0079:.5}.btn{display:inline-flex;\0070\0061\0064\0064\0069\006e\0067:8px 16px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0063\006f\006c\006f\0072:var(--text-color);\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0066\006f\006e\0074-\0073\0069\007a\0065:14px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all var(--transition-speed) ease}.btn:hover,.sidebar .email-item:hover{background-color:var(--separator-color)}.btn-primary{background-color:var(--primary-color);\0063\006f\006c\006f\0072:#fff;\0062\006f\0072\0064\0065\0072:0}.btn-primary:hover{background-color:var(--secondary-color)}.btn-icon{padding:8px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:50%;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:0 0;\0062\006f\0072\0064\0065\0072:0}.btn-sm{padding:4px 8px;\0066\006f\006e\0074-\0073\0069\007a\0065:12px}.form-group{margin-bottom:16px}label{display:block;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:6px;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500}input[type=email],input[type=password],input[type=text],select{width:100%;\0070\0061\0064\0064\0069\006e\0067:10px 12px;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0063\006f\006c\006f\0072:var(--text-color);\0066\006f\006e\0074-\0066\0061\006d\0069\006c\0079:var(--font-family);\0066\006f\006e\0074-\0073\0069\007a\0065:14px;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:border-color var(--transition-speed) ease}input:focus,select:focus{outline:0;\0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072:var(--primary-color);\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 0 0 2px rgba(0,122,255,.2)}.input-group{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:flex-start;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:10px}.input-group input{flex:1;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px 0 0 4px;\0068\0065\0069\0067\0068\0074:40px;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\006d\0069\006e-\0077\0069\0064\0074\0068:100px}.input-addon{background-color:var(--bg-color-secondary);\0070\0061\0064\0064\0069\006e\0067:10px 15px;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\006c\0065\0066\0074:none;\0062\006f\0072\0064\0065\0072-\0072\0069\0067\0068\0074:none;\0068\0065\0069\0067\0068\0074:40px;\0064\0069\0073\0070\006c\0061\0079:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:700;\0063\006f\006c\006f\0072:var(--text-color-secondary)}#random-prefix-btn{background-color:var(--accent-color);\0063\006f\006c\006f\0072:#fff;\0062\006f\0072\0064\0065\0072:0;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:0 4px 4px 0;\0068\0065\0069\0067\0068\0074:40px;\0077\0069\0064\0074\0068:40px;\0063\0075\0072\0073\006f\0072:pointer;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:1px}#random-prefix-btn:hover{background-color:var(--accent-color);\006f\0070\0061\0063\0069\0074\0079:.85}small{display:block;\0063\006f\006c\006f\0072:var(--text-secondary);\0066\006f\006e\0074-\0073\0069\007a\0065:12px;\006d\0061\0072\0067\0069\006e-\0074\006f\0070:4px}.message{padding:10px;\006d\0061\0072\0067\0069\006e:10px 0;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius)}.message.error{background-color:rgba(255,59,48,.1);\0063\006f\006c\006f\0072:var(--error-color);\0062\006f\0072\0064\0065\0072:1px solid rgba(255,59,48,.2)}.message.success{background-color:rgba(52,199,89,.1);\0063\006f\006c\006f\0072:var(--success-color);\0062\006f\0072\0064\0065\0072:1px solid rgba(52,199,89,.2)}.login-page{background-color:var(--background-color);\0068\0065\0069\0067\0068\0074:100vh;\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.login-container{width:100%;\006d\0061\0078-\0077\0069\0064\0074\0068:400px;\0070\0061\0064\0064\0069\006e\0067:0 20px}.login-box{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0070\0061\0064\0064\0069\006e\0067:30px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-medium)}.login-header{text-align:center;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:24px}.login-header h1{font-size:24px;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:8px}.login-tabs{display:flex;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:20px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color)}.login-footer,.login-header p,.refresh-controls span,.tab-btn{color:var(--text-secondary)}.tab-btn{flex:1;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:0 0;\0062\006f\0072\0064\0065\0072:0;\0070\0061\0064\0064\0069\006e\0067:10px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all var(--transition-speed) ease;\0066\006f\006e\0074-\0073\0069\007a\0065:16px}.tab-btn.active{color:var(--primary-color);\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:2px solid var(--primary-color)}.login-footer{text-align:center;\006d\0061\0072\0067\0069\006e-\0074\006f\0070:24px;\0066\006f\006e\0074-\0073\0069\007a\0065:12px}#app{display:flex;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:column;\0068\0065\0069\0067\0068\0074:100vh;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0070\006f\0073\0069\0074\0069\006f\006e:relative}.app-header{justify-content:space-between;\0070\0061\0064\0064\0069\006e\0067:0 16px;\006d\0069\006e-\0068\0065\0069\0067\0068\0074:60px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color);\0077\0069\0064\0074\0068:100%;\006f\0076\0065\0072\0066\006c\006f\0077:visible}.app-header,.app-title,.header-left{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.header-left{flex-shrink:0}.app-title{font-size:18px;\006d\0061\0072\0067\0069\006e:0}.app-title i{margin-right:8px}.header-right{overflow:visible}.header-right,.refresh-controls,.user-menu{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.refresh-controls{margin-right:16px;\006f\0076\0065\0072\0066\006c\006f\0077:visible}.refresh-controls span{margin-right:8px}.refresh-controls select{width:auto;\0070\0061\0064\0064\0069\006e\0067:4px 8px;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:10px;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:2px;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006c\0069\0070:padding-box}#manual-refresh{margin-left:5px}.user-menu{position:relative}.username{margin-right:8px}.user-dropdown{position:absolute;\0074\006f\0070:100%;\0072\0069\0067\0068\0074:0;\0077\0069\0064\0074\0068:180px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-medium);\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\006d\0061\0072\0067\0069\006e-\0074\006f\0070:4px;\007a-\0069\006e\0064\0065\0078:200}.user-dropdown ul{list-style:none}.user-dropdown li{border-bottom:1px solid var(--separator-color)}.user-dropdown li:last-child{border-bottom:none}.user-dropdown a{display:block;\0070\0061\0064\0064\0069\006e\0067:10px 16px;\0063\006f\006c\006f\0072:var(--text-color)}.user-dropdown a:hover{background-color:var(--separator-color);\0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e:none}.app-content{display:flex;\0066\006c\0065\0078:1;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:calc(100vh - 60px)}.sidebar{width:280px;\006d\0069\006e-\0077\0069\0064\0074\0068:280px;\0064\0069\0073\0070\006c\0061\0079:flex;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:column;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto;\007a-\0069\006e\0064\0065\0078:50}.sidebar .email-item,.sidebar-header{border-bottom:1px solid var(--separator-color);\0064\0069\0073\0070\006c\0061\0079:flex}.sidebar-header{justify-content:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0070\0061\0064\0064\0069\006e\0067:12px}.sidebar-header h2{font-size:14px}.sidebar .email-list{padding:0}.sidebar .email-item{padding:6px 12px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:background-color var(--transition-speed) ease;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:column;\006f\0076\0065\0072\0066\006c\006f\0077:visible;\0070\006f\0073\0069\0074\0069\006f\006e:relative}.sidebar .email-item-header{margin-bottom:2px;\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:flex-start}.sidebar .email-prefix{font-weight:500;\0066\006f\006e\0074-\0073\0069\007a\0065:14px;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.4;\006d\0061\0078-\0077\0069\0064\0074\0068:55%;\0070\0061\0064\0064\0069\006e\0067-\0062\006f\0074\0074\006f\006d:2px;\0066\006c\0065\0078:0 1 55%;\0077\006f\0072\0064-\0062\0072\0065\0061\006b:break-all;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal;\006d\0069\006e-\0077\0069\0064\0074\0068:0}.email-actions button,.sidebar .email-actions button{background:0 0;\0062\006f\0072\0064\0065\0072:0;\0063\006f\006c\006f\0072:var(--text-secondary);\0063\0075\0072\0073\006f\0072:pointer;\0070\0061\0064\0064\0069\006e\0067:2px}.sidebar .email-actions button{font-size:12px;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:2px}.sidebar .email-actions button:hover{color:var(--primary-color)}.sidebar .email-domain{font-size:12px;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.2;\006d\0061\0072\0067\0069\006e:0;\0070\0061\0064\0064\0069\006e\0067:0;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0063\006f\006c\006f\0072:var(--text-secondary);\006d\0069\006e-\0068\0065\0069\0067\0068\0074:18px;\0064\0069\0073\0070\006c\0061\0079:block}.sidebar .email-domain .domain-text{word-break:break-all;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal;\0064\0069\0073\0070\006c\0061\0079:inline-block;\006d\0061\0078-\0077\0069\0064\0074\0068:100%;\0070\0061\0064\0064\0069\006e\0067-\0072\0069\0067\0068\0074:60px;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box}.sidebar .email-status{font-size:11px;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.1;\0064\0069\0073\0070\006c\0061\0079:inline-flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\0070\006f\0073\0069\0074\0069\006f\006e:absolute;\0072\0069\0067\0068\0074:0;\0062\006f\0074\0074\006f\006d:0}.sidebar .status-indicator{width:6px;\0068\0065\0069\0067\0068\0074:6px;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:2px;\0064\0069\0073\0070\006c\0061\0079:inline-block;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:50%}.sidebar-header .btn-sm{padding:3px 6px;\0066\006f\006e\0074-\0073\0069\007a\0065:11px}.sidebar-header .btn-sm i{font-size:10px;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:3px}.email-list{flex:1;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto}.email-item{cursor:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:background-color var(--transition-speed) ease}.mail-list .email-item{display:block}.email-item:hover{background-color:var(--separator-color)}.email-item.active{background-color:rgba(0,122,255,.1);\0062\006f\0072\0064\0065\0072-\006c\0065\0066\0074:3px solid var(--primary-color)}.email-item-header{display:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:flex-start;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:6px;\0077\0069\0064\0074\0068:100%}.email-prefix{font-weight:500;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:ellipsis;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\006d\0061\0078-\0077\0069\0064\0074\0068:50%;\0064\0069\0073\0070\006c\0061\0079:block}.email-actions{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.email-actions button{margin-left:5px}.email-actions button:hover,[data-theme=dark] .simple-confirm-body p,[data-theme=dark] .simple-confirm-header h3{color:var(--text-color)}.email-domain,.email-status{font-size:12px;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\006f\0076\0065\0072\0066\006c\006f\0077:hidden}.email-domain{color:var(--text-secondary);\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:ellipsis;\0064\0069\0073\0070\006c\0061\0079:block;\0077\0069\0064\0074\0068:100%;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:6px}.email-status{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.status-indicator{display:inline-block;\0077\0069\0064\0074\0068:8px;\0068\0065\0069\0067\0068\0074:8px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:50%;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:4px}.status-active{background-color:var(--success-color)}.status-inactive{background-color:var(--text-secondary)}.sidebar-footer{padding:8px 12px;\0062\006f\0072\0064\0065\0072-\0074\006f\0070:1px solid var(--separator-color);\0074\0065\0078\0074-\0061\006c\0069\0067\006e:center;\0066\006f\006e\0074-\0073\0069\007a\0065:11px}.mail-container{flex:1;\0064\0069\0073\0070\006c\0061\0079:flex;\006f\0076\0065\0072\0066\006c\006f\0077:hidden}.mail-list{width:320px;\006d\0069\006e-\0077\0069\0064\0074\0068:320px;\0064\0069\0073\0070\006c\0061\0079:flex;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:column;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\007a-\0069\006e\0064\0065\0078:40}.mail-list-header{padding:16px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color);\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0067\0061\0070:8px}.mail-list-header h2{font-size:16px;\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:ellipsis;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\0066\006c\0065\0078:1;\006d\0069\006e-\0077\0069\0064\0074\0068:0;\006d\0061\0078-\0077\0069\0064\0074\0068:60%}.mail-controls select{width:auto;\0070\0061\0064\0064\0069\006e\0067:4px 8px;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box}.mail-items{flex:1;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto}.mail-item{padding:12px 16px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color);\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:background-color var(--transition-speed) ease}.mail-item:hover{background-color:var(--separator-color)}.mail-item.active{background-color:rgba(0,122,255,.1)}.mail-item.unread{background-color:rgba(0,122,255,.05)}.mail-item.unread .mail-sender{font-weight:600}.mail-sender{display:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:4px}.mail-sender-name{font-weight:500;\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:ellipsis;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap}.mail-date{font-size:12px;\0063\006f\006c\006f\0072:var(--text-secondary);\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap}.mail-preview,.mail-subject{text-overflow:ellipsis;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap}.mail-subject{margin-bottom:4px;\0066\006c\0065\0078:1}.mail-preview{font-size:12px;\0063\006f\006c\006f\0072:var(--text-secondary)}.mail-actions-wrapper{justify-content:space-between}.mail-actions,.mail-actions-wrapper{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.delete-mail-btn{background:0 0;\0062\006f\0072\0064\0065\0072:0;\0063\006f\006c\006f\0072:var(--text-secondary);\0063\0075\0072\0073\006f\0072:pointer;\0070\0061\0064\0064\0069\006e\0067:4px;\006f\0070\0061\0063\0069\0074\0079:.6;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all var(--transition-speed) ease;\0066\006f\006e\0074-\0073\0069\007a\0065:12px;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:5px}.delete-mail-btn:hover{color:var(--error-color);\006f\0070\0061\0063\0069\0074\0079:1}.mail-item:hover .delete-mail-btn{opacity:.8}.mail-pagination{padding:12px;\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\0062\006f\0072\0064\0065\0072-\0074\006f\0070:1px solid var(--separator-color)}.pagination-btn{margin:0 4px;\0070\0061\0064\0064\0069\006e\0067:6px 10px;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0063\0075\0072\0073\006f\0072:pointer}.pagination-btn.active{background-color:var(--primary-color);\0063\006f\006c\006f\0072:#fff;\0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072:var(--primary-color)}.pagination-btn:hover:not(.active){background-color:var(--separator-color)}.mail-content{flex:1;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\007a-\0069\006e\0064\0065\0078:30;\0069\0073\006f\006c\0061\0074\0069\006f\006e:isolate}.email-view{padding:20px;\006d\0061\0078-\0077\0069\0064\0074\0068:100%;\006f\0076\0065\0072\0066\006c\006f\0077-\0078:hidden;\0069\0073\006f\006c\0061\0074\0069\006f\006e:isolate}.email-header{margin-bottom:20px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color);\0070\0061\0064\0064\0069\006e\0067-\0062\006f\0074\0074\006f\006d:16px;\006d\0061\0078-\0077\0069\0064\0074\0068:100%;\0077\006f\0072\0064-\0062\0072\0065\0061\006b:break-word}.email-subject{font-size:20px;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:16px}.email-header-top{display:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:flex-start;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:16px}.email-header-top .email-subject{margin-bottom:0;\0066\006c\0065\0078:1;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:16px}.email-header-top .email-actions{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.delete-email-content-btn{background:0 0;\0062\006f\0072\0064\0065\0072:0;\0063\006f\006c\006f\0072:var(--text-secondary);\0063\0075\0072\0073\006f\0072:pointer;\0070\0061\0064\0064\0069\006e\0067:6px;\006f\0070\0061\0063\0069\0074\0079:.7;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all var(--transition-speed) ease;\0066\006f\006e\0074-\0073\0069\007a\0065:16px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius)}.delete-email-content-btn:hover{color:var(--error-color);\006f\0070\0061\0063\0069\0074\0079:1;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:rgba(255,59,48,.1)}.email-meta{display:grid;\0067\0072\0069\0064-\0074\0065\006d\0070\006c\0061\0074\0065-\0063\006f\006c\0075\006d\006e\0073:80px 1fr;\0067\0061\0070:8px}.email-meta-label{color:var(--text-secondary);\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500}.email-body,.email-html-content{position:relative;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background)}.email-body{isolation:isolate;\0062\006f\0072\0064\0065\0072:1px solid var(--separator-color);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:20px;\0070\0061\0064\0064\0069\006e\0067:20px;\006f\0076\0065\0072\0066\006c\006f\0077:hidden}.email-html-content{z-index:1;\006f\0076\0065\0072\0066\006c\006f\0077:auto;\0063\006f\006c\006f\0072:var(--text-color);\0070\0061\0064\0064\0069\006e\0067:16px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:8px}.email-html-content *{max-width:100%!important;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box!important}[data-theme=dark] .email-body{background-color:#2c2c2e;\0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072:#48484a}[data-theme=dark] .email-html-content{background-color:#3a3a3c;\0063\006f\006c\006f\0072:#e5e5e7}.email-html-content embed,.email-html-content iframe,.email-html-content img,.email-html-content object,.email-html-content table{max-width:100%!important;\0068\0065\0069\0067\0068\0074:auto!important}.email-attachments{margin-top:20px;\0070\0061\0064\0064\0069\006e\0067:16px;\0062\006f\0072\0064\0065\0072-\0074\006f\0070:1px solid var(--separator-color)}.attachment-item{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0070\0061\0064\0064\0069\006e\0067:8px;\006d\0061\0072\0067\0069\006e:4px 0;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0070\006f\0073\0069\0074\0069\006f\006e:relative;\006f\0076\0065\0072\0066\006c\006f\0077:visible}.attachment-icon{margin-right:8px;\0063\006f\006c\006f\0072:var(--text-secondary)}.attachment-name{flex:1;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:ellipsis;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap}.attachment-size{color:var(--text-secondary);\0066\006f\006e\0074-\0073\0069\007a\0065:12px;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:8px;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap}.download-attachment-btn{background-color:var(--primary-color)!important;\0063\006f\006c\006f\0072:#fff!important;\0062\006f\0072\0064\0065\0072:0!important;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius)!important;\0070\0061\0064\0064\0069\006e\0067:4px 8px!important;\0063\0075\0072\0073\006f\0072:pointer!important;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .3s ease!important;\007a-\0069\006e\0064\0065\0078:100!important;\0070\006f\0073\0069\0074\0069\006f\006e:relative!important;\006d\0069\006e-\0077\0069\0064\0074\0068:28px!important;\0064\0069\0073\0070\006c\0061\0079:flex!important;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center!important;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center!important;\006f\0070\0061\0063\0069\0074\0079:1!important;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:visible!important;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 2px 4px rgba(0,0,0,.2)!important}.attachment-item:hover .download-attachment-btn,.download-attachment-btn:active,.download-attachment-btn:focus,.download-attachment-btn:hover{background-color:var(--primary-color-dark)!important;\0074\0072\0061\006e\0073\0066\006f\0072\006d:scale(1.05)!important;\0063\006f\006c\006f\0072:#fff!important;\006f\0070\0061\0063\0069\0074\0079:1!important;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:visible!important;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 3px 6px rgba(0,0,0,.3)!important}.download-attachment-btn i{color:#fff!important;\006f\0070\0061\0063\0069\0074\0079:1!important;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:visible!important;\0064\0069\0073\0070\006c\0061\0079:inline-block!important;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .3s ease!important}.attachment-item:hover .download-attachment-btn i,.download-attachment-btn:active i,.download-attachment-btn:focus i,.download-attachment-btn:hover i{color:#fff!important;\006f\0070\0061\0063\0069\0074\0079:1!important;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:visible!important;\0074\0072\0061\006e\0073\0066\006f\0072\006d:scale(1.1)!important;\0074\0065\0078\0074-\0073\0068\0061\0064\006f\0077:0 0 3px rgba(255,255,255,.3)!important}.modal{position:fixed;\0074\006f\0070:0;\006c\0065\0066\0074:0;\0077\0069\0064\0074\0068:100%;\0068\0065\0069\0067\0068\0074:100%;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:rgba(0,0,0,.5);\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\007a-\0069\006e\0064\0065\0078:1000;\006f\0070\0061\0063\0069\0074\0079:0;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:hidden;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:opacity var(--transition-speed) ease,visibility var(--transition-speed) ease}.modal.show{opacity:1;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:visible}.modal-content{width:100%;\006d\0061\0078-\0077\0069\0064\0074\0068:500px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-large);\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateY(-20px);\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform var(--transition-speed) ease;\006f\0076\0065\0072\0066\006c\006f\0077:hidden}.modal.show .modal-content{transform:translateY(0)}.modal-header{padding:16px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color);\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.modal-header h3{font-size:18px}.modal-close{background:0 0;\0062\006f\0072\0064\0065\0072:0;\0066\006f\006e\0074-\0073\0069\007a\0065:24px;\0063\0075\0072\0073\006f\0072:pointer;\0063\006f\006c\006f\0072:var(--text-secondary)}.modal-body{padding:16px}.modal-footer{padding:16px;\0062\006f\0072\0064\0065\0072-\0074\006f\0070:1px solid var(--separator-color);\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:flex-end}.modal-footer button{margin-left:8px}.about-container{flex:1;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto;\0070\0061\0064\0064\0069\006e\0067:20px}.about-content{max-width:800px;\006d\0061\0072\0067\0069\006e:0 auto}.about-section{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0070\0061\0064\0064\0069\006e\0067:24px;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:24px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-small)}.about-section h2{margin-bottom:16px;\0070\0061\0064\0064\0069\006e\0067-\0062\006f\0074\0074\006f\006d:8px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color)}.feature-grid{display:grid;\0067\0072\0069\0064-\0074\0065\006d\0070\006c\0061\0074\0065-\0063\006f\006c\0075\006d\006e\0073:repeat(auto-fill,minmax(200px,1fr));\0067\0061\0070:20px;\006d\0061\0072\0067\0069\006e-\0074\006f\0070:24px}.feature-item{text-align:center;\0070\0061\0064\0064\0069\006e\0067:20px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--background-color)}.feature-item i{font-size:36px;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:12px;\0063\006f\006c\006f\0072:var(--primary-color)}.feature-item h3,.step-content h3{margin-bottom:8px}.usage-steps{margin-top:24px}.step{display:flex;\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:24px}.step-number{width:32px;\0068\0065\0069\0067\0068\0074:32px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--primary-color);\0063\006f\006c\006f\0072:#fff;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:50%;\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:700;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:16px;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.info-list{margin-top:16px}.info-item{display:flex;\0070\0061\0064\0064\0069\006e\0067:12px 0;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color)}.info-item:last-child{border-bottom:none}.info-label{width:150px;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500;\0063\006f\006c\006f\0072:var(--text-secondary)}.back-link{display:none;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\0077\0069\0064\0074\0068:32px;\0068\0065\0069\0067\0068\0074:32px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:50%;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:rgba(0,122,255,.1);\0063\006f\006c\006f\0072:var(--primary-color);\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:10px;\0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e:none;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .2s ease}.about-back-link{display:flex!important}.back-link i{font-size:14px}.back-link:hover{background-color:rgba(0,122,255,.2);\0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e:none}.back-link:active{transform:scale(.95)}@media (max-width:768px){.app-content{flex-direction:column}.sidebar{width:100%;\0068\0065\0069\0067\0068\0074:auto;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:40vh}.mail-container{flex-direction:column}.mail-list{width:100%;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:40vh}.refresh-controls span{display:none}.mobile-back-btn{display:none!important}.back-link{display:flex;\0077\0069\0064\0074\0068:28px;\0068\0065\0069\0067\0068\0074:28px;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:8px}.app-title{font-size:16px}.feature-grid{grid-template-columns:1fr}.mobile-view .mail-content,.mobile-view .mail-list,.mobile-view .sidebar{position:absolute;\0074\006f\0070:0;\006c\0065\0066\0074:0;\0077\0069\0064\0074\0068:100%;\0068\0065\0069\0067\0068\0074:100%;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:100%;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform .3s ease,opacity .3s ease}.mobile-view .sidebar{z-index:40;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateX(0)}.mobile-view .mail-content,.mobile-view .mail-list{z-index:50;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateX(100%);\006f\0070\0061\0063\0069\0074\0079:0;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none}.mobile-view .mail-content{z-index:60}.mobile-view.show-mail-list .sidebar{transform:translateX(-100%);\006f\0070\0061\0063\0069\0074\0079:0;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none}.mobile-view.show-mail-list .mail-list{transform:translateX(0);\006f\0070\0061\0063\0069\0074\0079:1;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:auto}.mobile-view.show-mail-content .mail-list{transform:translateX(-100%);\006f\0070\0061\0063\0069\0074\0079:0;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none}.mobile-view.show-mail-content .mail-content{transform:translateX(0);\006f\0070\0061\0063\0069\0074\0079:1;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:auto}.mobile-view .mail-list-header{display:flex;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:row;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0070\006f\0073\0069\0074\0069\006f\006e:relative}.mobile-view .mail-list-header .mobile-back-btn{margin-bottom:0;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:10px;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.mobile-view .mail-list-header h2{text-overflow:ellipsis;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:5px}.mobile-view .email-view .mobile-back-btn{margin-bottom:15px;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0;\0077\0069\0064\0074\0068:auto;\0061\006c\0069\0067\006e-\0073\0065\006c\0066:flex-start}.mobile-view .mail-content,.mobile-view .mail-list,.mobile-view .sidebar{will-change:transform,opacity;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-view .email-view{padding-bottom:50px}.mobile-view .mail-pagination{padding:8px}.mobile-view .pagination-btn{padding:4px 8px;\006d\0061\0072\0067\0069\006e:0 2px;\0066\006f\006e\0074-\0073\0069\007a\0065:12px}.mobile-view .delete-email-content-btn,.mobile-view .delete-mail-btn{opacity:.8;\0070\0061\0064\0064\0069\006e\0067:6px 8px}.mobile-view .mail-content:after,.mobile-view .mail-list:after,.mobile-view .sidebar:after{content:'';\0070\006f\0073\0069\0074\0069\006f\006e:absolute;\0062\006f\0074\0074\006f\006d:0;\006c\0065\0066\0074:0;\0072\0069\0067\0068\0074:0;\0068\0065\0069\0067\0068\0074:20px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:linear-gradient(to top,var(--card-background),transparent);\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none;\007a-\0069\006e\0064\0065\0078:5}}@media (max-width:576px){.app-title{font-size:16px}.username{display:none}.mail-list-header{flex-direction:column;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:flex-start}.mail-controls{margin-top:8px}.email-meta{grid-template-columns:1fr}.modal-content{width:90%}}.email-item .email-address,.temp-email-item .email-prefix{white-space:nowrap;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:ellipsis;\006d\0061\0078-\0077\0069\0064\0074\0068:200px;\0064\0069\0073\0070\006c\0061\0079:inline-block}.email-item .email-address,.sidebar .email-prefix,.temp-email-item .email-prefix{position:relative}.email-item .email-address::after,.sidebar .email-prefix::after,.temp-email-item .email-prefix::after{content:attr(title);\0070\006f\0073\0069\0074\0069\006f\006e:absolute;\0062\006f\0074\0074\006f\006d:100%;\006c\0065\0066\0074:0;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0063\006f\006c\006f\0072:var(--text-color);\0070\0061\0064\0064\0069\006e\0067:8px 12px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:6px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 4px 12px rgba(0,0,0,.15);\0062\006f\0072\0064\0065\0072:1px solid var(--separator-color);\007a-\0069\006e\0064\0065\0078:1000;\0066\006f\006e\0074-\0073\0069\007a\0065:13px;\006f\0070\0061\0063\0069\0074\0079:0;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:hidden;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateY(5px);\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:opacity .2s ease,visibility .2s ease,transform .2s ease;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none;\006d\0061\0078-\0077\0069\0064\0074\0068:300px;\0077\006f\0072\0064-\0062\0072\0065\0061\006b:break-all;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal}.email-item:hover .email-address::after,.sidebar .email-item:hover .email-prefix::after,.temp-email-item:hover .email-prefix::after{opacity:1;\0076\0069\0073\0069\0062\0069\006c\0069\0074\0079:visible;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateY(0)}.email-list-container,.temp-email-list-container{overflow-x:hidden}.email-item,.temp-email-item{display:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0070\0061\0064\0064\0069\006e\0067:10px 15px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--border-color)}.loading-overlay,.loading-spinner{display:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.loading-overlay{position:absolute;\0074\006f\0070:0;\006c\0065\0066\0074:0;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:rgba(0,0,0,.1);\007a-\0069\006e\0064\0065\0078:100;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none;\0077\0069\0064\0074\0068:100%;\0068\0065\0069\0067\0068\0074:100%}.loading-spinner{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:50%;\0077\0069\0064\0074\0068:40px;\0068\0065\0069\0067\0068\0074:40px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-small)}.loading-spinner i{color:var(--primary-color)}#app,.app-content,.mail-container,.mail-content,.mail-list,.sidebar{contain:layout style paint}.app-content,.app-header,.header-left,.header-right,.mail-container,.mail-content,.mail-list,.sidebar{position:relative;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\006d\0061\0078-\0077\0069\0064\0074\0068:100%}.mail-list,.sidebar{border-right:1px solid var(--separator-color)}.app-header,.mail-list-header,.sidebar-header{position:sticky;\0074\006f\0070:0;\007a-\0069\006e\0064\0065\0078:100;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0062\0061\0063\006b\0064\0072\006f\0070-\0066\0069\006c\0074\0065\0072:blur(8px);-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0064\0072\006f\0070-\0066\0069\006c\0074\0065\0072:blur(8px)}.email-html-content embed,.email-html-content iframe,.email-html-content object{border:1px solid var(--border-color);\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:#fff}.sidebar .email-actions{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:flex-end;\0067\0061\0070:2px}.sidebar .email-actions button i{font-size:11px}.sidebar .fa-copy,.sidebar .fa-toggle-off,.sidebar .fa-toggle-on,.sidebar .fa-trash-alt{width:12px;\0068\0065\0069\0067\0068\0074:12px;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:12px;\0074\0065\0078\0074-\0061\006c\0069\0067\006e:center}.sidebar .email-item>*{margin:0;\0070\0061\0064\0064\0069\006e\0067:0}.sidebar .email-item>:not(:last-child){margin-bottom:2px}.nav-link{color:#333;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500;\0070\0061\0064\0064\0069\006e\0067:.5rem 1rem;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .3s ease;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e:none;\0064\0069\0073\0070\006c\0061\0079:inline-block}.nav-link:hover{color:#007bff;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateY(-2px)}.nav-link::after{content:'';\0070\006f\0073\0069\0074\0069\006f\006e:absolute;\0077\0069\0064\0074\0068:0;\0068\0065\0069\0067\0068\0074:2px;\0062\006f\0074\0074\006f\006d:0;\006c\0065\0066\0074:50%;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:#007bff;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .3s ease;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateX(-50%)}.nav-link:hover::after{width:100%}.mobile-view .email-view .mobile-back-btn,.mobile-view .mail-list-header .mobile-back-btn{display:none!important}.security-features{display:grid;\0067\0072\0069\0064-\0074\0065\006d\0070\006c\0061\0074\0065-\0063\006f\006c\0075\006d\006e\0073:repeat(auto-fill,minmax(240px,1fr));\0067\0061\0070:24px;\006d\0061\0072\0067\0069\006e-\0074\006f\0070:20px}.security-item{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0070\0061\0064\0064\0069\006e\0067:20px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-small);\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform .2s ease,box-shadow .2s ease;\0074\0065\0078\0074-\0061\006c\0069\0067\006e:center}.security-features .security-item{opacity:1!important;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateY(0)!important}.security-features.js-enabled .security-item{opacity:initial!important;\0074\0072\0061\006e\0073\0066\006f\0072\006d:initial!important}.security-item:hover{transform:translateY(-5px);\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-medium)}.security-item i{font-size:32px;\0063\006f\006c\006f\0072:var(--primary-color);\006d\0061\0072\0067\0069\006e-\0062\006f\0074\0074\006f\006d:16px}.security-item h3{margin-bottom:10px;\0066\006f\006e\0074-\0073\0069\007a\0065:18px}.security-item p{color:var(--text-secondary);\0066\006f\006e\0074-\0073\0069\007a\0065:14px;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.5}@media (max-width:768px){.security-features{grid-template-columns:1fr}}.total-unread-badge,.unread-badge{display:inline-flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:#ff3b30;\0063\006f\006c\006f\0072:#fff;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:700}.unread-badge{min-width:14px;\0068\0065\0069\0067\0068\0074:14px;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:6px;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0;\0076\0065\0072\0074\0069\0063\0061\006c-\0061\006c\0069\0067\006e:middle;\0070\0061\0064\0064\0069\006e\0067:0 2px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:7px;\0066\006f\006e\0074-\0073\0069\007a\0065:9px;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:-1px}.total-unread-badge{margin-left:8px;\0070\0061\0064\0064\0069\006e\0067:2px 6px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:12px;\0066\006f\006e\0074-\0073\0069\007a\0065:13px}.mark-read-btn{background:0 0;\0062\006f\0072\0064\0065\0072:0;\0063\006f\006c\006f\0072:#4a90e2;\0070\0061\0064\0064\0069\006e\0067:5px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:color .2s}.mark-read-btn:hover{color:#2c5daa}#mark-all-read-btn{margin-right:10px}.app-notification,.simple-confirm-modal{position:fixed;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:opacity .3s ease}.app-notification{right:20px;\0070\0061\0064\0064\0069\006e\0067:12px 20px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:8px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 3px 6px rgba(0,0,0,.16);\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:600;\006d\0061\0078-\0077\0069\0064\0074\0068:300px;\0074\006f\0070:20px;\007a-\0069\006e\0064\0065\0078:9999}.app-notification.success{background-color:#4cd964;\0063\006f\006c\006f\0072:#fff}.app-notification.error{background-color:#ff3b30;\0063\006f\006c\006f\0072:#fff}.app-notification.info{background-color:#4a90e2;\0063\006f\006c\006f\0072:#fff}.simple-confirm-modal{display:none;\007a-\0069\006e\0064\0065\0078:1000;\006c\0065\0066\0074:0;\0074\006f\0070:0;\0077\0069\0064\0074\0068:100%;\0068\0065\0069\0067\0068\0074:100%;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:rgba(0,0,0,.5);\006f\0070\0061\0063\0069\0074\0079:0}.simple-confirm-modal.show{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center;\006f\0070\0061\0063\0069\0074\0079:1}.simple-confirm-content{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:var(--border-radius);\0062\006f\0078-\0073\0068\0061\0064\006f\0077:var(--shadow-large);\006d\0061\0078-\0077\0069\0064\0074\0068:400px;\0077\0069\0064\0074\0068:90%;\006d\0061\0072\0067\0069\006e:0 20px;\0074\0072\0061\006e\0073\0066\006f\0072\006d:scale(.9);\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform .3s ease}.simple-confirm-modal.show .simple-confirm-content{transform:scale(1)}.simple-confirm-header{padding:20px 20px 0;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color)}.simple-confirm-header h3{margin:0 0 15px;\0066\006f\006e\0074-\0073\0069\007a\0065:18px;\0063\006f\006c\006f\0072:var(--text-color);\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:600}.simple-confirm-body{padding:20px}.simple-confirm-body p{margin:0;\0063\006f\006c\006f\0072:var(--text-color);\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.5}.simple-confirm-footer{padding:0 20px 20px;\0064\0069\0073\0070\006c\0061\0079:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:flex-end;\0067\0061\0070:10px}.simple-confirm-footer .btn{min-width:80px}[data-theme=dark] .simple-confirm-content{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072:1px solid var(--border-color)}[data-theme=dark] .simple-confirm-header{border-bottom-color:var(--separator-color)}[data-theme=dark] .total-unread-badge,[data-theme=dark] .unread-badge{background-color:#ff453a}[data-theme=dark] .mark-read-btn{color:#5d9cec}[data-theme=dark] .mark-read-btn:hover{color:#8ab4f0}[data-theme=dark] .app-notification.success{background-color:#32d74b}[data-theme=dark] .app-notification.error{background-color:#ff453a}[data-theme=dark] .app-notification.info{background-color:#5d9cec}.mail-list-header .email-status{display:inline-flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:0;\0066\006f\006e\0074-\0073\0069\007a\0065:12px;\0063\006f\006c\006f\0072:var(--text-secondary);\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\006d\0069\006e-\0077\0069\0064\0074\0068:fit-content}.mail-list-header .status-indicator{width:8px;\0068\0065\0069\0067\0068\0074:8px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:50%;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:4px;\0064\0069\0073\0070\006c\0061\0079:inline-block;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.mail-list-header .status-text{font-weight:400;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}::-webkit-scrollbar{width:8px;\0068\0065\0069\0067\0068\0074:8px}::-webkit-scrollbar-track{background:#f1f1f1;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] ::-webkit-scrollbar,body.dark-theme ::-webkit-scrollbar{width:8px;\0068\0065\0069\0067\0068\0074:8px}[data-theme=dark] ::-webkit-scrollbar-track,body.dark-theme ::-webkit-scrollbar-track{background:#2d2d2d;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px}[data-theme=dark] ::-webkit-scrollbar-thumb,body.dark-theme ::-webkit-scrollbar-thumb{background:#555;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,body.dark-theme ::-webkit-scrollbar-thumb:hover{background:#666}[data-theme=dark] *,body.dark-theme *{scrollbar-color:#555 #2d2d2d}.custom-select-wrapper{position:relative;\006d\0069\006e-\0077\0069\0064\0074\0068:140px;\006d\0061\0078-\0077\0069\0064\0074\0068:200px;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:1}.custom-select-dropdown,.custom-select-trigger{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072:1px solid var(--border-color)}.custom-select-trigger{padding:8px;\0062\006f\0072\0064\0065\0072-\006c\0065\0066\0074:1px solid var(--border-color);\0063\006f\006c\006f\0072:var(--text-color);\0066\006f\006e\0074-\0073\0069\007a\0065:14px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .3s ease;\0064\0069\0073\0070\006c\0061\0079:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0068\0065\0069\0067\0068\0074:40px;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:-1px;\0077\0069\0064\0074\0068:100%;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:0;\0070\006f\0073\0069\0074\0069\006f\006e:relative}.custom-select-trigger .selected-domain,.custom-select-trigger .selected-level{overflow:hidden;\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:ellipsis;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\006d\0061\0078-\0077\0069\0064\0074\0068:calc(100% - 30px);\0064\0069\0073\0070\006c\0061\0079:block}.custom-select-trigger:hover{border-color:var(--primary-color)}.custom-select-trigger i{position:absolute;\0072\0069\0067\0068\0074:8px;\0074\006f\0070:50%;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateY(-50%);\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform .3s ease;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.custom-select-trigger.open i{transform:translateY(-50%) rotate(180deg)}.custom-select-dropdown{position:fixed;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:8px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 4px 12px rgba(0,0,0,.15);\006d\0061\0078-\0068\0065\0069\0067\0068\0074:240px;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto;\007a-\0069\006e\0064\0065\0078:10000;\0064\0069\0073\0070\006c\0061\0079:none;\006d\0069\006e-\0077\0069\0064\0074\0068:150px}.custom-select-dropdown.open{display:block}.custom-select-option{padding:10px 12px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:background-color .2s ease;\0066\006f\006e\0074-\0073\0069\007a\0065:14px;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal;\0077\006f\0072\0064-\0077\0072\0061\0070:break-word;\006f\0076\0065\0072\0066\006c\006f\0077-\0077\0072\0061\0070:break-word}.custom-select-option:hover:not(.disabled){background-color:rgba(0,122,255,.1)}[data-theme=dark] .custom-select-option:hover:not(.disabled):not(.selected){background-color:rgba(0,122,255,.25)}.custom-select-option.selected{background-color:var(--primary-color);\0063\006f\006c\006f\0072:#fff;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500}.custom-select-option.selected:hover,.table-custom-select-option.selected:hover{background-color:var(--primary-color-dark);\0063\006f\006c\006f\0072:#fff}[data-theme=dark] .custom-select-option.selected:hover{background-color:rgba(0,122,255,.9);\0063\006f\006c\006f\0072:#fff}.custom-select-option.disabled{color:#999;\0066\006f\006e\0074-\0073\0074\0079\006c\0065:italic;\0063\0075\0072\0073\006f\0072:not-allowed;\006f\0070\0061\0063\0069\0074\0079:.6}.custom-select-option .level-requirement{font-size:12px;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:5px}.table-custom-select-wrapper{position:relative;\0064\0069\0073\0070\006c\0061\0079:inline-block;\006d\0069\006e-\0077\0069\0064\0074\0068:120px}.table-custom-select-dropdown,.table-custom-select-trigger{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072:1px solid var(--border-color)}.table-custom-select-trigger{padding:6px 25px 6px 10px;\0063\006f\006c\006f\0072:var(--text-color);\0066\006f\006e\0074-\0073\0069\007a\0065:13px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .3s ease;\0064\0069\0073\0070\006c\0061\0079:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px;\0070\006f\0073\0069\0074\0069\006f\006e:relative}.table-custom-select-trigger:hover{border-color:var(--primary-color)}.table-custom-select-trigger i{position:absolute;\0072\0069\0067\0068\0074:8px;\0066\006f\006e\0074-\0073\0069\007a\0065:10px;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform .3s ease;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none}.table-custom-select-trigger.open i{transform:rotate(180deg)}.table-custom-select-dropdown{position:fixed;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:6px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 4px 12px rgba(0,0,0,.15);\006d\0061\0078-\0068\0065\0069\0067\0068\0074:200px;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto;\007a-\0069\006e\0064\0065\0078:10000;\0064\0069\0073\0070\006c\0061\0079:none}.table-custom-select-dropdown.open{display:block}.table-custom-select-option{padding:8px 12px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:background-color .2s ease;\0066\006f\006e\0074-\0073\0069\007a\0065:13px;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal;\0077\006f\0072\0064-\0077\0072\0061\0070:break-word;\006f\0076\0065\0072\0066\006c\006f\0077-\0077\0072\0061\0070:break-word}.domain-selector option:hover,.table-custom-select-option:hover{background-color:rgba(0,122,255,.1)}[data-theme=dark] .table-custom-select-option:hover:not(.selected){background-color:rgba(0,122,255,.25)}.table-custom-select-option.selected{background-color:var(--primary-color);\0063\006f\006c\006f\0072:#fff;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500}[data-theme=dark] .table-custom-select-option.selected:hover{background-color:rgba(0,122,255,.9);\0063\006f\006c\006f\0072:#fff}.domain-selector{padding:8px 12px;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:0 8px 8px 0;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0063\006f\006c\006f\0072:var(--text-color);\0066\006f\006e\0074-\0073\0069\007a\0065:14px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all .3s ease;\006d\0069\006e-\0077\0069\0064\0074\0068:150px;\006d\0061\0078-\0077\0069\0064\0074\0068:200px}.domain-selector:hover{border-color:var(--primary-color)}.domain-selector:focus{outline:0;\0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072:var(--primary-color);\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 0 0 3px rgba(0,122,255,.1)}.domain-selector[size]{padding:4px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:0 8px 8px 0;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:240px;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto;\0062\006f\0072\0064\0065\0072-\006c\0065\0066\0074:1px solid var(--border-color);\0061\006c\0069\0067\006e-\0073\0065\006c\0066:flex-start}.domain-selector option{padding:8px 12px;\006d\0061\0072\0067\0069\006e:2px 0;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:background-color .2s ease}.domain-selector option:checked{background-color:var(--primary-color);\0063\006f\006c\006f\0072:#fff;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500}.domain-selector option:disabled{color:#999;\0066\006f\006e\0074-\0073\0074\0079\006c\0065:italic;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:transparent;\0063\0075\0072\0073\006f\0072:not-allowed;\006f\0070\0061\0063\0069\0074\0079:.6}.domain-selector option:disabled:hover{background-color:transparent}[data-theme=dark] .domain-selector{background-color:var(--card-background);\0062\006f\0072\0064\0065\0072-\0063\006f\006c\006f\0072:var(--border-color)}[data-theme=dark] .domain-selector option:disabled{color:#666}[data-theme=dark] .domain-selector option:hover{background-color:rgba(10,132,255,.15)}[data-theme=dark] .domain-selector option:checked{background-color:var(--primary-color)}@media (max-width:768px){.custom-select-wrapper{min-width:130px;\006d\0061\0078-\0077\0069\0064\0074\0068:180px}.custom-select-trigger{padding:8px}.input-group input{min-width:90px}.domain-selector{min-width:120px;\006d\0061\0078-\0077\0069\0064\0074\0068:180px;\0066\006f\006e\0074-\0073\0069\007a\0065:13px}.domain-selector[size]{max-height:200px}.domain-selector option{padding:6px 10px;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal;\006f\0076\0065\0072\0066\006c\006f\0077:visible;\0074\0065\0078\0074-\006f\0076\0065\0072\0066\006c\006f\0077:clip}.input-group{gap:0}}@media (max-width:480px){.custom-select-wrapper{min-width:110px;\006d\0061\0078-\0077\0069\0064\0074\0068:160px}.custom-select-trigger{font-size:12px;\0070\0061\0064\0064\0069\006e\0067:8px}.custom-select-trigger i{right:6px;\0066\006f\006e\0074-\0073\0069\007a\0065:10px}.custom-select-dropdown{font-size:12px;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:200px}.custom-select-option,.domain-selector option{padding:8px 10px;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal;\0077\006f\0072\0064-\0077\0072\0061\0070:break-word}.custom-select-option .level-requirement{display:block;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:0;\006d\0061\0072\0067\0069\006e-\0074\006f\0070:2px;\0066\006f\006e\0074-\0073\0069\007a\0065:11px}.domain-selector{min-width:80px;\006d\0061\0078-\0077\0069\0064\0074\0068:150px;\0066\006f\006e\0074-\0073\0069\007a\0065:12px}.domain-selector[size]{max-height:180px}.domain-selector option{padding:5px 8px}.input-group{flex-wrap:nowrap;\0067\0061\0070:0}.input-group input{min-width:80px;\0066\006c\0065\0078:1 1 auto;\0066\006f\006e\0074-\0073\0069\007a\0065:14px}.input-addon,.input-group button{flex-shrink:0;\0070\0061\0064\0064\0069\006e\0067:8px 10px;\0066\006f\006e\0074-\0073\0069\007a\0065:14px}.input-group button{font-size:12px}.modal-content{max-width:95%;\006d\0061\0072\0067\0069\006e:10px}.modal-body{padding:15px}}