@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Google+Sans:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{--font-family:"Google Sans", "Roboto", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Roboto", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-app:#f6f8fc;--bg-surface:#fff;--bg-surface-variant:#f1f3f4;--bg-hover:#eaebef;--bg-active:#c2e7ff;--bg-active-text:#001d35;--bg-sidebar:#f6f8fc;--bg-rail:#edf2fa;--bg-search:#eaf1fb;--bg-search-focused:#fff;--text-primary:#1f1f1f;--text-secondary:#444746;--text-muted:#747775;--text-unread:#1f1f1f;--border-color:#e0e2ec;--border-subtle:#f0f1f5;--google-blue:#0b57d0;--google-blue-hover:#0842a0;--google-blue-light:#c2e7ff;--google-red:#b3261e;--google-yellow:#e37400;--google-green:#146c2e;--star-active:#f4b400;--shadow-sm:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow-md:0 4px 8px 3px #3c404326, 0 1px 3px 0 #3c40434d;--shadow-lg:0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f, 0 5px 5px -3px #0003;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px}[data-accent=emerald]{--google-blue:#10b981;--google-blue-hover:#059669;--google-blue-light:#10b98126}[data-accent=purple]{--google-blue:#8b5cf6;--google-blue-hover:#7c3aed;--google-blue-light:#8b5cf626}[data-accent=amber]{--google-blue:#f59e0b;--google-blue-hover:#d97706;--google-blue-light:#f59e0b26}[data-accent=crimson]{--google-blue:#ef4444;--google-blue-hover:#dc2626;--google-blue-light:#ef444426}[data-theme=dark]{--bg-app:#131314;--bg-surface:#1e1f20;--bg-surface-variant:#282a2c;--bg-hover:#333538;--bg-active:#004a77;--bg-active-text:#c2e7ff;--bg-sidebar:#131314;--bg-rail:#1a1b1e;--bg-search:#282a2c;--bg-search-focused:#333538;--text-primary:#e3e3e3;--text-secondary:#c4c7c5;--text-muted:#8e918f;--text-unread:#fff;--border-color:#37393b;--border-subtle:#2d2f31;--google-blue:#a8c7fa;--google-blue-hover:#c2e7ff;--google-blue-light:#004a77;--google-red:#f2b8b5;--google-yellow:#fdd663;--google-green:#6dd58c;--star-active:#fdd663;--shadow-sm:0 1px 2px 0 #0009, 0 1px 3px 1px #0006;--shadow-md:0 4px 8px 3px #0006;--shadow-lg:0 8px 16px 2px #0009}[data-theme=glass]{--bg-app:#0f172a;--bg-surface:#1e293b;--bg-surface-variant:#334155;--bg-hover:#3b4252;--bg-active:#6366f1;--bg-active-text:#fff;--bg-sidebar:#0f172a;--bg-rail:#0b1120;--bg-search:#1e293b;--bg-search-focused:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-unread:#fff;--border-color:#334155;--border-subtle:#1e293b;--google-blue:#818cf8;--google-blue-hover:#6366f1;--google-blue-light:#6366f133;--google-red:#f87171;--google-yellow:#fbbf24;--google-green:#34d399;--star-active:#fbbf24}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}.gmail-layout{background-color:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex}.gmail-header{background-color:var(--bg-app);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:8px 16px;display:flex}.gmail-header-left{align-items:center;gap:12px;min-width:240px;display:flex}.gmail-brand{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:22px;font-weight:500;text-decoration:none;display:flex}.gmail-icon-btn{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex;position:relative}.gmail-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.gmail-icon-btn.active{background-color:var(--bg-active);color:var(--bg-active-text)}.gmail-search-container{flex:1;max-width:720px;position:relative}.gmail-search-box{background-color:var(--bg-search);border-radius:var(--radius-pill);align-items:center;gap:12px;height:48px;padding:0 16px;transition:background-color .2s,box-shadow .2s;display:flex}.gmail-search-box.focused{background-color:var(--bg-search-focused);box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.gmail-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.gmail-search-input::placeholder{color:var(--text-muted)}.gmail-header-right{align-items:center;gap:8px;display:flex}.gmail-avatar-btn{background-color:var(--google-blue);color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:500;transition:transform .15s;display:flex}.gmail-avatar-btn:hover{transform:scale(1.05)}.gmail-body{flex:1;display:flex;position:relative;overflow:hidden}.gmail-app-rail{background-color:var(--bg-rail);border-right:1px solid var(--border-color);z-index:90;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:64px;padding:12px 0;display:flex}.gmail-rail-item{border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.gmail-rail-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.gmail-rail-item.active{background-color:var(--bg-active);color:var(--bg-active-text);font-weight:700}.gmail-sidebar{background-color:var(--bg-sidebar);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:240px;padding:8px 12px 16px;transition:width .2s;display:flex;overflow-y:auto}.gmail-sidebar.collapsed{width:0;padding:0;overflow:hidden}.gmail-compose-btn{background-color:var(--google-blue-light);color:var(--bg-active-text);border-radius:var(--radius-md);height:56px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:12px;width:fit-content;margin-bottom:16px;padding:0 24px 0 18px;font-size:14px;font-weight:500;transition:box-shadow .2s,background-color .2s;display:inline-flex}.gmail-compose-btn:hover{box-shadow:var(--shadow-md);background-color:#b3dcfc}.gmail-nav-list{flex-direction:column;flex:1;gap:2px;display:flex}.gmail-nav-item{border-radius:var(--radius-pill);height:36px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:16px;padding:0 16px 0 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.gmail-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.gmail-nav-item.active{background-color:var(--bg-active);color:var(--bg-active-text);font-weight:700}.gmail-nav-item-badge{color:var(--text-primary);margin-left:auto;font-size:12px;font-weight:700}.gmail-nav-item.active .gmail-nav-item-badge{color:var(--bg-active-text)}.gmail-sidebar-section-title{color:var(--text-muted);text-transform:capitalize;justify-content:space-between;align-items:center;padding:12px 16px 4px;font-size:13px;font-weight:500;display:flex}.gmail-storage-box{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-direction:column;gap:6px;margin-top:auto;padding:12px 16px;font-size:12px;display:flex}.gmail-progress-bar{background-color:var(--bg-surface-variant);border-radius:2px;height:4px;overflow:hidden}.gmail-progress-fill{background-color:var(--google-blue);border-radius:2px;height:100%}.gmail-main{background-color:var(--bg-surface);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 0 0 1px var(--border-color);flex-direction:column;flex:1;margin-right:16px;display:flex;overflow:hidden}@media (width<=768px){.gmail-main{border-radius:0;margin-right:0}.gmail-app-rail{display:none}}.gmail-toolbar{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.gmail-toolbar-left,.gmail-toolbar-right{align-items:center;gap:4px;display:flex}.gmail-checkbox{width:18px;height:18px;accent-color:var(--google-blue);cursor:pointer}.gmail-counter-text{color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-right:8px;font-size:12px}.gmail-email-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.gmail-email-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--bg-surface);align-items:center;gap:12px;height:44px;padding:0 16px;font-size:14px;transition:background-color .1s,box-shadow .1s;display:flex}.gmail-email-row:hover{background-color:var(--bg-hover);box-shadow:inset 1px 0 0 var(--border-color), inset -1px 0 0 var(--border-color)}.gmail-email-row.selected{background-color:var(--bg-active);color:var(--bg-active-text)}.gmail-email-row.unread{background-color:var(--bg-surface);color:var(--text-unread);font-weight:700}.gmail-star-btn{color:var(--text-muted);justify-content:center;align-items:center;transition:color .15s;display:flex}.gmail-star-btn.starred{color:var(--star-active)}.gmail-sender-col{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:200px;overflow:hidden}.gmail-content-col{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.gmail-subject-text{font-weight:inherit;color:var(--text-primary);text-overflow:ellipsis;flex-shrink:0;max-width:400px;overflow:hidden}.gmail-snippet-text{color:var(--text-muted);text-overflow:ellipsis;font-weight:400;font-family:var(--font-body);overflow:hidden}.gmail-date-col{color:var(--text-muted);font-size:12px;font-weight:inherit;flex-shrink:0;margin-left:auto}.gmail-row-actions{align-items:center;gap:4px;display:none}.gmail-email-row:hover .gmail-row-actions{display:flex}.gmail-email-row:hover .gmail-date-col{display:none}.gmail-detail-view{flex-direction:column;flex:1;padding:20px 24px;display:flex;overflow-y:auto}.gmail-detail-subject{color:var(--text-primary);margin-bottom:20px;font-size:22px;font-weight:400}.gmail-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.gmail-detail-sender-info{align-items:center;gap:12px;display:flex}.gmail-sender-avatar{background-color:var(--google-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:500;display:flex}.gmail-sender-meta{flex-direction:column;display:flex}.gmail-sender-name-line{align-items:center;gap:8px;display:flex}.gmail-sender-name{font-size:14px;font-weight:700}.gmail-sender-address{color:var(--text-muted);font-size:12px}.gmail-recipient-line{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.gmail-detail-date{color:var(--text-muted);font-size:12px}.gmail-detail-body{font-family:var(--font-body);color:var(--text-primary);overflow-wrap:break-word;padding:8px 0 24px;font-size:14px;line-height:1.6}.gmail-attachments-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.gmail-attachments-grid{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.gmail-attachment-card{background-color:var(--bg-surface-variant);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:10px;padding:8px 14px;font-size:13px;text-decoration:none;transition:background-color .15s;display:flex}.gmail-attachment-card:hover{background-color:var(--bg-hover)}.gmail-quick-reply-bar{border-top:1px solid var(--border-subtle);gap:12px;margin-top:24px;padding-top:16px;display:flex}.gmail-pill-btn{border-radius:var(--radius-pill);border:1px solid var(--border-color);color:var(--text-secondary);background-color:var(--bg-surface);align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.gmail-pill-btn:hover{background-color:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.gmail-pill-btn.primary{background-color:var(--google-blue);color:#fff;border-color:#0000}.gmail-pill-btn.primary:hover{background-color:var(--google-blue-hover)}.gmail-compose-dock{background-color:var(--bg-surface);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:560px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1000;border-bottom:none;flex-direction:column;max-height:80vh;transition:all .2s;display:flex;position:fixed;bottom:0;right:60px}.gmail-compose-dock.minimized{height:40px;overflow:hidden}.gmail-compose-dock.maximized{border-radius:var(--radius-sm);border-bottom:1px solid var(--border-color);width:auto;max-height:none;inset:40px}.gmail-compose-header{background-color:var(--bg-surface-variant);border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:40px;padding:0 12px 0 16px;font-size:14px;font-weight:500;display:flex}.gmail-compose-fields{flex-direction:column;padding:0 16px;display:flex}.gmail-compose-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;min-height:40px;display:flex}.gmail-compose-row label{color:var(--text-muted);width:50px;font-size:13px}.gmail-compose-row input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.gmail-compose-body{resize:none;min-height:220px;font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:16px;font-size:14px;line-height:1.5}.gmail-compose-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.gmail-send-btn{background-color:var(--google-blue);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .15s;display:inline-flex}.gmail-send-btn:hover{background-color:var(--google-blue-hover);box-shadow:var(--shadow-sm)}.gmail-send-btn:disabled{opacity:.6;cursor:not-allowed}.gmail-account-popup{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:360px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1000;flex-direction:column;align-items:center;padding:24px 16px;animation:.15s popupFade;display:flex;position:absolute;top:60px;right:16px}@keyframes popupFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gmail-account-avatar-large{background-color:var(--google-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:12px;font-size:28px;font-weight:500;display:flex}.gmail-account-email{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:500}.gmail-account-role{color:var(--google-blue);background-color:var(--google-blue-light);border-radius:var(--radius-pill);margin-bottom:16px;padding:2px 10px;font-size:12px;font-weight:600}.gmail-modal-backdrop{z-index:1100;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.gmail-modal-card{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;width:90%;max-width:540px;max-height:85vh;display:flex;overflow:hidden}.gmail-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 24px;font-size:18px;font-weight:500;display:flex}.gmail-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.gmail-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:12px;padding:12px 24px;display:flex}.gmail-input-group{flex-direction:column;gap:6px;display:flex}.gmail-input-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.gmail-form-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-surface);height:42px;color:var(--text-primary);outline:none;padding:0 12px;font-size:14px;transition:border-color .15s}.gmail-form-input:focus{border-color:var(--google-blue)}.gmail-calendar-view{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.gmail-calendar-grid-header{text-align:center;color:var(--text-secondary);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);padding-bottom:8px;font-size:13px;font-weight:700;display:grid}.gmail-calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;min-height:450px;display:grid}.gmail-calendar-cell{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:4px;min-height:70px;padding:8px;display:flex}.gmail-calendar-cell.today{border-color:var(--google-blue);background-color:var(--bg-surface-variant)}.gmail-calendar-event-chip{background-color:var(--google-blue-light);color:var(--google-blue);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;justify-content:space-between;align-items:center;padding:2px 6px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.gmail-contacts-view{flex-direction:column;flex:1;padding:20px 24px;display:flex;overflow-y:auto}.gmail-contacts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.gmail-contact-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px;transition:box-shadow .15s;display:flex}.gmail-contact-card:hover{box-shadow:var(--shadow-sm)}.gmail-settings-view{flex:1;display:flex;overflow:hidden}.gmail-settings-nav{border-right:1px solid var(--border-color);flex-direction:column;gap:4px;width:220px;padding:16px 8px;display:flex}.gmail-settings-content{flex-direction:column;flex:1;gap:24px;max-width:800px;padding:24px 32px;display:flex;overflow-y:auto}.gmail-settings-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:20px;display:flex}.gmail-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.gmail-empty-icon{color:var(--text-muted);opacity:.5}.gmail-toast{color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:2000;background-color:#323232;align-items:center;gap:12px;padding:12px 20px;font-size:14px;animation:.2s slideToast;display:flex;position:fixed;bottom:24px;left:24px}@keyframes slideToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gmail-split-send{background-color:var(--google-blue);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:stretch;display:inline-flex;position:relative}.gmail-split-send-main{color:#fff;font-family:var(--font-family);cursor:pointer;border-top-left-radius:var(--radius-pill);border-bottom-left-radius:var(--radius-pill);background:0 0;border:none;align-items:center;gap:6px;padding:10px 18px 10px 22px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.gmail-split-send-main:hover{background:#ffffff1f}.gmail-split-send-arrow{color:#fff;cursor:pointer;border-top-right-radius:var(--radius-pill);border-bottom-right-radius:var(--radius-pill);background:0 0;border:none;border-left:1px solid #ffffff4d;justify-content:center;align-items:center;padding:0 10px;transition:background .15s;display:flex}.gmail-split-send-arrow:hover{background:#ffffff2e}.gmail-schedule-popover{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;width:280px;padding:8px 0;animation:.15s slideToast;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 30px #00000040}.gmail-schedule-option{color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;transition:background .12s;display:flex}.gmail-schedule-option:hover{background-color:var(--bg-hover)}