.\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}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}.hidden{display:none!important}.loading{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;\0070\0061\0064\0064\0069\006e\0067:20px;\0063\006f\006c\006f\0072:var(--text-secondary)}.loading i{margin-right:8px}.empty-state{display:flex;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:column;\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;\0070\0061\0064\0064\0069\006e\0067:40px;\0063\006f\006c\006f\0072:var(--text-secondary);\0074\0065\0078\0074-\0061\006c\0069\0067\006e:center;\0068\0065\0069\0067\0068\0074:100%}.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:0.5}.btn{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;\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{background-color:var(--separator-color)}.btn-primary{background-color:var(--primary-color);\0063\006f\006c\006f\0072:white;\0062\006f\0072\0064\0065\0072:none}.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:transparent;\0062\006f\0072\0064\0065\0072:none}.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="text"],input[type="password"],input[type="email"],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:none;\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,0.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:bold;\0063\006f\006c\006f\0072:var(--text-color-secondary)}#random-prefix-btn{background-color:var(--accent-color);\0063\006f\006c\006f\0072:white;\0062\006f\0072\0064\0065\0072:none;\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:0.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,0.1);\0063\006f\006c\006f\0072:var(--error-color);\0062\006f\0072\0064\0065\0072:1px solid rgba(255,59,48,0.2)}.message.success{background-color:rgba(52,199,89,0.1);\0063\006f\006c\006f\0072:var(--success-color);\0062\006f\0072\0064\0065\0072:1px solid rgba(52,199,89,0.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-header p{color:var(--text-secondary)}.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)}.tab-btn{flex:1;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:none;\0062\006f\0072\0064\0065\0072:none;\0070\0061\0064\0064\0069\006e\0067:10px;\0063\006f\006c\006f\0072:var(--text-secondary);\0063\0075\0072\0073\006f\0072:pointer;\0066\006f\006e\0074-\0073\0069\007a\0065:16px;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all var(--transition-speed)ease}.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;\0063\006f\006c\006f\0072:var(--text-secondary);\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{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:0 16px;\006d\0069\006e-\0068\0065\0069\0067\0068\0074:60px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--header-background);\0062\0061\0063\006b\0064\0072\006f\0070-\0066\0069\006c\0074\0065\0072:blur(10px);-\0077\0065\0062\006b\0069\0074-\0062\0061\0063\006b\0064\0072\006f\0070-\0066\0069\006c\0074\0065\0072:blur(10px);\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid var(--separator-color);\0070\006f\0073\0069\0074\0069\006f\006e:sticky;\0074\006f\0070:0;\007a-\0069\006e\0064\0065\0078:100;\0077\0069\0064\0074\0068:100%;\006d\0061\0078-\0077\0069\0064\0074\0068:100%;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\006f\0076\0065\0072\0066\006c\006f\0077:visible}.header-left{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.app-title{font-size:18px;\006d\0061\0072\0067\0069\006e:0;\0064\0069\0073\0070\006c\0061\0079:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.app-title i{margin-right:8px}.header-right{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006f\0076\0065\0072\0066\006c\006f\0077:visible}.refresh-controls{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:16px;\006f\0076\0065\0072\0066\006c\006f\0077:visible}.refresh-controls span{margin-right:8px;\0063\006f\006c\006f\0072:var(--text-secondary)}.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;\0064\0069\0073\0070\006c\0061\0079:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.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;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:calc(100vh-60px)}.sidebar{width:280px;\006d\0069\006e-\0077\0069\0064\0074\0068:280px;\006d\0061\0078-\0077\0069\0064\0074\0068:280px;\0062\006f\0072\0064\0065\0072-\0072\0069\0067\0068\0074:1px solid var(--separator-color);\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;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\007a-\0069\006e\0064\0065\0078:50}.sidebar-header{padding:12px;\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;\0070\006f\0073\0069\0074\0069\006f\006e:sticky;\0074\006f\0070:0;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\007a-\0069\006e\0064\0065\0078:10}.sidebar-header h2{font-size:14px}.sidebar.email-list{padding:0}.sidebar.email-item{padding:6px 12px;\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;\0064\0069\0073\0070\006c\0061\0079:flex;\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:hover{background-color:var(--separator-color)}.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}.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{padding:2px;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:2px;\0066\006f\006e\0074-\0073\0069\007a\0065:12px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:none;\0062\006f\0072\0064\0065\0072:none;\0063\006f\006c\006f\0072:var(--text-secondary);\0063\0075\0072\0073\006f\0072:pointer}.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{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-list.email-item{display:block}.email-item:hover{background-color:var(--separator-color)}.email-item.active{background-color:rgba(0,122,255,0.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{background:none;\0062\006f\0072\0064\0065\0072:none;\0063\006f\006c\006f\0072:var(--text-secondary);\0063\0075\0072\0073\006f\0072:pointer;\0070\0061\0064\0064\0069\006e\0067:2px;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:5px}.email-actions button:hover{color:var(--text-color)}.email-domain{color:var(--text-secondary);\0066\006f\006e\0074-\0073\0069\007a\0065:12px;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\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{font-size:12px;\0064\0069\0073\0070\006c\0061\0079:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\006f\0076\0065\0072\0066\006c\006f\0077:hidden}.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;\0070\006f\0073\0069\0074\0069\006f\006e:relative}.mail-list{width:320px;\006d\0069\006e-\0077\0069\0064\0074\0068:320px;\006d\0061\0078-\0077\0069\0064\0074\0068:320px;\0062\006f\0072\0064\0065\0072-\0072\0069\0067\0068\0074:1px solid var(--separator-color);\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);\0070\006f\0073\0069\0074\0069\006f\006e:relative;\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;\0070\006f\0073\0069\0074\0069\006f\006e:sticky;\0074\006f\0070:0;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\007a-\0069\006e\0064\0065\0078:10;\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,0.1)}.mail-item.unread{background-color:rgba(0,122,255,0.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-subject{margin-bottom:4px;\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}.mail-preview{font-size:12px;\0063\006f\006c\006f\0072:var(--text-secondary);\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-actions-wrapper{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:space-between}.mail-actions{display:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center}.delete-mail-btn{background:none;\0062\006f\0072\0064\0065\0072:none;\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:0.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:0.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:white;\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);\0070\006f\0073\0069\0074\0069\006f\006e:relative;\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:none;\0062\006f\0072\0064\0065\0072:none;\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:0.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,0.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{padding:20px;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0069\0073\006f\006c\0061\0074\0069\006f\006e:isolate;\006f\0076\0065\0072\0066\006c\006f\0077:hidden;\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;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background)}.email-html-content{position:relative;\007a-\0069\006e\0064\0065\0078:1;\006f\0076\0065\0072\0066\006c\006f\0077:auto;\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: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 img,.email-html-content table,.email-html-content iframe,.email-html-content embed,.email-html-content object{max-width:100%!important;\0068\0065\0069\0067\0068\0074:auto!important}.email-html-content style,.email-html-content link{display:none!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:white!important;\0062\006f\0072\0064\0065\0072:none!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 0.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,0.2)!important}.download-attachment-btn:hover,.download-attachment-btn:focus,.download-attachment-btn:active,.attachment-item:hover.download-attachment-btn{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:white!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,0.3)!important}.download-attachment-btn i{color:white!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 0.3s ease!important}.download-attachment-btn:hover i,.download-attachment-btn:focus i,.download-attachment-btn:active i,.attachment-item:hover.download-attachment-btn i{color:white!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,0.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,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:none;\0062\006f\0072\0064\0065\0072:none;\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{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:white;\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:bold;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:16px;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.step-content h3{margin-bottom:8px}.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,0.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 0.2s ease}.about-back-link{display:flex!important}.back-link i{font-size:14px}.back-link:hover{background-color:rgba(0,122,255,0.2);\0074\0065\0078\0074-\0064\0065\0063\006f\0072\0061\0074\0069\006f\006e:none}.back-link:active{transform:scale(0.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.sidebar,.mobile-view.mail-list,.mobile-view.mail-content{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%;\007a-\0069\006e\0064\0065\0078:40;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform 0.3s ease,opacity 0.3s ease}.mobile-view.sidebar{z-index:40;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateX(0)}.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;\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.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.sidebar,.mobile-view.mail-list,.mobile-view.mail-content{will-change:transform,opacity;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,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-mail-btn,.mobile-view.delete-email-content-btn{opacity:0.8;\0070\0061\0064\0064\0069\006e\0067:6px 8px}.mobile-view.sidebar:after,.mobile-view.mail-list:after,.mobile-view.mail-content: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,.temp-email-item.email-prefix,.sidebar.email-prefix{position:relative}.email-item.email-address::after,.temp-email-item.email-prefix::after,.sidebar.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,0.15);\0062\006f\0072\0064\0065\0072:1px solid var(--separator-color);\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:nowrap;\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 0.2s ease,visibility 0.2s ease,transform 0.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,.temp-email-item:hover.email-prefix::after,.sidebar.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{position:absolute;\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,0.1);\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:100;\0070\006f\0069\006e\0074\0065\0072-\0065\0076\0065\006e\0074\0073:none}.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;\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;\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-list,.mail-content,.sidebar{contain:layout style paint}.app-header,.header-left,.header-right,.app-content,.sidebar,.mail-container,.mail-list,.mail-content{position:relative;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\006d\0061\0078-\0077\0069\0064\0074\0068:100%}.sidebar,.mail-list{border-right:1px solid var(--separator-color)}.app-header,.sidebar-header,.mail-list-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 iframe,.email-html-content embed,.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:white}.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-on,.sidebar.fa-toggle-off,.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:0.5rem 1rem;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all 0.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 0.3s ease;\0074\0072\0061\006e\0073\0066\006f\0072\006d:translateX(-50%)}.nav-link:hover::after{width:100%}.mobile-view.mail-list-header.mobile-back-btn,.mobile-view.email-view.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 0.2s ease,box-shadow 0.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}}.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;\006d\0069\006e-\0077\0069\0064\0074\0068:14px;\0068\0065\0069\0067\0068\0074:14px;\0070\0061\0064\0064\0069\006e\0067:0 2px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:#ff3b30;\0063\006f\006c\006f\0072:white;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:7px;\0066\006f\006e\0074-\0073\0069\007a\0065:9px;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:bold;\006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074:6px;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:-1px;\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}.total-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;\006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074:8px;\0070\0061\0064\0064\0069\006e\0067:2px 6px;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:#ff3b30;\0063\006f\006c\006f\0072:white;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:12px;\0066\006f\006e\0074-\0073\0069\007a\0065:13px;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:bold}.mark-read-btn{background:none;\0062\006f\0072\0064\0065\0072:none;\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 0.2s}.mark-read-btn:hover{color:#2c5daa}#mark-all-read-btn{margin-right:10px}.app-notification{position:fixed;\0074\006f\0070:20px;\0072\0069\0067\0068\0074: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,0.16);\007a-\0069\006e\0064\0065\0078:9999;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:opacity 0.3s ease;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:600;\006d\0061\0078-\0077\0069\0064\0074\0068:300px}.app-notification.success{background-color:#4cd964;\0063\006f\006c\006f\0072:white}.app-notification.error{background-color:#ff3b30;\0063\006f\006c\006f\0072:white}.app-notification.info{background-color:#4a90e2;\0063\006f\006c\006f\0072:white}.simple-confirm-modal{display:none;\0070\006f\0073\0069\0074\0069\006f\006e:fixed;\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,0.5);\006f\0070\0061\0063\0069\0074\0079:0;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:opacity 0.3s ease}.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(0.9);\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:transform 0.3s ease}.simple-confirm-modal.show.simple-confirm-content{transform:scale(1)}.simple-confirm-header{padding:20px 20px 0 20px;\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 0;\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 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"].simple-confirm-header h3,[data-theme="dark"].simple-confirm-body p{color:var(--text-color)}[data-theme="dark"].unread-badge,[data-theme="dark"].total-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:normal;\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}*{scrollbar-width:thin;\0073\0063\0072\006f\006c\006c\0062\0061\0072-\0063\006f\006c\006f\0072:#c1c1c1#f1f1f1}[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-trigger{padding:8px;\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\006c\0065\0066\0074:1px solid var(--border-color);\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: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 0.3s ease;\0064\0069\0073\0070\006c\0061\0079:flex;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\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%}.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 0.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\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\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,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 0.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,0.1)}[data-theme="dark"].custom-select-option:hover:not(.disabled):not(.selected){background-color:rgba(0,122,255,0.25)}.custom-select-option.selected{background-color:var(--primary-color);\0063\006f\006c\006f\0072:white;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500}.custom-select-option.selected:hover{background-color:var(--primary-color-dark);\0063\006f\006c\006f\0072:white}[data-theme="dark"].custom-select-option.selected:hover{background-color:rgba(0,122,255,0.9);\0063\006f\006c\006f\0072:white}.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:0.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-trigger{padding:6px 25px 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:4px;\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:13px;\0063\0075\0072\0073\006f\0072:pointer;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all 0.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;\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 0.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\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:var(--card-background);\0062\006f\0072\0064\0065\0072:1px solid var(--border-color);\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,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 0.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}.table-custom-select-option:hover{background-color:rgba(0,122,255,0.1)}[data-theme="dark"].table-custom-select-option:hover:not(.selected){background-color:rgba(0,122,255,0.25)}.table-custom-select-option.selected{background-color:var(--primary-color);\0063\006f\006c\006f\0072:white;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:500}.table-custom-select-option.selected:hover{background-color:var(--primary-color-dark);\0063\006f\006c\006f\0072:white}[data-theme="dark"].table-custom-select-option.selected:hover{background-color:rgba(0,122,255,0.9);\0063\006f\006c\006f\0072:white}.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 0.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:none;\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,0.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 0.2s ease}.domain-selector option:hover{background-color:rgba(0,122,255,0.1)}.domain-selector option:checked{background-color:var(--primary-color);\0063\006f\006c\006f\0072:white;\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:0.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,0.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{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;\0077\0068\0069\0074\0065-\0073\0070\0061\0063\0065:normal;\0077\006f\0072\0064-\0077\0072\0061\0070:break-word}.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{flex-shrink:0;\0070\0061\0064\0064\0069\006e\0067:8px 10px;\0066\006f\006e\0074-\0073\0069\007a\0065:14px}.input-group button{flex-shrink:0;\0070\0061\0064\0064\0069\006e\0067:8px 10px;\0066\006f\006e\0074-\0073\0069\007a\0065:12px}.modal-content{max-width:95%;\006d\0061\0072\0067\0069\006e:10px}.modal-body{padding:15px}}