body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background .3s,color .3s}body.dark-mode{color:#e5e5e5}body.dark-mode,body.dark-mode .App{background:#0f0f0f}body.dark-mode .top-bar,body.dark-mode .top-header{background:#1a1a1a;border-bottom-color:#2d2d2d}body.dark-mode .top-bar .top-bar-email .email-icon{color:#a0a0a0}body.dark-mode .top-bar .top-bar-email .email-text{color:#e5e5e5}body.dark-mode .top-bar .icon-btn{color:#a0a0a0}body.dark-mode .top-bar .icon-btn:hover{background:#2d2d2d;color:#e5e5e5}body.dark-mode .top-bar .language-icon{color:#a0a0a0}body.dark-mode .top-bar .lang-select-icon{background:#2d2d2d;border-color:#404040;color:#e5e5e5}body.dark-mode .sidebar{background:#1a1a1a;border-right-color:#2d2d2d}body.dark-mode .sidebar .sidebar-header{border-bottom-color:#2d2d2d}body.dark-mode .sidebar .nav-item,body.dark-mode .sidebar .nav-item-link{color:#a0a0a0}body.dark-mode .sidebar .nav-item-link:hover,body.dark-mode .sidebar .nav-item:hover{background:#2d2d2d;color:#e5e5e5}body.dark-mode .sidebar .nav-item-link.active,body.dark-mode .sidebar .nav-item.active{background:#2d2d2d;color:#4a9eff}body.dark-mode .test-mode-modal{background:#1a1a1a;box-shadow:0 8px 32px rgba(0,0,0,.5)}body.dark-mode .test-mode-modal .test-mode-modal-text{color:#e5e5e5}body.dark-mode .test-mode-modal .test-mode-modal-text a{color:#4a9eff}body.dark-mode .test-mode-modal .test-mode-modal-btn{background:#2563eb}body.dark-mode .test-mode-modal .test-mode-modal-btn:hover{background:#1d4ed8}body.dark-mode .content-area{background:#0f0f0f}body.dark-mode .mailbox-section{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark-mode .mailbox-section .messages-section .refresh-overlay{background:rgba(26,26,26,.95)}body.dark-mode .mailbox-section .messages-section .refresh-overlay .refresh-spinner .spinner-circle{background:#4a9eff}body.dark-mode .mailbox-section .messages-section .messages-controls{background:#1a1a1a!important;border-bottom:1px solid #2d2d2d!important}body.dark-mode .mailbox-section .messages-section .messages-controls .search-input{background:#252525!important;border:1px solid #404040!important;color:#e5e5e5!important}body.dark-mode .mailbox-section .messages-section .messages-controls .search-input::placeholder{color:#666!important}body.dark-mode .mailbox-section .messages-section .messages-controls .search-input:focus{border-color:#4a9eff!important;background:#2d2d2d!important;box-shadow:0 0 0 3px rgba(74,158,255,.15)!important}body.dark-mode .mailbox-section .messages-section .messages-controls .filters .filter-btn{background:#252525!important;border:1px solid #404040!important;color:#a0a0a0!important}body.dark-mode .mailbox-section .messages-section .messages-controls .filters .filter-btn:hover{background:#2d2d2d!important;border-color:#4a4a4a!important;color:#e5e5e5!important}body.dark-mode .mailbox-section .messages-section .messages-controls .filters .filter-btn.active{background:#4a9eff!important;color:#fff!important;border-color:#4a9eff!important;box-shadow:0 2px 4px rgba(74,158,255,.3)!important}body.dark-mode .mailbox-section .messages-section .messages-controls .filters .sort-select{background:#252525!important;border:1px solid #404040!important;color:#e5e5e5!important}body.dark-mode .mailbox-section .messages-section .messages-controls .filters .sort-select:hover{border-color:#4a4a4a!important}body.dark-mode .mailbox-section .messages-section .messages-controls .filters .sort-select:focus{outline:none;border-color:#4a9eff!important;box-shadow:0 0 0 3px rgba(74,158,255,.15)!important}body.dark-mode .messages-list{background:#1a1a1a;border-right-color:#2d2d2d}body.dark-mode .messages-list .message-item{background:#1a1a1a;border-bottom-color:#2d2d2d;color:#a0a0a0}body.dark-mode .messages-list .message-item:hover{background:#252525}body.dark-mode .messages-list .message-item.unread{background:#1e2a3a;border-left-color:#4a9eff}body.dark-mode .messages-list .message-item.unread .message-subject{color:#e5e5e5}body.dark-mode .messages-list .message-item.selected{background:#2a3a4a;border-left-color:#4a9eff}body.dark-mode .messages-list .message-item .message-from{color:#a0a0a0}body.dark-mode .messages-list .message-item .message-subject{color:#e5e5e5}body.dark-mode .messages-list .message-item .message-date,body.dark-mode .messages-list .message-item .message-intro{color:#666}body.dark-mode .message-view{background:#1a1a1a}body.dark-mode .message-view .message-view-header{border-bottom-color:#2d2d2d}body.dark-mode .message-view .message-view-header h3{color:#e5e5e5}body.dark-mode .message-view .message-view-header .close-message,body.dark-mode .message-view .message-view-header .message-details{color:#a0a0a0}body.dark-mode .message-view .message-view-header .close-message:hover{color:#e5e5e5}body.dark-mode .message-view .message-view-header .action-btn{background:#2d2d2d;border-color:#404040;color:#a0a0a0}body.dark-mode .message-view .message-view-header .action-btn:hover{background:#353535;color:#e5e5e5}body.dark-mode .message-view .message-view-header .action-btn.delete{color:#ff6b6b;border-color:#ff6b6b}body.dark-mode .message-view .message-view-header .action-btn.delete:hover{background:#3a2525}body.dark-mode .message-view .html-content,body.dark-mode .message-view .text-content{color:#e5e5e5}body.dark-mode .message-view .message-attachments{border-top-color:#2d2d2d}body.dark-mode .message-view .message-attachments h4{color:#e5e5e5}body.dark-mode .message-view .message-attachments .attachments-list .attachment-item{background:#2d2d2d;border-color:#404040}body.dark-mode .message-view .message-attachments .attachments-list .attachment-item:hover{background:#353535;border-color:#4a4a4a}body.dark-mode .message-view .message-attachments .attachments-list .attachment-item .attachment-name{color:#e5e5e5}body.dark-mode .message-view .message-attachments .attachments-list .attachment-item .attachment-size{color:#a0a0a0}body.dark-mode .empty-inbox .empty-title{color:#e5e5e5}body.dark-mode .empty-inbox .empty-description{color:#a0a0a0}body.dark-mode .account-menu{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 12px rgba(0,0,0,.5)}body.dark-mode .account-menu .account-info .account-label{color:#a0a0a0}body.dark-mode .account-menu .account-info .account-email,body.dark-mode .account-menu .account-info .account-password{color:#e5e5e5}body.dark-mode .account-menu .account-separator{background:#2d2d2d}body.dark-mode .account-menu .account-action-btn{color:#a0a0a0}body.dark-mode .account-menu .account-action-btn:hover{background:#2d2d2d;color:#e5e5e5}body.dark-mode .account-menu .account-action-btn.create{color:#b794f6}body.dark-mode .account-menu .account-action-btn.create:hover{background:#2d1a3d}body.dark-mode .account-menu .account-action-btn.login{color:#4a9eff}body.dark-mode .account-menu .account-action-btn.login:hover{background:#1a2a3a}body.dark-mode .account-menu .account-action-btn.delete{color:#ff6b6b}body.dark-mode .account-menu .account-action-btn.delete:hover{background:#3a2525}body.dark-mode .language-menu{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 12px rgba(0,0,0,.5)}body.dark-mode .language-menu .language-option{color:#a0a0a0}body.dark-mode .language-menu .language-option:hover{background:#2d2d2d;color:#e5e5e5}body.dark-mode .language-menu .language-option.active{background:#2d2d2d;color:#4a9eff}body.dark-mode .logout-icon{color:#a0a0a0}body.dark-mode .auth-container{background:#1a1a1a;border-color:#2d2d2d}body.dark-mode .auth-container .auth-tabs{border-bottom-color:#2d2d2d}body.dark-mode .auth-container .auth-tabs button{color:#a0a0a0}body.dark-mode .auth-container .auth-tabs button:hover{background:#2d2d2d;color:#e5e5e5}body.dark-mode .auth-container .auth-tabs button.active{color:#e5e5e5;border-bottom-color:#4a9eff;background:#2d2d2d}body.dark-mode .auth-container .form-input{background:#2d2d2d;border-color:#404040;color:#e5e5e5}body.dark-mode .auth-container .form-input:focus{border-color:#4a9eff;background:#252525}body.dark-mode .auth-container .submit-button{background:#4a9eff;color:#fff}body.dark-mode .auth-container .submit-button:hover:not(:disabled){background:#3a8eef}body.dark-mode .feature-card{background:#1a1a1a;border-color:#2d2d2d}body.dark-mode .feature-card h3{color:#e5e5e5}body.dark-mode .feature-card p{color:#a0a0a0}body.dark-mode .hero-title{color:#e5e5e5}body.dark-mode .hero-subtitle{color:#a0a0a0}.App{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.top-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 0}.top-header .top-nav{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.top-header .top-nav .top-header-logo{display:flex;align-items:center;text-decoration:none}.top-header .top-nav .top-header-logo img{height:36px;width:auto;display:block}.top-header .top-nav .lang-selector-top .lang-select{padding:.4rem .8rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff;color:#333;cursor:pointer}.test-mode-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.test-mode-modal{background:#fff;border-radius:12px;padding:1.5rem 2rem;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.2);text-align:center}.test-mode-modal-text{margin:0 0 1.25rem;font-size:1rem;line-height:1.5;color:#333;text-align:center}.test-mode-modal-text a{color:#1976d2;font-weight:600;text-decoration:none}.test-mode-modal-text a:hover{text-decoration:underline}.test-mode-modal-btn{display:block;width:100%;padding:.6rem 1rem;font-size:1rem;font-weight:500;color:#fff;background:#1976d2;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.test-mode-modal-btn:hover{background:#1565c0}.main-content{flex:1 1;max-width:1200px;margin:0 auto;width:100%;padding:2rem 1.5rem}.hero-section{text-align:center;padding:3rem 0 2rem}.hero-section .hero-title{font-size:3rem;font-weight:700;color:#000;margin-bottom:1rem;letter-spacing:-1px}.hero-section .hero-subtitle{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0}.features-grid .feature-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.features-grid .feature-card h3{font-size:1.3rem;font-weight:600;color:#000;margin-bottom:.75rem}.features-grid .feature-card p{color:#666;line-height:1.6}.auth-section{margin:3rem 0}.auth-section .auth-container{max-width:500px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.auth-section .auth-container .auth-tabs{display:flex;border-bottom:1px solid #e0e0e0}.auth-section .auth-container .auth-tabs button{flex:1 1;padding:1rem;background:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s;border:none;border-bottom:2px solid transparent}.auth-section .auth-container .auth-tabs button:hover{color:#000;background:#f9f9f9}.auth-section .auth-container .auth-tabs button.active{color:#000;border-bottom-color:#000;background:#f9f9f9}.auth-section .auth-container .auth-form{padding:2rem}.auth-section .auth-container .auth-form .form-group{margin-bottom:1.25rem}.auth-section .auth-container .auth-form .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#333}.auth-section .auth-container .auth-form .form-group .form-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.auth-section .auth-container .auth-form .form-group .form-input:focus{outline:none;border-color:#000}.auth-section .auth-container .auth-form .submit-button{width:100%;padding:.75rem;background:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.auth-section .auth-container .auth-form .submit-button:hover:not(:disabled){background:#333}.auth-section .auth-container .auth-form .submit-button:disabled{opacity:.6;cursor:not-allowed}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}.layout-container{display:flex;flex:1 1;min-height:0}.top-bar{background:#fff;border-bottom:1px solid #e0e0e0;padding:.875rem 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.top-bar .top-bar-content{padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:100%}.top-bar .top-bar-content .top-bar-email{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.top-bar .top-bar-content .top-bar-email .email-icon{font-size:1rem;color:#666}.top-bar .top-bar-content .top-bar-email .email-text{font-size:.95rem;color:#333;font-weight:500}.top-bar .top-bar-content .top-bar-actions{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.top-bar .top-bar-content .top-bar-actions .icon-btn{background:none;border:none;font-size:1.1rem;color:#666;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.top-bar .top-bar-content .top-bar-actions .icon-btn:hover{background:#f5f5f5;color:#000}.top-bar .top-bar-content .top-bar-actions .icon-btn.logout-btn .logout-icon{width:1.25rem;height:1.25rem;stroke:currentColor}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper{position:relative}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-btn{padding:.5rem;display:flex;align-items:center;justify-content:center}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-btn .language-icon{width:1.25rem;height:1.25rem;color:#666;display:block;transition:color .2s}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-btn:hover .language-icon{color:#000}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:160px;z-index:1000;overflow:hidden;padding:.5rem 0}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-menu .language-option{width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;color:#333;cursor:pointer;transition:background .2s;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-menu .language-option .language-flag{font-size:1.25rem;line-height:1}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-menu .language-option .language-name{flex:1 1}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-menu .language-option:hover{background:#f5f5f5}.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-menu .language-option.active{background:#e3f2fd;color:#1976d2;font-weight:500}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper{position:relative}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-btn{width:36px;height:36px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:280px;z-index:1000;overflow:hidden}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-info{padding:1rem 1.25rem}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-info .account-label{font-size:.85rem;color:#666;margin-bottom:.5rem}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-info .account-email{font-size:.95rem;color:#000;font-weight:500;margin-bottom:1rem;word-break:break-all}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-info .account-password{font-size:.95rem;color:#000;font-weight:500;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-info .account-password span{flex:1 1}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-info .account-password .toggle-password-menu-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-info .account-password .toggle-password-menu-btn:hover{opacity:1}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-separator{height:1px;background:#e0e0e0;margin:0}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions{padding:.5rem 0}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn{width:100%;padding:.75rem 1.25rem;background:none;border:none;text-align:left;font-size:.95rem;cursor:pointer;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;transition:background .2s;text-decoration:none;color:inherit}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn .action-icon,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn .action-icon{font-size:1.1rem}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn:hover,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn:hover{background:#f5f5f5}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn.create,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn.create{color:#9c27b0}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn.create:hover,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn.create:hover{background:#f3e5f5}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn.login,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn.login{color:#2196f3}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn.login:hover,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn.login:hover{background:#e3f2fd}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn.delete,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn.delete{color:#f44336}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions .account-action-btn.delete:hover,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu .account-actions a.account-action-btn.delete:hover{background:#ffebee}.right-section{display:flex;flex-direction:column;flex:1 1;min-width:0}.sidebar{width:250px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0}.sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid #e0e0e0}.sidebar .sidebar-header .sidebar-logo{display:block;text-decoration:none}.sidebar .sidebar-header .sidebar-logo img{max-height:40px;width:auto;display:block}.sidebar .sidebar-nav{padding:0}.sidebar .sidebar-nav .nav-item,.sidebar .sidebar-nav .nav-item-link{width:100%;padding:.875rem 1.5rem;background:none;border:none;text-align:left;font-size:.95rem;color:#333;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;position:relative;box-sizing:border-box;text-decoration:none}.sidebar .sidebar-nav .nav-item-link .nav-icon,.sidebar .sidebar-nav .nav-item .nav-icon{font-size:1.1rem;transition:transform .3s ease}.sidebar .sidebar-nav .nav-item-link .nav-check,.sidebar .sidebar-nav .nav-item .nav-check{margin-left:auto;color:#4caf50;font-weight:600}.sidebar .sidebar-nav .nav-item-link:hover,.sidebar .sidebar-nav .nav-item:hover{background:#f5f5f5}.sidebar .sidebar-nav .nav-item-link.active,.sidebar .sidebar-nav .nav-item.active{background:#e3f2fd;color:#1976d2;font-weight:500}.sidebar .sidebar-nav .nav-item-link.refreshing .nav-icon,.sidebar .sidebar-nav .nav-item.refreshing .nav-icon{animation:spin 1s linear infinite}.sidebar .sidebar-password{padding:1.5rem;border-top:1px solid #e0e0e0}.sidebar .sidebar-password .password-label{font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.sidebar .sidebar-password .password-display{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center}.sidebar .sidebar-password .password-display .password-input{flex:1 1;padding:.75rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.95rem;font-weight:500;color:#000;font-family:"Courier New",monospace}.sidebar .sidebar-password .password-display .copy-password-btn,.sidebar .sidebar-password .password-display .toggle-password-btn{padding:.75rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .2s;min-width:44px}.sidebar .sidebar-password .password-display .copy-password-btn:hover,.sidebar .sidebar-password .password-display .toggle-password-btn:hover{background:#e9ecef}.content-area{background:#f5f5f5;padding:1.5rem;overflow:auto}.content-area,.mailbox-section{flex:1 1;display:flex;flex-direction:column}.mailbox-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.mailbox-section .messages-section{flex:1 1;display:flex;flex-direction:column;min-height:0;position:relative}.mailbox-section .messages-section .refresh-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mailbox-section .messages-section .refresh-overlay .refresh-spinner{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;justify-content:center}.mailbox-section .messages-section .refresh-overlay .refresh-spinner .spinner-circle{width:12px;height:12px;border-radius:50%;background:#1976d2;animation:bounce 1.4s ease-in-out infinite both}.mailbox-section .messages-section .refresh-overlay .refresh-spinner .spinner-circle:first-child{animation-delay:-.32s}.mailbox-section .messages-section .refresh-overlay .refresh-spinner .spinner-circle:nth-child(2){animation-delay:-.16s}.mailbox-section .messages-section .refresh-overlay .refresh-spinner .spinner-circle:nth-child(3){animation-delay:0s}.mailbox-section .messages-section .messages-controls{padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;display:flex;grid-gap:1rem;gap:1rem;align-items:center;flex-wrap:wrap;background:#fff}.mailbox-section .messages-section .messages-controls .search-input{flex:1 1;min-width:200px;padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;color:#333;transition:all .2s}.mailbox-section .messages-section .messages-controls .search-input::placeholder{color:#999}.mailbox-section .messages-section .messages-controls .search-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.1)}.mailbox-section .messages-section .messages-controls .filters{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center}.mailbox-section .messages-section .messages-controls .filters .filter-btn{padding:.625rem 1rem;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.mailbox-section .messages-section .messages-controls .filters .filter-btn:hover{background:#e9e9e9;border-color:#ccc}.mailbox-section .messages-section .messages-controls .filters .filter-btn.active{background:#1976d2;color:#fff;border-color:#1976d2;box-shadow:0 2px 4px rgba(25,118,210,.2)}.mailbox-section .messages-section .messages-controls .filters .sort-select{padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;color:#333;cursor:pointer;transition:all .2s}.mailbox-section .messages-section .messages-controls .filters .sort-select:hover{border-color:#1976d2}.mailbox-section .messages-section .messages-controls .filters .sort-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.1)}.mailbox-section .messages-section .empty-inbox{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#999;min-height:500px}.mailbox-section .messages-section .empty-inbox .empty-illustration{margin-bottom:2rem;position:relative;width:300px;height:200px}.mailbox-section .messages-section .empty-inbox .empty-illustration .envelope-illustration{position:relative;width:100%;height:100%}.mailbox-section .messages-section .empty-inbox .empty-illustration .envelope-illustration .envelope{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:90px;background:#fff;border:2px solid #e0e0e0;border-radius:4px;z-index:2}.mailbox-section .messages-section .empty-inbox .empty-illustration .envelope-illustration .envelope:before{content:"";position:absolute;top:-2px;left:0;right:0;height:45px;background:#fff;border:2px solid #e0e0e0;border-bottom:none;border-radius:4px 4px 0 0;transform:rotate(180deg);transform-origin:bottom}.mailbox-section .messages-section .empty-inbox .empty-illustration .envelope-illustration .letter{position:absolute;left:50%;top:50%;transform:translate(-40%,-60%);width:80px;height:100px;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:2px;z-index:3;box-shadow:0 2px 8px rgba(33,150,243,.3)}.mailbox-section .messages-section .empty-inbox .empty-illustration .envelope-illustration .blob{position:absolute;right:20%;top:30%;width:100px;height:100px;background:linear-gradient(135deg,#e1bee7,#ce93d8);border-radius:50% 40% 60% 30%;opacity:.6;z-index:1}.mailbox-section .messages-section .empty-inbox .empty-illustration .envelope-illustration .leaves{position:absolute;left:15%;top:50%;width:40px;height:60px;background:#7b1fa2;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);opacity:.8;z-index:1}.mailbox-section .messages-section .empty-inbox .empty-illustration .envelope-illustration .leaves:before{content:"";position:absolute;left:-15px;top:20px;width:30px;height:40px;background:#7b1fa2;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);opacity:.6}.mailbox-section .messages-section .empty-inbox .empty-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:1rem;letter-spacing:-.5px}.mailbox-section .messages-section .empty-inbox .empty-description{font-size:1rem;color:#666;max-width:600px;line-height:1.6}.mailbox-section .messages-section .messages-container{flex:1 1;display:flex;min-height:0;overflow:hidden}.mailbox-section .messages-section .messages-container .messages-list{flex:0 0 400px;border-right:1px solid #e0e0e0;overflow-y:auto;background:#fafafa}.mailbox-section .messages-section .messages-container .messages-list .message-item{padding:1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;background:#fff}.mailbox-section .messages-section .messages-container .messages-list .message-item:hover{background:#f5f5f5}.mailbox-section .messages-section .messages-container .messages-list .message-item.unread{background:#e3f2fd;font-weight:500}.mailbox-section .messages-section .messages-container .messages-list .message-item.selected{background:#bbdefb;border-left:3px solid #1976d2}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-content{flex:1 1;min-width:0}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-content .message-from{font-size:.9rem;color:#333;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-content .message-subject{font-size:.95rem;font-weight:500;color:#000;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-content .message-intro{font-size:.85rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta{display:flex;flex-direction:column;align-items:flex-end;grid-gap:.5rem;gap:.5rem;margin-left:1rem}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-date{font-size:.75rem;color:#999;white-space:nowrap}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .unread-dot{width:8px;height:8px;background:#1976d2;border-radius:50%}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .delete-message-btn,.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .mark-unread-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:1rem;padding:.25rem;opacity:0;transition:all .2s}.message-item:hover .mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .delete-message-btn,.message-item:hover .mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .mark-unread-btn{opacity:1}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .delete-message-btn:hover,.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .mark-unread-btn:hover{color:#000}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .delete-message-btn{color:#d32f2f}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-actions .delete-message-btn:hover{color:#b71c1c}.mailbox-section .messages-section .messages-container .message-view{flex:1 1;padding:2rem;overflow-y:auto;background:#fff}.mailbox-section .messages-section .messages-container .message-view .message-view-header{border-bottom:1px solid #e0e0e0;padding-bottom:1.5rem;margin-bottom:1.5rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .close-message{float:right;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.25rem .5rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .close-message:hover{color:#000}.mailbox-section .messages-section .messages-container .message-view .message-view-header h3{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1rem;clear:both}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-details{font-size:.9rem;color:#666;margin-bottom:1rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-details div{margin-bottom:.5rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-view-actions{display:flex;grid-gap:.5rem;gap:.5rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-view-actions .action-btn{padding:.5rem 1rem;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-view-actions .action-btn:hover{background:#e0e0e0}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-view-actions .action-btn.delete{background:#fff;color:#d32f2f;border-color:#d32f2f}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-view-actions .action-btn.delete:hover{background:#ffebee}.mailbox-section .messages-section .messages-container .message-view .message-content-view .html-content{line-height:1.7;color:#333}.mailbox-section .messages-section .messages-container .message-view .message-content-view .html-content img{max-width:100%;height:auto}.mailbox-section .messages-section .messages-container .message-view .message-content-view .text-content{white-space:pre-wrap;font-family:monospace;font-size:.9rem;line-height:1.6;color:#333}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments h4{font-size:1rem;font-weight:600;color:#333;margin-bottom:1rem}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.75rem;background:#f5f5f5;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item:hover{background:#eee;border-color:#bdbdbd}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item .attachment-icon{font-size:1.25rem;flex-shrink:0}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item .attachment-name{flex:1 1;font-weight:500;color:#333;word-break:break-word}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item .attachment-size{color:#666;font-size:.875rem;flex-shrink:0}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item .download-btn{padding:.5rem 1rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;flex-shrink:0}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item .download-btn:hover{background:#1565c0}.mailbox-section .messages-section .messages-container .message-view .message-content-view .message-attachments .attachments-list .attachment-item .download-btn:active{background:#0d47a1}.app-footer{background:#fff;border-top:1px solid #e0e0e0;padding:1.5rem 0;margin-top:auto}.app-footer .footer-links{max-width:1200px;padding:0 1.5rem;display:flex;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;justify-content:center;margin:0 auto 1rem}.app-footer .footer-links a{color:#666;text-decoration:none;font-size:.9rem;transition:color .2s}.app-footer .footer-links a:hover{color:#000}.app-footer .footer-copyright{text-align:center;color:#999;font-size:.85rem}.app-footer .footer-copyright a{color:inherit;text-decoration:none}.app-footer .footer-copyright a:hover{text-decoration:underline}@media(max-width:1024px){.layout-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid #e0e0e0;max-height:none}.right-section,.sidebar{width:100%}.messages-container{flex-direction:column}.messages-container .messages-list{flex:none;border-right:none;border-bottom:1px solid #e0e0e0;max-height:400px}}@media(max-width:768px){.top-bar{padding:.75rem 0}.top-bar .top-bar-content{padding:0 1rem;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.top-bar .top-bar-content .top-bar-email{width:100%;order:1;margin-bottom:.5rem}.top-bar .top-bar-content .top-bar-email .email-text{font-size:.85rem;word-break:break-all}.top-bar .top-bar-content .top-bar-actions{order:2;grid-gap:.5rem;gap:.5rem}.top-bar .top-bar-content .top-bar-actions .icon-btn{padding:.4rem;font-size:1rem}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-menu,.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .language-menu,.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .account-menu,.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .language-menu{right:0;left:auto;min-width:200px}.sidebar .sidebar-header{padding:1rem}.sidebar .sidebar-header .sidebar-logo{font-size:1.25rem}.sidebar .sidebar-nav .nav-item{padding:.75rem 1rem;font-size:.9rem}.content-area{padding:1rem}.mailbox-section{margin:0;border-radius:0}.mailbox-section .messages-section .messages-controls{padding:.75rem 1rem;flex-direction:column;grid-gap:.75rem;gap:.75rem;align-items:stretch}.mailbox-section .messages-section .messages-controls .search-input{min-width:100%;width:100%}.mailbox-section .messages-section .messages-controls .filters{width:100%;flex-wrap:wrap}.mailbox-section .messages-section .messages-controls .filters .filter-btn{flex:1 1;min-width:120px}.mailbox-section .messages-section .messages-controls .filters .sort-select{flex:1 1;min-width:150px}.mailbox-section .messages-section .messages-container .messages-list{max-height:300px}.mailbox-section .messages-section .messages-container .messages-list .message-item{padding:.75rem}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-content .message-from{font-size:.85rem}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-content .message-subject{font-size:.9rem}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-content .message-intro{font-size:.8rem}.mailbox-section .messages-section .messages-container .messages-list .message-item .message-meta .message-date{font-size:.7rem}.mailbox-section .messages-section .messages-container .message-view{padding:1rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header{padding-bottom:1rem;margin-bottom:1rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header h3{font-size:1.25rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-details{font-size:.85rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-view-actions{flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header .message-view-actions .action-btn{flex:1 1;min-width:120px;font-size:.85rem;padding:.5rem}.hero-section{padding:2rem 0 1.5rem}.hero-section .hero-title{font-size:2rem}.hero-section .hero-subtitle{font-size:1rem;padding:0 1rem}.features-grid{grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.features-grid .feature-card{padding:1.5rem}.auth-section{margin:2rem 0}.auth-section .auth-container{margin:0 1rem}.auth-section .auth-container .auth-form{padding:1.5rem}}@media(max-width:480px){.top-bar .top-bar-content .top-bar-email .email-icon{font-size:.9rem}.top-bar .top-bar-content .top-bar-email .email-text{font-size:.8rem}.top-bar .top-bar-content .top-bar-actions .icon-btn{padding:.35rem;font-size:.9rem}.top-bar .top-bar-content .top-bar-actions .account-menu-wrapper .account-btn,.top-bar .top-bar-content .top-bar-actions .language-menu-wrapper .account-btn{width:32px;height:32px;font-size:.8rem}.sidebar .sidebar-header{padding:.75rem}.sidebar .sidebar-header .sidebar-logo{font-size:1.1rem}.sidebar .sidebar-nav .nav-item{padding:.625rem .75rem;font-size:.85rem}.sidebar .sidebar-nav .nav-item .nav-icon{font-size:1rem}.content-area{padding:.75rem}.mailbox-section .messages-section .messages-controls{padding:.625rem .75rem}.mailbox-section .messages-section .messages-controls .filters .filter-btn,.mailbox-section .messages-section .messages-controls .filters .sort-select,.mailbox-section .messages-section .messages-controls .search-input{padding:.5rem .75rem;font-size:.85rem}.mailbox-section .messages-section .messages-container .messages-list{max-height:250px}.mailbox-section .messages-section .messages-container .messages-list .message-item{padding:.625rem}.mailbox-section .messages-section .messages-container .message-view{padding:.75rem}.mailbox-section .messages-section .messages-container .message-view .message-view-header h3{font-size:1.1rem}.hero-section{padding:1.5rem 0 1rem}.hero-section .hero-title{font-size:1.75rem}.hero-section .hero-subtitle{font-size:.95rem}.auth-container .auth-tabs button{padding:.75rem;font-size:.9rem}.auth-container .auth-form{padding:1.25rem}.auth-container .auth-form .form-group{margin-bottom:1rem}.auth-container .auth-form .form-group label{font-size:.85rem}.auth-container .auth-form .form-group .form-input,.auth-container .auth-form .submit-button{padding:.625rem;font-size:.9rem}.account-menu{min-width:250px;right:0;left:auto}.account-menu .account-info{padding:.75rem 1rem}.account-menu .account-info .account-label{font-size:.8rem}.account-menu .account-info .account-email,.account-menu .account-info .account-password{font-size:.85rem}.account-menu .account-actions .account-action-btn{padding:.625rem 1rem;font-size:.85rem}.language-menu{min-width:100px;right:0;left:auto}.language-menu .language-option{padding:.5rem .75rem;font-size:.85rem}}@media(max-width:768px)and (orientation:landscape){.messages-container .messages-list,.sidebar{max-height:200px}.sidebar{overflow-y:auto}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(hover:none)and (pointer:coarse){.account-action-btn,.action-btn,.filter-btn,.icon-btn,.nav-item{min-height:44px;min-width:44px}.message-item{min-height:60px}}
/*# sourceMappingURL=main.722d74d5.chunk.css.map */