:root{--navy:#0a1a3a;--navy-light:#112650;--cobalt:#1a56db;--azure:#3b82f6;--azure-light:#60a5fa;--pale-blue:#dbeafe;--pale-blue-lighter:#eff6ff;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--red-accent:#ef4444;--red-light:#fef2f2;--green-accent:#16a34a;--bg-app:var(--gray-50);--bg-surface:var(--white);--bg-rail:var(--navy);--bg-hover:var(--pale-blue-lighter);--bg-selected:var(--pale-blue);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-inverse:var(--white);--text-link:var(--cobalt);--border-light:var(--gray-200);--border-medium:var(--gray-300);--accent-primary:var(--cobalt);--accent-hover:var(--azure);--accent-bg:var(--pale-blue);--rail-width:52px;--folder-width:240px;--list-width:360px;--header-height:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}#root{height:100%}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit}ul{list-style:none}a{color:var(--text-link);text-decoration:none}:focus-visible{outline:2px solid var(--azure);outline-offset:2px}::selection{background:var(--pale-blue);color:var(--navy)}.app-shell{background:var(--bg-app);height:100%;display:flex;position:relative;overflow:hidden}.app-rail{width:var(--rail-width);background:var(--bg-rail);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;padding:10px 0;display:flex}.rail-logo{justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:flex}.rail-items{flex-direction:column;flex:1;align-items:center;gap:2px;width:100%;display:flex}.rail-btn{border-radius:var(--radius-md);color:#ffffff8c;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:flex}.rail-btn:hover{color:var(--white);background:#ffffff1f}.rail-btn--active{background:var(--cobalt);color:var(--white)}.folder-col{width:var(--folder-width);border-right:1px solid var(--border-light);background:var(--bg-surface);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.new-mail-btn{background:var(--cobalt);color:var(--white);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:8px;margin:12px 12px 8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.new-mail-btn:hover{background:var(--azure)}.folder-col .folder-pane{border-right:none;flex:1;width:auto;overflow-y:auto}.folder-pane{width:var(--folder-width);background:var(--bg-surface);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;padding:4px 0 12px;display:flex;overflow-y:auto}.folder-pane__account{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:6px;padding:8px 14px 12px;display:flex}.avatar{background:var(--cobalt);color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar--sm{width:32px;height:32px;font-size:12px}.account-info{flex-direction:column;min-width:0;display:flex}.account-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.account-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.folder-list{padding:0 8px}.folder-item{border-radius:var(--radius-sm);width:100%;color:var(--gray-700);text-align:left;align-items:center;gap:10px;padding:7px 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.folder-item:hover{background:var(--bg-hover);color:var(--text-primary)}.folder-item--active{background:var(--pale-blue);color:var(--cobalt);font-weight:600}.folder-icon{color:inherit;flex-shrink:0}.folder-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.folder-badge{background:var(--cobalt);min-width:18px;height:18px;color:var(--white);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex}.mail-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.command-bar{height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;padding:0 16px;display:flex}.command-bar__inner{background:var(--gray-100);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;max-width:600px;height:32px;padding:0 10px;transition:border-color .15s,background .15s;display:flex}.command-bar__inner:focus-within{background:var(--white);border-color:var(--azure)}.command-bar__icon{color:var(--gray-400);flex-shrink:0}.command-bar__input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.command-bar__input::placeholder{color:var(--gray-400)}.command-bar__filter{color:var(--gray-400);border-radius:var(--radius-sm);padding:2px;transition:color .1s,background .1s}.command-bar__filter:hover{color:var(--cobalt);background:var(--pale-blue)}.mail-panes{flex:1;display:flex;overflow:hidden}.message-list{width:var(--list-width);background:var(--bg-surface);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.msg-tabs{border-bottom:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0;display:flex}.msg-tab{color:var(--text-secondary);text-align:center;border-bottom:2px solid #0000;flex:1;padding:10px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.msg-tab:hover{color:var(--text-primary)}.msg-tab--active{color:var(--cobalt);border-bottom-color:var(--cobalt)}.msg-list{flex:1;padding:4px 0;overflow-y:auto}.msg-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;padding:8px 16px 4px;font-size:11px;font-weight:600;display:flex}.msg-item{text-align:left;border-left:3px solid #0000;align-items:flex-start;gap:10px;width:100%;padding:10px 12px 10px 16px;transition:background .1s;display:flex;position:relative}.msg-item:hover{background:var(--gray-50)}.msg-item--selected{border-left-color:var(--cobalt);background:var(--pale-blue-lighter)!important}.msg-item--unread .msg-item__from,.msg-item--unread .msg-item__subject{color:var(--text-primary);font-weight:700}.msg-item--unread:after{content:"";background:var(--cobalt);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.msg-item__avatar{background:var(--cobalt);width:32px;height:32px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:700;display:flex}.msg-item__content{flex:1;min-width:0}.msg-item__header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.msg-item__from{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.msg-item__date{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:11px}.msg-item__subject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.msg-item__preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.msg-item__badges{align-items:center;gap:6px;margin-top:5px;display:flex}.badge-icon{color:var(--gray-400)}.badge-icon--secure{color:var(--green-accent)}.badge-shared{background:var(--pale-blue);color:var(--cobalt);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.msg-item__actions{opacity:0;flex-direction:column;gap:3px;transition:opacity .1s;display:flex}.msg-item:hover .msg-item__actions,.msg-item--selected .msg-item__actions{opacity:1}.icon-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--gray-400);justify-content:center;align-items:center;transition:color .1s,background .1s;display:flex}.icon-btn:hover{color:var(--cobalt);background:var(--pale-blue)}.icon-btn--active{color:var(--azure-light)}.msg-empty{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:13px}.reading-pane-wrap{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.back-btn{color:var(--cobalt);border-bottom:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:none}.back-btn:hover{background:var(--gray-50)}.reading-pane{background:var(--bg-surface);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.reading-pane--empty{justify-content:center;align-items:center}.reading-pane__placeholder{color:var(--gray-300);flex-direction:column;align-items:center;gap:12px;display:flex}.reading-pane__placeholder p{color:var(--text-secondary);font-size:14px}.rp-header{height:var(--header-height);border-bottom:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0;align-items:center;padding:0 16px;display:flex}.rp-header__actions{align-items:center;gap:2px;display:flex}.rp-divider{background:var(--border-light);width:1px;height:20px;margin:0 6px}.rp-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--gray-500);justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.rp-btn:hover{background:var(--gray-100);color:var(--cobalt)}.rp-btn--active{color:var(--azure)}.rp-body{flex:1;padding:24px 32px 32px;overflow-y:auto}.rp-subject{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:600;line-height:1.3}.rp-meta{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.rp-avatar{background:var(--cobalt);width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.rp-meta__info{flex:1;min-width:0}.rp-meta__from{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.rp-meta__email{color:var(--text-secondary);font-size:12px}.rp-meta__to{color:var(--text-secondary);margin-top:3px;font-size:12px}.rp-meta__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.rp-meta__date{color:var(--text-secondary);white-space:nowrap;font-size:12px}.rp-meta__indicators{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.indicator{color:var(--gray-400);align-items:center;gap:3px;font-size:11px;display:flex}.indicator--secure{color:var(--green-accent)}.indicator--standard{color:var(--gray-400)}.rp-ai-summary{background:var(--pale-blue-lighter);border:1px solid var(--pale-blue);border-left:3px solid var(--cobalt);border-radius:var(--radius-md);margin-bottom:20px;padding:12px 16px}.rp-ai-summary__header{color:var(--cobalt);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.rp-ai-summary p{color:var(--gray-700);font-size:13px;line-height:1.55}.rp-content{color:var(--text-primary);font-size:14px;line-height:1.7}.rp-content p{margin-bottom:0}.compose-panel{background:var(--bg-surface);border-radius:var(--radius-md) var(--radius-md) 0 0;width:520px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-lg);border:1px solid var(--border-medium);z-index:100;border-bottom:none;flex-direction:column;display:flex;position:fixed;bottom:0;right:24px}.compose-panel--minimized{height:auto}.compose-header{background:var(--navy);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:default;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.compose-title{color:var(--white);font-size:13px;font-weight:600}.compose-header__actions{gap:2px;display:flex}.compose-icon-btn{border-radius:var(--radius-sm);color:#ffffffa6;justify-content:center;align-items:center;width:26px;height:26px;transition:background .1s,color .1s;display:flex}.compose-icon-btn:hover{color:var(--white);background:#ffffff26}.compose-footer .compose-icon-btn{color:var(--gray-500)}.compose-footer .compose-icon-btn:hover{background:var(--gray-100);color:var(--cobalt)}.compose-body{flex-direction:column;min-height:0;display:flex}.compose-field{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:0 14px;display:flex}.compose-field label{color:var(--text-secondary);flex-shrink:0;width:52px;font-size:12px;font-weight:500}.compose-field input{background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-size:13px}.compose-textarea{resize:none;background:0 0;border:none;outline:none;flex:1;min-height:220px;padding:12px 14px;font-size:13px;line-height:1.6}.compose-footer{border-top:1px solid var(--border-light);align-items:center;gap:8px;padding:10px 14px;display:flex}.compose-send{background:var(--cobalt);color:var(--white);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.compose-send:hover{background:var(--azure)}.app-placeholder{background:var(--bg-app);flex:1;justify-content:center;align-items:center;display:flex}.app-placeholder__inner{text-align:center}.app-placeholder__label{color:var(--gray-300);margin-bottom:8px;font-size:28px;font-weight:700;display:block}.app-placeholder__inner p{color:var(--text-secondary);font-size:14px}@media (width<=1100px){.message-list{width:300px}}@media (width<=768px){.folder-col{display:none}.message-list{width:260px}.rp-body{padding:16px 20px 24px}.rp-subject{font-size:17px}.compose-panel{width:100vw;max-width:100vw;right:0}}@media (width<=540px){.message-list{flex-shrink:0;width:100%}.reading-pane-wrap,.mail-panes--reading .message-list{display:none}.mail-panes--reading .reading-pane-wrap{width:100%;display:flex}.mail-panes--reading .back-btn{display:flex}}