*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#fff 50%,#f8f9fa);background-attachment:fixed;color:#202124;font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}html{-webkit-text-size-adjust:100%;overflow-x:hidden}#root,body,html{min-height:100%;min-height:100dvh}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}canvas,img,svg,video{max-width:100%}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}@media (max-width:768px){body{background-attachment:scroll;min-width:320px;overscroll-behavior-x:none;padding-bottom:env(safe-area-inset-bottom)}}body[data-theme=dark]{background:#0f172a;color:#e5e7eb}body[data-theme=dark] .admin-card,body[data-theme=dark] .admin-stat-card,body[data-theme=dark] .content-area,body[data-theme=dark] .gmail-navbar,body[data-theme=dark] .gmail-sidebar,body[data-theme=dark] .inbox-container,body[data-theme=dark] .mail-detail-container,body[data-theme=dark] .mail-list-container,body[data-theme=dark] .sent-container{background:#111827;border-color:#273449;color:#e5e7eb}body[data-theme=dark] .compose-header-gmail,body[data-theme=dark] .compose-mail-container,body[data-theme=dark] .compose-toolbar,body[data-theme=dark] .mail-toolbar,body[data-theme=dark] .profile-popup,body[data-theme=dark] .search-container,body[data-theme=dark] .settings-popup{background:#1f2937;border-color:#374151;color:#e5e7eb}body[data-theme=dark] .compose-input,body[data-theme=dark] .compose-textarea,body[data-theme=dark] .search-input,body[data-theme=dark] input,body[data-theme=dark] textarea{color:#e5e7eb}body[data-theme=dark] .schedule-modal-body,body[data-theme=dark] .schedule-modal-content,body[data-theme=dark] .schedule-modal-footer,body[data-theme=dark] .schedule-modal-header{background:#fff!important;color:#202124}body[data-theme=dark] .schedule-label,body[data-theme=dark] .schedule-modal-header h3{color:#202124}body[data-theme=dark] .schedule-date-input,body[data-theme=dark] .schedule-time-input{background-color:#fff!important;border-color:#dadce0;color:#202124!important;color-scheme:light}body[data-theme=dark] .mail-category-tabs,body[data-theme=dark] .mail-detail-header,body[data-theme=dark] .mail-item,body[data-theme=dark] .sent-header{border-color:#273449}body[data-theme=dark] .mail-item.selected,body[data-theme=dark] .mail-item:hover{background:#1e3a5f}body[data-theme=dark] .header-subject,body[data-theme=dark] .mail-sender,body[data-theme=dark] .mail-subject,body[data-theme=dark] .profile-popup-email,body[data-theme=dark] .sender-name,body[data-theme=dark] .settings-item-label,body[data-theme=dark] .settings-popup-title{color:#f9fafb}body[data-theme=dark] .mail-count,body[data-theme=dark] .mail-date,body[data-theme=dark] .mail-preview,body[data-theme=dark] .settings-section-title,body[data-theme=dark] .sidebar-item{color:#cbd5e1}body[data-theme=dark] .body-content{color:#e5e7eb}body[data-density=comfortable] .mail-item{padding-bottom:18px;padding-top:18px}body[data-density=comfortable] .sidebar-item{padding-bottom:12px;padding-top:12px}body[data-density=compact] .mail-item{padding-bottom:8px;padding-top:8px}body[data-density=compact] .mail-toolbar{min-height:42px;padding-bottom:4px;padding-top:4px}body[data-density=compact] .mail-action-btn,body[data-density=compact] .toolbar-btn{height:32px;width:32px}body[data-density=compact] .sidebar-item{padding-bottom:7px;padding-top:7px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#0003;border:4px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.App,.content-area,.main-content{background:var(--app-bg)!important}.content-area{background:var(--content-bg,var(--app-bg))!important}body{background:var(--body-bg)!important;color:var(--text-primary)}.gmail-navbar{background:var(--navbar-bg)!important;border-bottom-color:var(--border-color)!important}.gmail-sidebar{background:var(--sidebar-bg)!important;border-right-color:var(--border-color)!important}.group-mailbox,.inbox-container,.premium-mail-dashboard,.sent-container{background:var(--inbox-bg)!important}.mail-list-container,.mail-list-container.gmail-split-list{background:var(--mail-list-bg)!important}.mail-detail-container{background:var(--mail-detail-bg)!important}.inbox-header,.mail-toolbar,.premium-mail-dashboard .mail-toolbar{background:var(--toolbar-bg)!important;border-color:var(--border-color)!important}.compose-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,#0000)!important}.sidebar-item.active,.sidebar-item:hover{background:var(--accent-soft)!important}.sidebar-item.active{color:var(--accent)!important}.search-container{background:var(--surface-muted)!important;border-color:var(--border-color)!important}.search-container:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,#0000)!important;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 20%,#0000)!important}.premium-mail-dashboard .mail-item.gmail-split-row.selected,.premium-mail-dashboard .mail-item.gmail-split-row:hover{background:var(--accent-soft)!important}.user-avatar{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%)!important}.App{flex-direction:column;min-height:100vh;min-height:100dvh}.App,.main-content{background:#0000;display:flex}.main-content{flex:1 1;height:calc(100vh - 64px);min-height:0;overflow:hidden}.content-area{background:linear-gradient(180deg,#fff,#fafbfc);flex:1 1;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;position:relative}.welcome-message{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;box-shadow:0 4px 20px #0000000d;margin:40px;padding:80px 20px;text-align:center}.welcome-message h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:16px}.welcome-message p{color:#5f6368;font-size:18px;font-weight:400;line-height:1.6}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #667eea1a;border-radius:50%;border-top-color:#667eea;box-shadow:0 2px 8px #667eea33;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:18px}.app-mobile-splash{background:linear-gradient(180deg,#fff,#f3f6fb);min-height:100dvh}.mobile-splash-screen{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:24px}.mobile-splash-logo{animation:mobileSplashLogoZoom 1.2s ease-in-out infinite;height:auto;max-width:280px;width:min(68vw,280px)}@keyframes mobileSplashLogoZoom{0%{opacity:.65;transform:scale(.72)}50%{opacity:1;transform:scale(1.12)}to{opacity:.9;transform:scale(.94)}}@media (max-width:768px){.main-content{height:calc(100dvh - 56px);overflow-x:hidden}.content-area{min-width:0;overflow-x:hidden;width:100%}.welcome-message{margin:20px 16px;padding:40px 16px}.welcome-message h1{font-size:28px}.welcome-message p{font-size:16px}}@media (max-width:480px){.main-content{height:calc(100dvh - 52px)}.welcome-message{margin:16px 12px;padding:30px 12px}.welcome-message h1{font-size:24px}.welcome-message p{font-size:14px}}.App,.main-content{background:#f3f6fb}.main-content{height:calc(100vh - 72px)}.content-area{background:#f3f6fb;padding:12px 0}.content-area:has(.inbox-container){padding:0}.App.app-public{flex-direction:column;height:auto}.App.app-public,.public-shell{display:flex;min-height:100dvh;overflow:visible}.public-shell{flex:1 1;flex-direction:column;width:100%}body.app-public-scroll,html.app-public-scroll{-webkit-overflow-scrolling:touch;height:auto!important;min-height:100dvh;overflow-x:hidden;overflow-y:auto!important;padding-bottom:0!important}html.app-public-scroll #root{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:visible}@media (max-width:768px){.main-content{height:calc(100vh - 56px)}.content-area{padding:8px}.main-content{height:calc(100vh - 56px)}.content-area{overflow:hidden;padding:0}}.install-popup-overlay{align-items:flex-end;background:#0000;display:flex;inset:0;justify-content:flex-end;padding:20px;pointer-events:none;position:fixed;z-index:4000}.install-popup-card{background:#fff;border-radius:12px;box-shadow:0 20px 45px #0f172a47;padding:22px;pointer-events:auto;width:min(420px,100%)}.install-popup-card h3{font-size:22px;margin:0 0 8px}.install-popup-card p{color:#475569;line-height:1.5;margin:0}.install-popup-hint{color:#64748b;font-size:14px}.install-popup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.install-primary-btn,.install-secondary-btn{border:0;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 14px}.install-primary-btn{color:#fff}.install-secondary-btn{background:#e2e8f0;color:#1e293b}@media (max-width:480px){.install-popup-overlay{padding:12px}.install-popup-card{padding:16px;width:100%}.install-popup-card h3{font-size:18px}}.install-popup-overlay{padding:24px}.install-popup-card{border:1px solid #dbe4f0;border-radius:14px;border-top:4px solid #1d4ed8;box-shadow:0 18px 40px #0f172a2e;padding:18px 18px 16px;width:min(430px,100%)}.install-popup-card h3{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:6px}.install-popup-card p{color:#334155;font-size:14px}.install-popup-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;margin-top:10px!important;padding:10px 12px}.install-popup-actions{margin-top:14px}.install-primary-btn,.install-secondary-btn{border-radius:7px;font-size:13px;min-width:92px;padding:9px 12px}.install-primary-btn{background:#1d4ed8}.install-primary-btn:hover{background:#1e40af}.install-secondary-btn{background:#eef2f7;color:#1f2937}.install-secondary-btn:hover{background:#e2e8f0}@media (max-width:480px){.install-popup-overlay{padding:10px}.install-popup-card{border-radius:12px;width:100%}}.app-authenticated{height:100dvh;height:100vh;max-height:100dvh;overflow:hidden}.app-authenticated .main-content{flex:1 1 auto;min-height:0;overflow:hidden}.app-authenticated .content-area{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.app-authenticated .content-area:has(.inbox-container),.app-authenticated .content-area:has(.sent-container){padding:0}.app-authenticated .content-area:has(.admin-panel){-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:0}.mobile-sidebar-backdrop{display:none}@media (max-width:768px){.mobile-sidebar-backdrop{background:#00000073;border:none;cursor:pointer;display:block;inset:56px 0 0 0;padding:0;position:fixed;z-index:998}}.register-page{--rw-primary:#2563eb;--rw-primary-dark:#1d4ed8;--rw-accent:#7c3aed;--rw-text:#0f172a;--rw-text-muted:#64748b;--rw-border:#d8dee9;--rw-surface:#fff;--rw-error:#dc2626;-webkit-overflow-scrolling:touch;align-items:center;background:radial-gradient(circle at 12% 18%,#667eea2e,#0000 36%),radial-gradient(circle at 88% 10%,#0ea5e924,#0000 32%),linear-gradient(160deg,#f8fbff,#eef4ff 48%,#f5f3ff);color:var(--rw-text);flex:1 1;font-family:Google Sans,Roboto,Arial,sans-serif;justify-content:center;min-height:100dvh;overflow-x:hidden;padding:20px clamp(16px,4vw,40px) 32px}.register-page,.register-shell{display:flex;flex-direction:column;width:100%}.register-shell{box-sizing:border-box;gap:18px;max-width:920px}.register-top-bar{padding:0 4px}.register-top-link{background:none;border:none;color:var(--rw-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:6px 0}.register-top-link:hover{text-decoration:underline}.register-card{grid-gap:28px clamp(28px,5vw,48px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e2e8f0f2;border-radius:24px;box-shadow:0 24px 70px #2d376424;box-sizing:border-box;display:grid;gap:28px clamp(28px,5vw,48px);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);max-width:100%;padding:clamp(28px,4vw,40px);width:100%}.register-progress{display:flex;flex-direction:column;gap:10px;grid-column:1/-1;margin-bottom:-4px}.register-progress-meta{color:var(--rw-primary);font-size:12px;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.register-progress-bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden;width:100%}.register-progress-fill{background:linear-gradient(90deg,var(--rw-primary),var(--rw-accent));border-radius:inherit;height:100%;transition:width .35s ease}.register-intro{display:flex;flex-direction:column;gap:12px;min-width:0}.register-logo{display:block;height:52px;max-width:220px;object-fit:contain;object-position:left center;width:auto}.register-title{color:var(--rw-text);font-size:clamp(24px,4vw,34px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0}.register-title span{background:linear-gradient(135deg,var(--rw-primary),var(--rw-accent));background-clip:text;-webkit-background-clip:text;color:#0000}.register-subtitle{color:var(--rw-text-muted);font-size:15px;line-height:1.55;margin:0}.register-form-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;min-width:0}.register-fields-wrap{flex:1 1;min-width:0}.register-fields{display:flex;flex-direction:column;gap:18px}.register-birthday-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1.3fr) minmax(72px,.7fr) minmax(88px,.85fr)}.rw-field{display:flex;flex-direction:column;gap:8px}.rw-field label{color:#334155;font-size:14px;font-weight:600}.rw-input,.rw-select{background:var(--rw-surface);border:1px solid var(--rw-border);border-radius:12px;box-sizing:border-box;color:var(--rw-text);font-family:inherit;font-size:16px;max-width:100%;min-height:50px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.rw-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2364748b'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:22px;cursor:pointer;padding-right:40px}.rw-input:focus,.rw-select:focus{border-color:var(--rw-primary);box-shadow:0 0 0 4px #2563eb1f}.rw-input:disabled,.rw-select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.75}.rw-email-options{display:flex;flex-direction:column;gap:8px}.rw-radio-card{align-items:flex-start;background:#f8fafc;border:1px solid var(--rw-border);border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s,box-shadow .2s}.rw-radio-card:has(input:checked){background:#eff6ff;border-color:var(--rw-primary);box-shadow:0 0 0 3px #2563eb1a}.rw-radio-card input[type=radio]{accent-color:var(--rw-primary);flex-shrink:0;height:18px;margin-top:2px;width:18px}.rw-radio-label{color:var(--rw-text);font-size:15px;line-height:1.45;word-break:break-word}.rw-email-custom{margin-top:4px}.rw-email-input-wrap{align-items:stretch;display:flex;max-width:100%;min-width:0}.rw-email-custom .rw-field{min-width:0;width:100%}.rw-email-input-wrap .rw-input{border-radius:12px 0 0 12px;border-right:none}.rw-email-input-wrap .rw-input:focus{box-shadow:none}.rw-email-input-wrap:focus-within .rw-input{border-color:var(--rw-primary)}.rw-email-input-wrap:focus-within{border-radius:12px;box-shadow:0 0 0 4px #2563eb1f}.rw-email-domain{align-items:center;background:#f1f5f9;border:1px solid var(--rw-border);border-left:none;border-radius:0 12px 12px 0;color:var(--rw-text-muted);display:flex;font-size:15px;min-height:50px;padding:0 14px;white-space:nowrap}.rw-email-input-wrap:focus-within .rw-email-domain{border-color:var(--rw-primary)}.rw-hint{color:var(--rw-text-muted);font-size:12px;margin:6px 0 0}.rw-link{background:none;border:none;color:var(--rw-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;margin:0;padding:0;text-align:left}.rw-link:hover{text-decoration:underline}.rw-checkbox-row{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:10px}.rw-checkbox-row input{accent-color:var(--rw-primary);height:18px;width:18px}.register-message{border-radius:12px;font-size:14px;line-height:1.4;margin-bottom:14px;padding:12px 14px}.register-message.error{background:#fef2f2;border:1px solid #fecaca;color:var(--rw-error)}.register-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:8px}.register-back-btn{background:none;border:none;color:var(--rw-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-right:auto;padding:10px 4px}.register-back-btn:hover:not(:disabled){text-decoration:underline}.register-next-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;min-height:48px;min-width:120px;padding:12px 28px;transition:transform .2s,box-shadow .2s}.register-next-btn:hover:not(:disabled){box-shadow:0 6px 18px #667eea66;transform:translateY(-1px)}.register-next-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.register-footer-link{color:var(--rw-text-muted);font-size:14px;margin:0;text-align:center}.register-footer-link button{background:none;border:none;color:var(--rw-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0}.register-footer-link button:hover:not(:disabled){text-decoration:underline}@media (max-width:800px){.register-page{justify-content:flex-start}.register-card{gap:22px;grid-template-columns:1fr}.register-form-panel{min-height:0}.register-intro{align-items:center;text-align:center}.register-logo{margin-left:auto;margin-right:auto;object-position:center}.register-subtitle{max-width:100%}.register-birthday-row{grid-template-columns:1fr 1fr}.register-birthday-row .rw-field:last-child{grid-column:1/-1}}@media (max-width:640px){.register-birthday-row{grid-template-columns:1fr}.register-birthday-row .rw-field:last-child{grid-column:auto}.rw-email-input-wrap{flex-direction:column}.rw-email-input-wrap .rw-input{border-radius:12px;border-right:1px solid var(--rw-border)}.rw-email-input-wrap .rw-input:focus{box-shadow:0 0 0 4px #2563eb1f}.rw-email-input-wrap:focus-within{border-radius:12px;box-shadow:none}.rw-email-domain{border-left:1px solid var(--rw-border);border-radius:12px;border-top:none;justify-content:center;margin-top:-1px;min-height:48px;width:100%}.rw-email-input-wrap:focus-within .rw-email-domain{border-color:var(--rw-primary)}}@media (max-width:520px){.register-page{align-items:stretch;justify-content:flex-start;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.register-shell{gap:12px}.register-card{border-radius:16px;gap:18px;padding:18px 14px 20px}.register-progress-meta{font-size:11px}.register-logo{height:44px;max-width:min(200px,72vw)}.register-title{font-size:22px;line-height:1.25}.register-title span{display:block;margin-top:2px}.register-subtitle{font-size:14px;line-height:1.5}.register-fields{gap:14px}.rw-radio-card{gap:10px;padding:12px 14px}.rw-radio-label{font-size:14px}.register-actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:20px}.register-back-btn{border:1px solid var(--rw-border);border-radius:12px;margin-right:0;min-height:48px;text-align:center;width:100%}.register-next-btn{min-height:50px;width:100%}.register-footer-link{font-size:13px;padding:0 4px}.register-message{font-size:13px;margin-bottom:10px}}@media (max-width:380px){.register-card{padding:16px 12px 18px}.register-title{font-size:20px}}.login-container{align-items:center;background:radial-gradient(circle at top left,#ffffff38,#0000 30%),linear-gradient(135deg,#eef4ff,#f7f3ff 45%,#eef2ff);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:28px}.login-card{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:24px;box-shadow:0 24px 70px #2d37642e;max-width:460px;padding:42px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:28px;text-align:center}.login-back-home{background:none;border:none;color:#2563eb;cursor:pointer;display:block;font-size:13px;font-weight:600;margin:0 auto 14px;padding:0}.login-back-home:hover{text-decoration:underline}.login-logo{display:block;height:56px;margin:0 auto 18px;max-width:100%;object-fit:contain;width:260px}.login-header h2{color:#172033;font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.subtitle{color:#64748b;font-size:14px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#334155;font-size:14px;font-weight:600}.form-input{background:#fff;border:1px solid #d8dee9;border-radius:12px;box-sizing:border-box;color:#172033;font-family:inherit;font-size:16px;min-height:50px;padding:13px 15px;transition:all .3s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea24;outline:none}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-hint{color:#95a5a6;font-size:12px;margin-top:-4px}.message{border-radius:6px;font-size:14px;font-weight:500;padding:12px 16px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.info{background-color:#e8f0fe;border:1px solid #d2e3fc;color:#1a73e8}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;min-height:52px;padding:14px 24px;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #e8edf5;margin-top:25px;padding-top:20px;text-align:center}.login-footer p{color:#7f8c8d;font-size:14px;margin:0}.toggle-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.toggle-button:hover:not(:disabled){color:#764ba2}.toggle-button:disabled{cursor:not-allowed;opacity:.6}.email-input-wrapper{align-items:center;background:#fff;border:1px solid #d8dee9;border-radius:12px;box-sizing:border-box;display:flex;min-height:48px;position:relative;transition:all .3s}.email-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea24}.email-input-username{background:#0000;border:none;flex:1 1;min-width:0;outline:none;padding:12px 0 12px 16px}.email-input-username:focus{box-shadow:none}.email-domain-suffix{background:#0000;color:#666;font-size:16px;padding:12px 16px 12px 8px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.email-input-wrapper-login{position:relative;width:100%}.email-suggestion-box{align-items:center;animation:slideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;justify-content:space-between;left:0;margin-top:4px;padding:12px 16px;position:absolute;right:0;top:100%;z-index:10}.email-suggestion-text{color:#34495e;flex:1 1;font-size:14px}.email-suggestion-text kbd{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;color:#333;font-family:monospace;font-size:11px;margin:0 2px;padding:2px 6px}.email-suggestion-text strong{color:#667eea;font-weight:600}.email-suggestion-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:background .2s}.email-suggestion-button:hover{background:#5568d3}.email-suggestion-button:active{background:#4a5bc4}@media (max-width:768px){.login-container{align-items:center;min-height:100vh;padding:16px}.login-card{border-radius:10px;max-width:100%;padding:28px 22px}.login-logo{height:46px;width:220px}.login-header{margin-bottom:22px}.login-header h2{font-size:24px}.email-input-wrapper{align-items:stretch;flex-direction:column}.email-input-username{padding:12px 14px 4px;width:100%}.email-domain-suffix{font-size:14px;padding:0 14px 12px;white-space:normal}.email-suggestion-box{align-items:stretch;flex-direction:column}}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:22px 16px}.login-logo{height:40px;width:190px}.login-form{gap:16px}}.home-page{background:radial-gradient(circle at 12% 18%,#667eea2e,#0000 36%),radial-gradient(circle at 88% 10%,#0ea5e924,#0000 32%),linear-gradient(160deg,#f8fbff,#eef4ff 48%,#f5f3ff);color:#0f172a;display:flex;flex:1 1;flex-direction:column;font-family:Google Sans,Roboto,Arial,sans-serif;min-height:100dvh;overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);width:100%}.home-topbar{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,48px) 16px}.home-logo{display:block;flex-shrink:0;height:52px;max-width:min(240px,48vw);object-fit:contain;object-position:left center}.home-topbar-actions{display:flex;flex-shrink:0;gap:8px}.home-main{grid-gap:32px;align-items:center;display:grid;flex:1 1 auto;gap:32px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);margin:0 auto;max-width:1180px;min-height:0;padding:16px clamp(16px,4vw,48px)}.home-hero,.home-main{min-width:0;width:100%}.home-eyebrow{color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.home-hero h1{font-size:clamp(28px,7vw,52px);font-weight:800;letter-spacing:-.8px;line-height:1.12;margin:0 0 16px;word-break:break-word}.home-hero h1 span{background:linear-gradient(135deg,#2563eb,#7c3aed);background-clip:text;-webkit-background-clip:text;color:#0000;display:block}.home-lead{color:#475569;font-size:clamp(15px,3.8vw,18px);line-height:1.55;margin:0 0 24px;max-width:520px}.home-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.home-btn{align-items:center;border-radius:999px;box-sizing:border-box;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;max-width:100%;padding:10px 18px;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}.home-btn:hover{transform:translateY(-1px)}.home-btn-primary{background:linear-gradient(135deg,#2563eb,#667eea);border:none;box-shadow:0 10px 28px #2563eb47;color:#fff}.home-btn-primary:hover{box-shadow:0 14px 34px #2563eb57}.home-btn-outline{background:#fff;border:2px solid #cbd5e1;color:#1e293b}.home-btn-outline:hover{border-color:#94a3b8}.home-btn-ghost{background:#ffffffd9;border:1px solid #dbeafe;color:#1d4ed8}.home-btn-large{font-size:15px;min-height:48px;padding:12px 22px}.home-features{grid-gap:10px;color:#334155;display:grid;gap:10px;list-style:none;margin:0;padding:0}.home-features li{align-items:flex-start;display:flex;font-size:14px;gap:10px;line-height:1.45}.home-features li:before{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;content:"";flex-shrink:0;height:8px;margin-top:6px;width:8px}.home-visual{display:flex;justify-content:center;min-width:0;width:100%}.home-mockup{background:#ffffffe0;border:1px solid #cbd5e1e6;border-radius:20px;box-shadow:0 20px 50px #0f172a1f;max-width:520px;overflow:hidden;width:100%}.home-mockup-toolbar{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:6px;min-width:0;padding:10px 12px}.home-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.home-dot.red{background:#f87171}.home-dot.yellow{background:#fbbf24}.home-dot.green{background:#34d399}.home-mockup-search{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#94a3b8;flex:1 1;font-size:11px;margin-left:4px;min-width:0;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.home-mockup-body{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:280px;min-width:0}.home-mockup-sidebar{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 8px}.home-mockup-compose{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;font-size:11px;font-weight:700;margin-bottom:4px;padding:8px 6px;text-align:center}.home-mockup-nav{border-radius:8px;color:#64748b;font-size:11px;font-weight:600;overflow:hidden;padding:7px 8px;text-overflow:ellipsis;white-space:nowrap}.home-mockup-nav.active{background:#dbeafe;color:#1d4ed8}.home-mockup-inbox{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px}.home-mail-row{grid-gap:8px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:8px;grid-template-columns:32px minmax(0,1fr);min-width:0;padding:8px}.home-mail-row.unread{background:#eff6ff;border-color:#bfdbfe}.home-mail-avatar{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:10px;color:#1d4ed8;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:32px;justify-content:center;width:32px}.home-mail-row>div{min-width:0}.home-mail-row strong{display:block;font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-mail-row p{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#64748b;display:-webkit-box;font-size:10px;line-height:1.35;margin:0;overflow:hidden}.home-footer{align-items:center;border-top:1px solid #cbd5e1b3;color:#64748b;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:12px;gap:8px;justify-content:center;margin-top:auto;padding:18px clamp(16px,4vw,48px) max(18px,env(safe-area-inset-bottom));text-align:center;width:100%}@media (max-width:960px){.home-main{gap:28px;grid-template-columns:1fr}.home-visual{order:2}.home-hero{order:1}.home-mockup{max-width:100%}}@media (max-width:640px){.home-topbar{justify-content:center}.home-topbar-actions{display:none}.home-logo{height:42px;margin:0 auto;max-width:220px;object-position:center}.home-main{gap:24px}.home-page{min-height:100dvh}.home-hero{text-align:center}.home-eyebrow{font-size:11px;letter-spacing:.1em}.home-lead{margin-left:auto;margin-right:auto}.home-cta-row{flex-direction:column;margin-bottom:20px;width:100%}.home-btn-large{min-height:48px;width:100%}.home-features{margin:0 auto;max-width:300px;text-align:left;width:100%}.home-mockup{border-radius:16px}.home-mockup-body{display:flex;flex-direction:column;min-height:auto}.home-mockup-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;flex-direction:row;flex-wrap:wrap;gap:6px;padding:10px}.home-mockup-compose{flex:1 1 100%;margin-bottom:2px;padding:10px}.home-mockup-nav{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;text-align:center}.home-mockup-inbox{padding:10px 10px 14px}.home-mail-row{grid-template-columns:36px minmax(0,1fr);padding:10px}.home-mail-row strong{font-size:13px;white-space:normal}.home-mail-row p{font-size:11px}}@media (max-width:380px){.home-hero h1{font-size:26px}.home-mockup-nav{flex:1 1 100%;font-size:10px}}.modal-btn-cancel{background-color:#f1f3f4;color:#202124}.modal-btn-cancel:hover{background-color:#e8eaed}.compose-mail-container{background:#fff;border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -2px 10px #0003;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 80px);max-width:calc(100vw - 32px);overflow:hidden;position:fixed;right:16px;transition:all .3s ease;width:600px;z-index:1000}.loading-compose{align-items:center;color:#5f6368;display:flex;height:100%;justify-content:center}.compose-header-gmail{background:#fff;border-bottom:1px solid #dadce0}.compose-header-top{align-items:center;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px}.compose-title{color:#1a73e8;font-size:14px;font-weight:700;margin:0;padding:0}.compose-window-controls{align-items:center;display:flex;gap:4px}.compose-close-btn,.compose-expand-btn,.compose-minimize-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:background-color .2s;width:32px}.compose-close-btn:hover,.compose-expand-btn:hover,.compose-minimize-btn:hover{background-color:#3c404314}.compose-form-gmail{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.compose-to-section{align-items:flex-start;background:#fff;border-bottom:1px solid #f1f3f4;display:flex;gap:12px;padding:8px 16px;position:relative}.compose-to-section .compose-label{margin-top:6px}.compose-recipient-input-wrap{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px;min-width:0}.compose-recipient-chip{align-items:center;background:#e8f0fe;border:1px solid #c7d7fe;border-radius:999px;color:#1a73e8;display:inline-flex;font-size:13px;gap:4px;line-height:1.2;max-width:100%;padding:4px 6px 4px 10px;word-break:break-all}.compose-recipient-chip button{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a73e8;cursor:pointer;display:inline-flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.compose-recipient-chip button:hover:not(:disabled){background:#1a73e81f}.compose-recipient-inline-input{flex:1 1 160px;min-width:120px}.compose-label{color:#5f6368;font-size:13px;font-weight:500;min-width:50px}.compose-input{background:#fff;border:none;color:#202124;flex:1 1;font-size:14px;outline:none;padding:4px 0}.compose-input::placeholder{color:#5f6368}.compose-group-recipient{align-items:center;background:#e8f0fe;border:1px solid #c7d7fe;border-radius:999px;color:#0b57d0;display:inline-flex;gap:8px;max-width:100%;padding:6px 12px}.compose-group-recipient span{font-size:14px;font-weight:700}.compose-group-recipient small{color:#4b63a8;font-size:12px;font-weight:600}.recipient-suggestions{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 12px 30px #0f172a2e;left:64px;max-height:360px;overflow-y:auto;position:absolute;right:72px;top:calc(100% - 2px);z-index:1200}.recipient-suggestion-item{align-items:center;background:#fff;border:0;color:#111827;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;width:100%}.recipient-suggestion-item:first-child,.recipient-suggestion-item:hover{background:#eee}.recipient-suggestion-avatar{align-items:center;background:#c2185b;border-radius:50%;color:#fff;display:flex;flex:0 0 auto;font-size:18px;font-weight:700;height:38px;justify-content:center;width:38px}.recipient-suggestion-copy{display:flex;flex-direction:column;min-width:0}.recipient-suggestion-copy strong{font-size:16px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-suggestion-copy small{color:#111827;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-bcc-text{display:flex;gap:8px;margin-left:auto;padding-left:8px}.cc-bcc-link{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:13px;font-weight:500;padding:4px 0}.cc-bcc-link:hover:not(:disabled){text-decoration:underline}.cc-bcc-link:disabled{cursor:not-allowed;opacity:.5}.cc-bcc-remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:8px;padding:4px;transition:background-color .2s;width:24px}.cc-bcc-remove-btn:hover:not(:disabled){background-color:#3c404314;color:#202124}.cc-bcc-remove-btn:disabled{cursor:not-allowed;opacity:.5}.compose-subject-section{align-items:center;background:#fff;border-bottom:1px solid #f1f3f4;display:flex;gap:12px;padding:8px 16px}.subject-input{background:#fff;color:#202124;width:100%}body[data-theme=dark] .compose-subject-section,body[data-theme=dark] .compose-to-section{background:#fff;border-bottom-color:#e5e7eb}body[data-theme=dark] .compose-subject-section .compose-label,body[data-theme=dark] .compose-to-section .compose-label{color:#5f6368}body[data-theme=dark] .compose-subject-section .compose-input,body[data-theme=dark] .compose-subject-section input,body[data-theme=dark] .compose-to-section .compose-input,body[data-theme=dark] .compose-to-section input{-webkit-text-fill-color:#202124;background:#fff!important;color:#202124!important}body[data-theme=dark] .compose-subject-section input:-webkit-autofill,body[data-theme=dark] .compose-to-section input:-webkit-autofill{-webkit-text-fill-color:#202124!important;box-shadow:inset 0 0 0 1000px #fff!important}.compose-body-section{flex:1 1;min-height:300px;padding:16px}.compose-textarea{word-wrap:break-word;border:none;color:#202124;font-family:inherit;font-size:14px;height:100%;line-height:1.5;min-height:200px;outline:none;overflow-y:auto;resize:none;white-space:pre-wrap;width:100%}.compose-textarea .compose-forward-top-spacer{min-height:4px}.compose-textarea .gmail-forward-separator{color:#202124;font-size:14px;line-height:1.5;margin:0 0 10px;white-space:normal}.compose-textarea .gmail-forward-meta-line{color:#202124;font-size:14px;line-height:1.55;margin:0 0 2px;white-space:normal}.compose-textarea .gmail-forward-meta-key{color:#5f6368;font-weight:500;margin-right:6px}.compose-textarea .gmail-forward-body-gap{line-height:.5}.compose-textarea .gmail-forward-body-main{color:#202124;font-size:14px;line-height:1.55;margin-top:6px;white-space:normal}.compose-textarea .gmail-forward-quote{border-left:3px solid #dadce0;color:#5f6368;font-size:14px;line-height:1.55;margin:12px 0 0;padding:0 0 0 12px;white-space:normal}.compose-title-row{align-items:center;display:flex;gap:8px;min-width:0}.compose-title-mode-icon{color:#5f6368;display:flex;flex-shrink:0}.compose-title-row .compose-title{margin:0}.compose-title.compose-title-mode{color:#202124;font-weight:600}.compose-textarea:empty:before{color:#5f6368;content:attr(data-placeholder);pointer-events:none}.compose-textarea ol{list-style-position:outside;list-style-type:decimal;margin:0;padding-left:30px}.compose-textarea ol li{line-height:1.5;margin:0;padding-left:8px}.compose-textarea ul{list-style-position:outside;list-style-type:disc;margin:0;padding-left:30px}.compose-textarea ul li{line-height:1.5;margin:0;padding-left:8px}.compose-message{border-radius:4px;font-size:14px;margin:0 16px;padding:12px 16px}.compose-message.success{background-color:#e6f4ea;color:#137333}.compose-message.error{background-color:#fce8e6;color:#c5221f}.compose-attachments-section{background:#f8f9fa;border-bottom:1px solid #f1f3f4;border-top:1px solid #f1f3f4;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px 16px}.attachment-item{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s}.attachment-item:hover{box-shadow:0 1px 3px #0000001a}.attachment-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.attachment-icon{color:#5f6368;flex-shrink:0}.attachment-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.attachment-name{color:#202124;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#5f6368;font-size:12px}.attachment-remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:4px;transition:background-color .2s;width:24px}.attachment-remove-btn:hover:not(:disabled){background-color:#3c404314;color:#202124}.attachment-remove-btn:disabled{cursor:not-allowed;opacity:.5}.compose-toolbar{align-items:center;background:#fff;border-top:1px solid #dadce0;display:flex;justify-content:space-between;padding:8px 16px}.send-btn{background:#1a73e8;border:none;border-radius:24px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.send-btn:hover:not(:disabled){background:#1557b0;box-shadow:0 2px 4px #00000026}.send-btn:disabled{background:#dadce0;box-shadow:none;color:#80868b;cursor:not-allowed}.send-options-btn{align-items:center;background:#1a73e8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:4px;padding:8px;transition:background-color .2s;width:32px}.send-options-btn:hover{background-color:#1557b0}.toolbar-icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:background-color .2s;width:40px}.toolbar-icon-btn:hover{background-color:#3c404314;color:#202124}.toolbar-icon-btn.active{background-color:#e8f0fe;color:#1a73e8}.toolbar-icon-btn svg{height:20px;width:20px}.compose-minimized{height:auto;max-width:calc(100vw - 32px);min-height:48px;width:320px}.compose-minimized .compose-form-gmail{display:none}.compose-expanded{border-radius:0;bottom:0;height:calc(100vh - 64px);left:0;position:fixed;right:0;top:64px;width:100%;z-index:1000}.send-options-container{align-items:center;display:flex;gap:4px;position:relative}.send-options-dropdown{background:#fff;border:1px solid #dadce0;border-radius:4px;bottom:100%;box-shadow:0 2px 8px #00000026;display:block;left:0;margin-bottom:8px;min-width:180px;opacity:1;overflow:hidden;position:absolute;visibility:visible;z-index:1000}.send-option-item{align-items:center;background:none;border:none;color:#202124;cursor:pointer;display:flex;font-size:14px;padding:12px 16px;transition:background-color .2s;width:100%}.send-option-item:hover:not(:disabled){background-color:#3c404314}.send-option-item:disabled{cursor:not-allowed;opacity:.5}.formatting-toolbar{align-items:center;animation:slideDown .2s ease-out;background:#fff;border-bottom:1px solid #e8eaed;border-top:1px solid #e8eaed;display:flex;flex-wrap:wrap;gap:4px;padding:10px 16px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.formatting-group{align-items:center;display:flex;gap:2px}.formatting-divider{background-color:#dadce0;height:24px;margin:0 4px;width:1px}.formatting-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:6px;position:relative;transition:all .2s}.formatting-btn:hover:not(:disabled){background-color:#e8eaed;color:#202124}.formatting-btn:disabled{cursor:not-allowed;opacity:.4}.formatting-btn svg{height:18px;width:18px}.formatting-btn .dropdown-arrow{height:10px;margin-left:-2px;width:10px}.formatting-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath fill='%235f6368' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1px solid #dadce0;border-radius:4px;color:#202124;cursor:pointer;font-size:13px;font-weight:400;min-width:110px;outline:none;padding:6px 28px 6px 10px;transition:all .2s}.formatting-select option{background:#fff;color:#202124;font-size:15px;line-height:1.6;padding:10px 14px}.formatting-select option:hover{background-color:#f5f5f5}.formatting-select option:checked{background-color:#e8f0fe}.text-size-dropdown-container{position:relative}.text-size-btn{align-items:center;background:#f1f3f4;border:1px solid #dadce0;border-bottom:none;border-top:none;color:#5f6368;display:flex;gap:4px;padding:6px 8px}.text-size-btn:hover:not(:disabled){background-color:#e8eaed;color:#202124}.text-size-btn.active{background-color:#e8f0fe;color:#1a73e8}.text-size-btn svg:first-child{color:#5f6368;height:22px;width:22px}.text-size-btn.active svg:first-child{color:#1a73e8}.text-size-dropdown{animation:slideUp .2s ease-out;background:#fff;border:1px solid #dadce0;border-radius:8px;bottom:100%;box-shadow:0 2px 8px #00000026;left:0;margin-bottom:4px;min-width:140px;overflow:hidden;padding:4px 0;position:absolute;z-index:1000}.text-size-option{align-items:center;background:#fff;border:none;color:#202124;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:12px;padding:8px 16px;position:relative;text-align:left;transition:background-color .2s;width:100%}.text-size-option:hover{background-color:#f5f5f5}.text-size-option.selected{background-color:#f5f5f5;color:#202124;font-weight:400}.text-size-checkmark{color:#202124;flex-shrink:0;height:16px;width:16px}.text-size-checkmark-placeholder{display:inline-block;flex-shrink:0;height:16px;width:16px}.text-size-option span:last-child{flex:1 1}.color-picker-container{position:relative}.color-picker-dialog{animation:slideUp .2s ease-out;bottom:100%;margin-bottom:8px}.color-picker-dialog,.color-picker-dialog-below-subject{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 16px #0003;display:flex;gap:12px;left:0;min-width:420px;padding:12px;position:absolute;z-index:1000}.color-picker-dialog-below-subject{animation:slideDown .2s ease-out;margin-top:4px;top:100%}.color-picker-section{display:flex;flex:1 1;flex-direction:column;gap:6px}.color-picker-title{color:#202124;font-size:12px;font-weight:500;margin-bottom:2px}.color-picker-row{display:flex;gap:3px;margin-bottom:3px}.color-picker-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr)}.color-swatch{align-items:center;background:none;border:1px solid #dadce0;border-radius:3px;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:relative;transition:all .2s;width:18px}.color-swatch:hover{border-color:#1a73e8;transform:scale(1.1);z-index:1}.color-swatch.selected{border-color:#1a73e8;border-width:2px}.color-swatch svg{height:10px;pointer-events:none;width:10px}.font-select option{font-size:16px;padding:12px 14px}.formatting-select:hover:not(:disabled){background-color:#f8f9fa;border-color:#5f6368}.formatting-select:disabled{cursor:not-allowed;opacity:.4}.formatting-select.size-select{min-width:70px;padding:6px 20px 6px 8px}.link-modal-inline{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;margin:16px;padding:20px 24px}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.link-modal-content{display:flex;flex-direction:column;gap:12px;max-width:600px}.link-input-group{align-items:center;background:#fff;border:1.5px solid #dadce0;border-radius:4px;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.link-input-group:focus-within{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.link-icon{align-items:center;color:#5f6368;display:flex;flex-shrink:0;justify-content:center}.link-input{background:#0000;border:none;color:#202124;flex:1 1;font-size:14px;outline:none;padding:0}.link-input::placeholder{color:#80868b}.link-apply-btn{align-self:flex-end;background-color:#f1f3f4;border:none;border-radius:4px;color:#5f6368;cursor:pointer;font-size:14px;font-weight:500;margin-top:4px;padding:8px 24px;transition:all .2s}.link-apply-btn:hover:not(:disabled){background-color:#d2e3fc;color:#1a73e8}.link-apply-btn:disabled{background-color:#f1f3f4;color:#dadce0;cursor:not-allowed}.emoji-picker-wrapper{animation:slideDown .2s ease-out;display:flex;justify-content:flex-start;padding:0 16px 12px}.emoji-picker-wrapper aside.EmojiPickerReact{background:#fff!important;border:1px solid #dadce0!important;border-radius:12px!important;box-shadow:0 4px 20px #0000001f,0 1px 4px #00000014!important}.emoji-picker-wrapper .epr-search-container{padding:14px 16px 10px!important}.emoji-picker-wrapper .epr-search-container input.epr-search{background-color:#f1f3f4!important;border:1px solid #e0e0e0!important;border-radius:24px!important;font-family:Arial,sans-serif!important;font-size:13px!important;padding:9px 14px 9px 40px!important}.emoji-picker-wrapper .epr-search-container input.epr-search:focus{background-color:#fff!important;border-color:#1a73e8!important;box-shadow:0 0 0 3px #1a73e81a!important}.emoji-picker-wrapper .epr-category-nav{border-bottom:1px solid #e0e0e0!important;gap:0!important;padding:6px 4px!important}.emoji-picker-wrapper button.epr-cat-btn{border-bottom:3px solid #0000!important;border-radius:0!important;filter:grayscale(100%) opacity(.6)!important;padding:10px 6px!important;transition:all .15s!important}.emoji-picker-wrapper button.epr-cat-btn:hover{background-color:#00000008!important;filter:grayscale(0) opacity(.9)!important}.emoji-picker-wrapper button.epr-cat-btn.epr-active{background-color:initial!important;border-bottom:3px solid #1a73e8!important;filter:grayscale(0) opacity(1)!important}.emoji-picker-wrapper .epr-emoji-category-label{color:#70757a!important;font-size:10px!important;font-weight:600!important;letter-spacing:.5px!important;padding:12px 16px 10px!important;text-transform:uppercase!important}.emoji-picker-wrapper .epr-emoji-list{padding:0 16px 12px!important}.emoji-picker-wrapper button.epr-btn{border-radius:8px!important;transition:all .12s ease!important}.emoji-picker-wrapper button.epr-btn:hover{background-color:#3c404314!important;transform:scale(1.15)!important}.emoji-picker-wrapper .epr-body{scrollbar-color:#dadce0 #0000;scrollbar-width:thin}.emoji-picker-wrapper .epr-body::-webkit-scrollbar{width:8px}.emoji-picker-wrapper .epr-body::-webkit-scrollbar-thumb{background-color:#dadce0;border-radius:4px}.emoji-picker-wrapper .epr-body::-webkit-scrollbar-track{background:#0000}.schedule-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#3c404340!important}.schedule-modal-content{background:#fff!important;border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.schedule-modal-header{align-items:center;background:#fff!important;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;padding:20px 24px}.schedule-modal-header h3{color:#202124;font-size:18px;font-weight:500;margin:0}.schedule-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:background-color .2s;width:32px}.schedule-modal-close:hover{background-color:#3c404314}.schedule-modal-body{background:#fff!important;flex:1 1;overflow-y:auto;padding:24px}.schedule-date-time-picker{display:flex;flex-direction:column;gap:20px}.schedule-picker-group{display:flex;flex-direction:column;gap:12px}.schedule-label{color:#202124;font-size:14px;font-weight:500}.schedule-inputs{align-items:center;display:flex;gap:12px}.schedule-date-input,.schedule-time-input{background-color:#fff!important;border:1px solid #dadce0;border-radius:4px;color:#202124!important;color-scheme:light;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.schedule-date-input::-webkit-calendar-picker-indicator,.schedule-time-input::-webkit-calendar-picker-indicator{filter:none;opacity:.7}.schedule-date-input:focus,.schedule-time-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.schedule-modal-footer{align-items:center;background:#fff!important;border-top:1px solid #dadce0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.schedule-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.schedule-btn-cancel{background:#fff;border:1px solid #dadce0;color:#202124}.schedule-btn-cancel:hover{background-color:#3c404314}.schedule-btn-confirm{background:#1a73e8;color:#fff}.schedule-btn-confirm:hover:not(:disabled){background:#1557b0;box-shadow:0 1px 2px #0000001a}.schedule-btn-confirm:disabled{background:#dadce0;color:#80868b;cursor:not-allowed}.confidential-modal-content{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:90%}.confidential-modal-header{align-items:center;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;padding:24px 24px 16px}.confidential-modal-header h3{color:#202124;font-size:20px;font-weight:400;margin:0}.confidential-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:background-color .2s;width:32px}.confidential-modal-close:hover{background-color:#3c404314}.confidential-modal-body{flex:1 1;overflow-y:auto;padding:24px}.confidential-description{color:#5f6368;font-size:14px;line-height:1.5;margin:0 0 12px}.confidential-learn-more{color:#1a73e8;display:inline-block;font-size:14px;margin-bottom:32px;text-decoration:none}.confidential-learn-more:hover{text-decoration:underline}.confidential-section{margin-bottom:32px}.confidential-section:last-of-type{margin-bottom:0}.confidential-section-title{color:#5f6368;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.confidential-expiration-group{align-items:center;display:flex;gap:16px}.confidential-expiration-select{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#202124;cursor:pointer;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.confidential-expiration-select:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.confidential-expiration-date{color:#5f6368;font-size:14px;min-width:140px;text-align:right}.confidential-passcode-info{align-items:center;color:#5f6368;display:flex;font-size:14px;gap:8px;margin-bottom:16px}.confidential-passcode-info .info-icon{color:#5f6368;cursor:help;flex-shrink:0}.confidential-radio-group{display:flex;flex-direction:column;gap:12px}.confidential-radio-label{align-items:center;color:#202124;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 0}.confidential-radio{accent-color:#1a73e8;cursor:pointer;height:18px;width:18px}.confidential-radio-label span{-webkit-user-select:none;user-select:none}.confidential-modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #dadce0;display:flex;gap:16px;justify-content:flex-end;padding:16px 24px}.confidential-btn-cancel{background:none;border:none;border-radius:4px;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.confidential-btn-cancel:hover{background-color:#1a73e814}.confidential-btn-save{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.confidential-btn-save:hover{background:#1557b0;box-shadow:0 1px 2px #0000001a}.insert-photo-modal-content{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.insert-photo-modal-header{align-items:center;border-bottom:1px solid #dadce0;display:flex;gap:16px;padding:20px 24px}.insert-photo-modal-header h3{color:#202124;flex-shrink:0;font-size:20px;font-weight:400;margin:0}.insert-photo-search-container{flex:1 1;max-width:300px;position:relative}.insert-photo-search{border:1px solid #dadce0;border-radius:24px;font-size:14px;outline:none;padding:10px 16px 10px 44px;transition:all .2s;width:100%}.insert-photo-search:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.insert-photo-search-container .search-icon{color:#5f6368;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.insert-photo-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:4px;transition:background-color .2s;width:32px}.insert-photo-modal-close:hover{background-color:#3c404314}.insert-photo-tabs{border-bottom:1px solid #dadce0;display:flex;gap:0;padding:0 24px}.insert-photo-tab{background:none;border:none;border-bottom:3px solid #0000;color:#5f6368;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 16px;transition:all .2s}.insert-photo-tab:hover{background-color:#3c40430a;color:#202124}.insert-photo-tab.active{border-bottom-color:#1a73e8;color:#1a73e8}.insert-photo-modal-body{display:flex;flex:1 1;min-height:400px;overflow:hidden}.insert-photo-sidebar{background:#f8f9fa;border-right:1px solid #dadce0;padding:16px 0;width:180px}.insert-photo-sidebar-item{background:none;border:none;color:#202124;cursor:pointer;font-size:14px;padding:12px 24px;text-align:left;transition:background-color .2s;width:100%}.insert-photo-sidebar-item:hover{background-color:#3c404314}.insert-photo-sidebar-item.active{background-color:#e8f0fe;color:#1a73e8;font-weight:500}.insert-photo-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.insert-photo-empty{max-width:400px;text-align:center}.insert-photo-empty-icon{margin-bottom:24px}.insert-photo-empty-title{color:#202124;font-size:16px;font-weight:500;margin:0 0 8px}.insert-photo-empty-text{color:#5f6368;font-size:14px;margin:0}.insert-photo-upload{padding:40px;width:100%}.insert-photo-upload-area{border:2px dashed #dadce0;border-radius:8px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .2s}.insert-photo-upload-area:hover{background-color:#1a73e80a;border-color:#1a73e8}.insert-photo-upload-area .upload-icon{color:#5f6368;margin-bottom:16px}.insert-photo-upload-area p{color:#5f6368;font-size:14px;margin:0}.insert-photo-url{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:600px;padding:40px;width:100%}.insert-photo-url-input{border:1px solid #dadce0;border-radius:4px;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.insert-photo-url-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.insert-photo-url-btn{align-self:flex-end;background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.insert-photo-url-btn:hover{background:#1557b0}.signature-dropdown-container{position:relative}.signature-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #dadce0;border-radius:8px;bottom:100%;box-shadow:0 2px 8px #00000026;margin-bottom:8px;min-width:200px;overflow:hidden;position:absolute;right:0;z-index:1000}.signature-dropdown-item{align-items:center;background:none;border:none;color:#202124;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.signature-dropdown-item:hover{background-color:#3c404314}.signature-dropdown-item.selected{font-weight:500}.signature-checkmark{color:#202124;flex-shrink:0}.signature-dropdown-divider{background-color:#e8eaed;height:1px;margin:0}.more-options-dropdown-container{position:relative}.more-options-dropdown{animation:slideDown .2s ease-out;background:#f5f5f5;border:1px solid #dadce0;border-radius:8px;bottom:100%;box-shadow:0 2px 8px #00000026;margin-bottom:8px;min-width:240px;overflow:hidden;padding:8px 0;position:absolute;right:0;z-index:1000}.more-options-item{align-items:center;background:none;border:none;color:#202124;cursor:pointer;display:flex;font-size:14px;gap:16px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.more-options-item:hover{background-color:#3c404314}.more-options-item svg:first-child{color:#5f6368;flex-shrink:0;height:20px;width:20px}.more-options-item span{flex:1 1}.more-options-item.has-submenu{justify-content:space-between}.more-options-item .submenu-arrow{color:#5f6368;flex-shrink:0;height:16px;width:16px}.more-options-divider{background-color:#e8eaed;height:1px;margin:4px 0}.alignment-dropdown-container{position:relative}.alignment-btn{align-items:center;display:flex;gap:4px;min-width:auto;padding:6px 4px;width:auto}.alignment-btn.active{background-color:#e8f0fe;color:#1a73e8}.alignment-dropdown{animation:slideUp .2s ease-out;background:#fff;border:1px solid #dadce0;border-radius:8px;bottom:100%;box-shadow:0 2px 8px #00000026;left:0;margin-bottom:4px;min-width:100px;overflow:hidden;padding:4px 0;position:absolute;width:auto;z-index:1000}.alignment-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:background-color .2s;width:100%}.alignment-option:hover{background-color:#3c404314}.alignment-option.selected{background-color:#e8f0fe}.alignment-option svg{color:#202124;height:18px;width:18px}.alignment-option.selected svg{color:#1a73e8}.formatting-more-options-container{position:relative}.formatting-more-options-dropdown{animation:slideUp .2s ease-out;background:#fff;border:1px solid #dadce0;border-radius:8px;bottom:100%;box-shadow:0 2px 8px #00000026;left:0;margin-bottom:4px;min-width:48px;overflow:hidden;padding:4px 0;position:absolute;width:auto;z-index:1000}.formatting-more-options-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:10px 12px;transition:background-color .2s;width:100%}.formatting-more-options-item:hover{background-color:#3c404314}.formatting-more-options-item svg{color:#202124;height:18px;width:18px}.formatting-more-options-item span{color:#202124;font-size:14px;font-weight:700}@media (max-width:768px){.compose-mail-container{border-radius:0;bottom:0;height:100vh;left:0;max-height:100vh;max-width:100%;position:fixed;right:0;top:0;width:100%}.compose-header-top{padding:10px 12px}.compose-subject-section,.compose-to-section{align-items:flex-start;flex-wrap:wrap;gap:6px;padding:8px 12px}.compose-label{min-width:38px}.cc-bcc-text{margin-left:38px;padding-left:0;width:calc(100% - 38px)}.compose-form-gmail{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow-y:auto;padding-bottom:0}.compose-toolbar{-webkit-overflow-scrolling:touch;align-items:center;background:#fff;border-top:1px solid #dadce0;bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:space-between;left:0;overflow-x:auto;overflow-y:hidden;padding:8px 12px;position:fixed;right:0;z-index:1001}.compose-toolbar::-webkit-scrollbar{display:none}.compose-toolbar{-ms-overflow-style:none;scrollbar-width:none}.toolbar-left{flex-shrink:0;gap:4px}.toolbar-right{-webkit-overflow-scrolling:touch;flex-shrink:0;gap:2px;overflow-x:auto;overflow-y:hidden;padding-right:4px}.toolbar-right::-webkit-scrollbar{display:none}.send-btn{font-size:13px;padding:8px 20px;white-space:nowrap}.send-options-btn{height:28px;padding:6px;width:28px}.toolbar-icon-btn{flex-shrink:0;height:36px;padding:6px;width:36px}.toolbar-icon-btn svg{height:18px;width:18px}.compose-body-section{min-height:calc(100vh - 200px);padding-bottom:80px!important;padding-left:12px;padding-right:12px}.toolbar-right{display:flex;flex-wrap:nowrap}.compose-expanded{height:100vh;top:0}.send-options-container{position:relative;z-index:1002}.send-options-dropdown{border-radius:8px;bottom:64px;box-shadow:0 -2px 8px #00000026;left:12px;margin-bottom:0;margin-top:0;max-width:calc(100vw - 24px);min-width:180px;position:fixed;right:auto;z-index:1003}.send-option-item{align-items:center;display:flex;font-size:14px;gap:8px;padding:14px 16px}.send-option-item svg{flex-shrink:0;height:18px;width:18px}.formatting-toolbar{-webkit-overflow-scrolling:touch;align-items:center;background:#fff;border-bottom:1px solid #e8eaed;border-top:1px solid #e8eaed;bottom:64px;box-shadow:0 -2px 8px #0000001a;display:flex;flex-wrap:nowrap;gap:4px;left:0;max-height:60px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;position:fixed;right:0;z-index:1002}.formatting-toolbar::-webkit-scrollbar{display:none}.formatting-toolbar{-ms-overflow-style:none;scrollbar-width:none}.formatting-group{align-items:center;display:flex;flex-shrink:0;gap:2px}.formatting-divider{flex-shrink:0;height:20px;margin:0 2px}.formatting-btn{flex-shrink:0;height:28px;min-width:28px;padding:4px}.formatting-btn svg{height:16px;width:16px}.formatting-select{flex-shrink:0;font-size:12px;height:28px;min-width:100px;padding:4px 24px 4px 8px}.compose-body-section,.compose-form-gmail:has(.formatting-toolbar)~.compose-body-section{padding-bottom:140px!important}.text-size-dropdown{min-width:160px}.alignment-dropdown,.color-picker-dialog,.text-size-dropdown{bottom:128px;left:12px;margin-bottom:0;position:fixed;right:auto;z-index:1004}}@media (max-width:480px){.compose-title{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-input,.compose-textarea{font-size:16px}.compose-label{font-size:12px;min-width:32px}.cc-bcc-text{margin-left:32px;width:calc(100% - 32px)}.compose-toolbar{padding:6px 8px}.toolbar-left{gap:2px}.toolbar-right{gap:1px}.send-btn{font-size:12px;padding:6px 16px}.send-options-btn{height:26px;padding:4px;width:26px}.toolbar-icon-btn{height:32px;padding:4px;width:32px}.toolbar-icon-btn svg{height:16px;width:16px}.compose-form-gmail{height:calc(100vh - 56px)}.send-options-dropdown{bottom:60px;left:8px;min-width:160px}.send-option-item{font-size:13px;padding:12px 14px}.formatting-toolbar{bottom:60px;max-height:56px;padding:6px 8px}.formatting-btn{height:26px;min-width:26px;padding:3px}.formatting-btn svg{height:14px;width:14px}.formatting-select{font-size:11px;height:26px;min-width:90px;padding:3px 20px 3px 6px}.formatting-divider{height:18px;margin:0 1px}.compose-body-section{padding-bottom:130px!important}.text-size-dropdown{min-width:140px}.alignment-dropdown,.color-picker-dialog,.text-size-dropdown{bottom:120px;left:8px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;max-width:400px;padding:0;width:90%}.alert-modal-content{max-width:350px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-header h3{color:#202124;font-size:18px;font-weight:600;margin:0}.modal-body{padding:20px 24px}.modal-body p{color:#5f6368;font-size:14px;line-height:1.5;margin:0}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.modal-btn-confirm{background-color:#1a73e8;color:#fff}.modal-btn-confirm:hover{background-color:#1557b0}.modal-btn:active{transform:scale(.98)}.sent-container{background:linear-gradient(180deg,#fff,#fafbfc)}.sent-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafbfcf2);border-bottom:1px solid #dadce080;box-shadow:0 2px 8px #0000000a;padding:20px 28px}.sent-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:600;letter-spacing:-.3px}.mail-count{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;font-weight:500;padding:4px 12px}.mail-list-container{transition:all .3s ease}.mail-list-container.full-width{flex:1 1 auto;min-width:0}.mail-list-container.hidden{display:none}.mail-item{border-bottom:1px solid #f1f3f499;border-left:3px solid #0000;gap:14px;padding:14px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.mail-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s;width:0}.mail-item:hover{background:linear-gradient(90deg,#667eea0d,#764ba208);border-left-color:#667eea80;box-shadow:0 2px 8px #0000000a;transform:translateX(2px)}.mail-item:hover:before{width:3px}.mail-item.selected{background:linear-gradient(90deg,#667eea1f,#764ba214);border-left-color:#667eea;box-shadow:inset 0 0 20px #667eea0d}.mail-star{opacity:.4;transition:all .2s}.mail-star.starred{opacity:1}.mail-star.starred path{fill:#fbbc04;stroke:none}.mail-item:hover .mail-star.starred path{fill:#f9ab00}.mail-sender{color:#3c4043;font-weight:600;letter-spacing:.1px}.mail-subject-preview{gap:10px}.mail-subject{font-weight:500;letter-spacing:.1px}.mail-preview{opacity:.8}.mail-date{margin-right:12px;min-width:50px}.mail-detail-container{box-shadow:-2px 0 8px #0000001a}.mail-detail-header{background:#fff;padding:0 16px}.header-subject-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.header-subject{color:#202124;font-size:22px;font-weight:400;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions-right{align-items:center;display:flex;flex-shrink:0;gap:4px}.header-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:background-color .2s;width:40px}.header-action-btn:hover{background-color:#3c404314;color:#202124}.back-button{flex-shrink:0;height:40px;width:40px}.mail-detail-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px 24px 24px;position:relative}.mail-header-compact{align-items:flex-start;display:flex;gap:16px;margin-bottom:0;padding:16px 0 20px}.sender-avatar{align-items:center;background:#8b7355;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:500;height:40px;justify-content:center;text-transform:uppercase;width:40px}.sender-info{flex:1 1;min-width:0}.sender-name-email{margin-bottom:4px}.sender-name{font-weight:700;line-height:1.5}.sender-email,.sender-name{color:#202124;font-size:14px}.sender-email{font-weight:500}.recipient-info{align-items:center;color:#5f6368;cursor:pointer;display:flex;font-size:13px;gap:4px;margin-top:2px;-webkit-user-select:none;user-select:none}.recipient-info:hover{color:#202124}.dropdown-arrow{color:#5f6368;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.mail-date-compact{color:#5f6368;flex-shrink:0;font-size:13px;margin-left:auto;white-space:nowrap}.mail-action-buttons{align-items:center;border-top:1px solid #dadce0;display:flex;flex-shrink:0;gap:12px;margin-top:24px;padding:16px 0}.forward-btn,.reply-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:24px;box-sizing:border-box;color:#202124;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:10px 24px;transition:all .2s}.forward-btn:hover,.reply-btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #0000001a}.forward-btn svg,.reply-btn svg{height:18px;width:18px}.reaction-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:50%;color:#202124;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.reaction-btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #0000001a}.reaction-btn svg{height:20px;width:20px}.reply-box{background:#fff!important;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-top:24px}.reply-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;padding:12px 16px}.reply-to-label{color:#202124;font-size:14px;font-weight:500}.reply-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:background-color .2s;width:32px}.reply-close-btn:hover{background-color:#3c404314}.reply-content-wrapper{background:#fff!important;display:flex;flex-direction:column;min-height:300px;position:relative}.reply-textarea{background:#fff!important;border:none;box-sizing:border-box;color:#202124;flex:1 1;font-family:inherit;font-size:14px;line-height:1.6;outline:none;padding:16px;resize:none;width:100%}.reply-textarea::placeholder{color:#5f6368}.reply-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.quoted-content{animation:slideDown .2s ease;background:#fff!important;border-top:1px solid #e8eaed;color:#5f6368;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.reply-ellipsis{align-items:center;background:#fff;border-top:1px solid #e8eaed;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.reply-ellipsis:hover{background-color:#f8f9fa}.reply-ellipsis svg{height:24px;width:24px}.reply-actions{align-items:center;background:#f8f9fa;border-top:1px solid #dadce0;display:flex;gap:12px;padding:12px 16px}.send-reply-btn{background:#1a73e8;border:none;border-radius:24px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.send-reply-btn:hover:not(:disabled){background:#1557b0;box-shadow:0 2px 4px #00000026}.send-reply-btn:disabled{background:#dadce0;box-shadow:none;color:#80868b;cursor:not-allowed}.cancel-reply-btn{background:none;border:1px solid #dadce0;border-radius:24px;color:#5f6368;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.cancel-reply-btn:hover:not(:disabled){background:#f8f9fa;border-color:#bdc1c6}.cancel-reply-btn:disabled{cursor:not-allowed;opacity:.5}.reply-messages-container{border-top:1px solid #dadce0;margin-top:24px;padding-top:24px}.reply-message-item{border-bottom:1px solid #e8eaed;margin-bottom:24px;padding-bottom:24px}.reply-message-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.reply-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reply-sender-info{align-items:center;display:flex;flex:1 1;gap:12px}.reply-sender-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:32px;justify-content:center;width:32px}.reply-sender-details{display:flex;flex-direction:column;gap:2px}.reply-sender-name{color:#202124;font-size:14px;font-weight:600}.reply-date{color:#5f6368;font-size:12px}.reply-message-body{word-wrap:break-word;background:#0000!important;color:#202124;font-size:14px;line-height:1.6;padding-left:44px;white-space:pre-wrap}.reply-delete-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;padding:6px;transition:all .2s;width:32px}.reply-message-item:hover .reply-delete-btn{opacity:1}.reply-delete-btn:hover{background-color:#3c404314;color:#c5221f}.reply-delete-btn svg{height:18px;width:18px}.header-details-popup{animation:fadeIn .2s ease;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 10px #0003,0 8px 24px #00000026;left:56px;max-width:600px;min-width:500px;position:absolute;top:60px;z-index:100}.popup-content{padding:20px 24px}.popup-row{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;gap:12px;padding:8px 0}.popup-row:last-child{border-bottom:none}.popup-row.importance,.popup-row.security{border-bottom:none;border-top:1px solid #f1f3f4;margin-top:8px;padding-top:12px}.popup-label{color:#5f6368;flex-shrink:0;font-size:13px;font-weight:500;min-width:100px}.popup-value{color:#202124;flex:1 1;font-size:13px;word-break:break-word}.lock-icon{color:#5f6368;flex-shrink:0;margin-top:2px}.security-text{color:#5f6368;font-size:13px}.importance-icon{flex-shrink:0;margin-top:2px}.importance-text{color:#5f6368;font-size:13px}.folder-label{border-radius:16px;box-sizing:border-box;gap:6px;height:24px;padding:4px 12px;white-space:nowrap}.label-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:16px;justify-content:center;margin:0;opacity:.6;padding:0;transition:background-color .2s;width:16px}.label-close:hover{background-color:#3c40431a;opacity:1}.mail-body{flex:1 1;margin-top:0;min-height:0;padding:0}.body-content{word-wrap:break-word;padding:0}.body-content.mail-html-body{background:#fff!important;color:#202124!important;white-space:normal}.body-content.mail-html-body blockquote,.body-content.mail-html-body div,.body-content.mail-html-body p,.body-content.mail-html-body section,.body-content.mail-html-body span,.body-content.mail-html-body table,.body-content.mail-html-body tbody,.body-content.mail-html-body td,.body-content.mail-html-body th{background-color:initial!important;background-image:none!important}.body-content.mail-html-body a{color:#1a73e8}.body-content.mail-html-body .gmail-forward-content-box{background:#fff;border:1px solid #dadce0;border-radius:8px;margin:10px 0 0;max-height:360px;overflow:auto;padding:12px 14px}.body-content.mail-html-body .gmail-forward-quote{border-left:3px solid #dadce0;color:#5f6368;margin:14px 0 0;padding:0 0 0 12px}.body-content *{max-width:100%}.body-content img{height:auto;max-width:100%}.attachment-item-detail{flex-wrap:wrap}.attachment-view-btn{margin-left:4px}.inbox-container{background:linear-gradient(180deg,#fff,#fafbfc);display:flex;flex-direction:column;height:100%}.inbox-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafbfcf2);border-bottom:1px solid #dadce080;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:20px 28px;position:relative;z-index:20}.inbox-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:600;letter-spacing:-.3px;margin:0}.inbox-content{display:flex;flex:1 1;overflow:hidden;position:relative}.empty-inbox{align-items:center;color:#5f6368;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-inbox p{font-size:16px;margin-bottom:8px}.unread-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:8px;margin-left:8px;width:8px}.mail-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .2s}.mail-item:hover .mail-actions{opacity:1}.mail-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.mail-action-btn:hover{background-color:#3c404314;color:#202124;transform:scale(1.1)}.mail-action-btn svg{stroke-width:2;height:18px;width:18px}.toolbar-right{align-items:center;display:flex;gap:4px;margin-left:auto}.toolbar-separator{background:#dadce0cc;height:24px;margin:0 8px;width:1px}.toolbar-btn .notification-dot{fill:currentColor}.mobile-compose-btn{display:none}@media (max-width:768px){.inbox-container,.sent-container{height:100%;min-width:0;overflow:hidden}.inbox-header,.sent-header{align-items:flex-start;flex-direction:column;gap:6px;padding:14px 16px}.inbox-header h2,.sent-header h2{font-size:20px}.inbox-content,.sent-content{min-width:0}.mail-list-meta,.mail-toolbar{display:none!important}.toolbar-left,.toolbar-right{flex-shrink:0}.toolbar-btn{height:36px;width:36px}.mail-item{align-items:flex-start;gap:10px;padding:12px}.mail-content{align-items:flex-start;flex:1 1;flex-direction:column;gap:4px;min-width:0}.mail-sender{max-width:100%;min-width:0;width:100%}.mail-subject-preview{align-items:flex-start;flex-direction:column;gap:2px;width:100%}.mail-preview,.mail-subject{max-width:100%;width:100%}.mail-date{font-size:12px;margin-right:0;min-width:auto}.mail-actions{display:none}.mail-detail-header{gap:8px;min-height:56px;overflow-x:auto;padding:0 10px}.header-subject{font-size:18px}.header-actions-right{gap:0}.back-button,.header-action-btn{height:36px;width:36px}.mail-detail-content{padding:12px 14px 24px}.mail-header-compact{gap:10px;padding:12px 0 16px}.body-content{overflow-wrap:anywhere;word-break:break-word}.header-details-popup{left:8px;max-width:calc(100vw - 16px);min-width:0;right:8px}.attachment-item-detail,.reply-actions,.reply-message-header{align-items:stretch;flex-wrap:wrap}.reply-message-body{padding-left:0}.mobile-compose-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;bottom:24px;box-shadow:0 4px 12px #667eea66,0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.mobile-compose-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mobile-compose-btn:hover:before{left:100%}.mobile-compose-btn:hover{box-shadow:0 6px 20px #667eea80,0 4px 8px #667eea66;transform:translateY(-2px)}.mobile-compose-btn:active{transform:translateY(0)}.mobile-compose-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;height:20px;width:20px}.mobile-compose-btn span{white-space:nowrap}}@media (max-width:480px){.mail-checkbox,.mail-star{display:none}.mail-item{padding:12px 10px}.mail-preview{font-size:13px}.mail-detail-header{flex-wrap:nowrap}.header-actions-right .header-action-btn:nth-child(n+4){display:none}.mail-count{font-size:12px}.mobile-compose-btn{bottom:20px;font-size:13px;gap:6px;padding:10px 16px;right:12px}.mobile-compose-btn svg{height:18px;width:18px}}.inbox-container{background:#fff;border:1px solid #e4e8ef;border-radius:14px;flex:1 1;max-width:100%;min-height:0;overflow:hidden;width:100%}.inbox-header{display:none}.inbox-content{background:#fff;display:grid;flex:1 1 auto;height:auto;min-height:0;width:100%}.inbox-content,.inbox-content.gmail-split-layout{grid-template-columns:1fr}.inbox-content.gmail-split-layout.has-detail-open{grid-template-columns:minmax(300px,38%) minmax(0,1fr)}.mail-list-container{background:#fff;border-right:1px solid #e5e7eb;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.mail-category-tabs{border-bottom:1px solid #e8eaed;display:flex;flex-shrink:0;gap:0;padding:0 8px}.mail-tab{background:#0000;border:0;border-bottom:3px solid #0000;color:#5f6368;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:140px;padding:12px 16px}.mail-tab.active{border-bottom-color:#1a73e8;color:#1a73e8}.mail-tab:hover{background:#3c40430a}.mail-toolbar{min-height:56px}.mail-list-meta{align-items:center;border-bottom:1px solid #e8eaed;color:#5f6368;display:flex;flex-shrink:0;font-size:12px;gap:4px;justify-content:flex-end;min-height:40px;padding:4px 12px 4px 8px}.mail-list-meta-text{margin-right:12px;white-space:nowrap}.mail-list-meta-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}.mail-list-meta-btn:hover:not(:disabled){background:#3c404314}.mail-list-meta-btn:disabled{color:#dadce0;cursor:default;opacity:1}.mail-list-meta-btn svg{display:block}.search-results-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 16px}.search-error-bar{align-items:center;background:#fce8e6;border-radius:8px;color:#c5221f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 16px 8px;padding:10px 14px}.search-loading-inline{color:#5f6368;font-size:14px;padding:24px 16px;text-align:center}.mail-list{background:#fff;flex:1 1;overflow:auto}.mail-item{grid-gap:12px;background:#f4f4f5;border-bottom:1px solid #eef2f7;border-left:none;display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;min-height:118px;padding:18px}.mail-item.gmail-split-row{grid-gap:0 8px;align-items:start;background:#fff;border-bottom:1px solid #e8eaed;border-left:3px solid #0000;box-shadow:none;cursor:pointer;display:grid;gap:0 8px;grid-template-columns:36px 10px 42px minmax(0,1fr) 24px;min-height:76px;padding:10px 12px 10px 4px;transform:none}.mail-item.gmail-split-row:before{display:none}.mail-item.gmail-split-row.selected,.mail-item.gmail-split-row:hover{background:#e8f0fe;border-left-color:#1a73e8;box-shadow:inset 1px 0 0 #d3e3fd}.mail-item.gmail-split-row.unread .gmail-row-subject,.mail-item.gmail-split-row.unread .mail-sender{color:#202124;font-weight:700}.mail-item.gmail-split-row.read .gmail-row-subject,.mail-item.gmail-split-row.read .mail-sender{color:#5f6368;font-weight:400}.mail-item.gmail-split-row.read .gmail-row-snippet,.mail-item.gmail-split-row.read .mail-date{color:#9aa0a6;font-weight:400}.gmail-split-row .gmail-col-check{align-self:center;grid-column:1;grid-row:1/span 3;justify-self:center;margin:0}.gmail-split-row .mail-read-dot{grid-column:2;grid-row:1;margin-top:6px}.gmail-split-row .mail-sender-avatar{align-self:center;grid-column:3;grid-row:1/span 3}.gmail-split-row .gmail-row-body{display:flex;flex-direction:column;gap:2px;grid-column:4;grid-row:1/span 3;min-width:0}.gmail-split-row .gmail-row-top{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.gmail-split-row .mail-sender{flex:1 1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-split-row .mail-date{flex-shrink:0;font-size:12px}.gmail-split-row .gmail-row-subject{font-size:14px}.gmail-split-row .gmail-row-snippet,.gmail-split-row .gmail-row-subject{line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-split-row .gmail-row-snippet{display:block;font-size:13px}.gmail-split-row .gmail-row-star{align-self:end;color:#9ca3af;grid-column:5;grid-row:3;justify-self:end;padding:0}.gmail-split-row .gmail-row-star.starred{color:#fbbc04}.mail-item-content{display:flex;flex-direction:column;gap:7px;min-width:0;overflow:hidden}.mail-item-line1{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.mail-item-right{align-items:center;display:flex;flex:0 0 auto;gap:6px;justify-content:flex-end;min-width:74px}.mail-hover-actions{align-items:center;display:none;gap:2px}.gmail-row:hover .mail-hover-actions{display:flex}.gmail-row:hover .mail-date{display:none}.mail-hover-btn{align-items:center;background:#0000;border:0;border-radius:50%;color:#5f6368;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:4px;width:28px}.mail-hover-btn:hover{background:#3c404314;color:#202124}.mail-hover-btn svg{height:17px;width:17px}.mail-item-line2{color:#5f6368;display:block;font-size:14px;line-height:1.45;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-subject-text{color:#202124;font-weight:600}.mail-snippet,.mail-snippet-sep{color:#5f6368;font-weight:400}.mail-attachment-chips{display:flex;gap:6px;min-width:0;overflow:hidden}.mail-attachment-chip{background:#eef2f7;border:1px solid #d8dee8;border-radius:999px;color:#4b5563;flex:0 1 auto;font-size:12px;max-width:130px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.mail-item.selected{background:#eef6ff}.mail-item.unread{background:#fff}.mail-item:not(.unread) .mail-row-subject,.mail-item:not(.unread) .mail-sender{color:#5f6368;font-weight:500}.mail-item:not(.unread) .mail-date,.mail-item:not(.unread) .mail-row-preview{color:#8a8f98}.mail-read-dot{background:#0000;border-radius:50%;height:9px;width:9px}.mail-read-dot.visible{background:#1a73e8}.mail-row-main{display:flex;flex-direction:column;gap:6px;min-width:0}.mail-row-top{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.mail-sender{color:#111827;font-size:15px;font-weight:700;min-width:0;width:auto}.mail-row-subject{color:#111827;font-weight:600}.mail-row-preview,.mail-row-subject{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-preview{color:#6b7280}.mail-date{color:#374151;font-weight:500;margin:0;min-width:auto;white-space:nowrap}.mail-star-btn{align-self:end;background:#0000;border:0;color:#9ca3af;cursor:pointer;display:flex;padding:4px}.mail-star-btn svg{fill:currentColor}.mail-star-btn.starred{color:#fbbc04}.mail-attachment-indicator{align-self:end;color:#4b5563}.mail-actions{display:none}.mail-detail-container{border-left:0;box-shadow:none}.mail-detail-header{min-height:64px}.header-subject{font-size:24px;font-weight:500}.empty-detail-pane{align-items:center;justify-content:center}.empty-detail-content{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;text-align:center}.empty-detail-content svg{opacity:.35}.folder-label{align-items:center;background:#e8eaed;border-radius:4px;color:#5f6368;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 8px}.folder-label.label-important{background:#fce8e6;color:#c5221f}.mail-detail-container{background:#fff;flex:1 1;min-width:0;overflow:hidden;width:100%}.gmail-split-layout.has-detail-open .mail-detail-container{border-left:1px solid #e8eaed;box-shadow:none}.gmail-split-layout .mail-detail-header{border-bottom:1px solid #e8eaed;flex-wrap:wrap;padding:8px 16px}.gmail-split-layout .header-subject{font-size:22px;font-weight:400}.gmail-split-layout .mail-detail-content{box-sizing:border-box;padding:8px 16px 24px;width:100%}.gmail-split-layout .mail-detail-header{box-sizing:border-box;width:100%}.gmail-split-layout .header-subject-section{flex:1 1;min-width:0}.gmail-split-layout .header-actions-right{flex-shrink:0;margin-left:auto}.gmail-message-header{align-items:flex-start;box-sizing:border-box;display:flex;gap:12px;padding:4px 0 12px;width:100%}.gmail-sender-block{flex:1 1;min-width:0}.gmail-sender-top-row{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0;width:100%}.gmail-sender-top-row .sender-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-header-meta{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:4px}.mail-detail-time{color:#5f6368;flex-shrink:0;font-size:12px;font-weight:400;white-space:nowrap}.mail-detail-msg-actions{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0}.mail-detail-msg-actions .msg-action-btn{height:36px;width:36px}.mail-detail-msg-actions .msg-action-btn.mail-star-btn{color:#5f6368}.mail-detail-msg-actions .msg-action-btn.mail-star-btn:hover{background-color:#3c404314;color:#202124}.mail-detail-msg-actions .msg-action-btn.mail-star-btn.starred{color:#fbbc04}.mail-detail-msg-actions .msg-action-btn.mail-star-btn.starred path,.mail-detail-msg-actions .msg-action-btn.mail-star-btn.starred svg{fill:#fbbc04;color:#fbbc04}.mail-detail-msg-actions .msg-action-btn.mail-star-btn.starred:hover{color:#f9ab00}.mail-detail-msg-actions .msg-action-btn.mail-star-btn.starred:hover path,.mail-detail-msg-actions .msg-action-btn.mail-star-btn.starred:hover svg{fill:#f9ab00}.gmail-message-header .recipient-info{margin-top:2px}.gmail-split-layout .body-content,.gmail-split-layout .mail-action-buttons,.gmail-split-layout .mail-body{box-sizing:border-box;max-width:100%;width:100%}.gmail-split-layout .mail-action-buttons .forward-btn,.gmail-split-layout .mail-action-buttons .reply-btn{border:1px solid #dadce0;border-radius:18px;color:#5f6368;font-size:14px;font-weight:500;padding:8px 20px}.mail-action-buttons{gap:16px}.forward-btn,.reply-btn{border-radius:8px}@media (max-width:1080px){.inbox-content{grid-template-columns:1fr}.mail-list-container.hidden{display:none}}@media (max-width:768px){.inbox-container{border-left:0;border-radius:0;border-right:0}.inbox-content{display:block;height:100%}.mail-list-container{border-right:0;height:100%}.mail-category-tabs,.mail-list-meta,.mail-toolbar{display:none!important}.mail-detail-container{height:100%}.header-subject{font-size:24px}}.inbox-content.reading-pane-no-split,.inbox-content.reading-pane-right{display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-height:0}.inbox-content.reading-pane-right.gmail-split-layout.has-detail-open{grid-template-columns:minmax(300px,36%) minmax(0,1fr)}.inbox-content.reading-pane-no-split.full-detail-view{grid-template-columns:minmax(0,1fr)}.inbox-content.reading-pane-no-split.full-detail-view .mail-list-container.hidden{display:none}.inbox-content.reading-pane-no-split.full-detail-view .mail-detail-container{min-height:0;width:100%}.inbox-content.reading-pane-no-split:not(.full-detail-view) .mail-list-container{border-right:1px solid #e5e7eb;height:100%}.inbox-content.reading-pane-below{display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-height:0}.inbox-content.reading-pane-below.gmail-split-layout.has-detail-open{display:flex;flex-direction:column}.inbox-content.reading-pane-below.gmail-split-layout.has-detail-open .mail-list-container{border-bottom:1px solid #e5e7eb;border-right:0;flex:0 0 42%;max-height:50%;min-height:220px}.inbox-content.reading-pane-below.gmail-split-layout.has-detail-open .mail-detail-container{flex:1 1 auto;min-height:0}.inbox-content.reading-pane-below:not(.has-detail-open) .mail-list-container{height:100%}.reading-pane-right.gmail-split-layout.has-detail-open .mail-list-container{border-right:1px solid #e5e7eb;height:100%;min-height:0}.gmail-split-layout.reading-pane-below .mail-detail-container .back-button,.gmail-split-layout.reading-pane-right .mail-detail-container .back-button{display:none}.inbox-content.full-detail-view .mail-detail-container .back-button,.inbox-content.reading-pane-no-split.full-detail-view .mail-detail-container .back-button{display:inline-flex}.mail-list-container.hidden{display:none!important}@media (max-width:1080px){.inbox-content.reading-pane-right.gmail-split-layout.has-detail-open{grid-template-columns:minmax(260px,40%) minmax(0,1fr)}.inbox-content.reading-pane-below.gmail-split-layout.has-detail-open{display:flex;flex-direction:column}}@media (max-width:768px){.inbox-content.reading-pane-below,.inbox-content.reading-pane-no-split,.inbox-content.reading-pane-right{display:block}.reading-pane-below .mail-list-container,.reading-pane-no-split .mail-list-container,.reading-pane-right .mail-list-container{border-right:0}}.premium-mail-dashboard{background:radial-gradient(circle at 20% -10%,#3b82f629,#0000 34%),radial-gradient(circle at 92% 8%,#0ea5e91f,#0000 30%),linear-gradient(135deg,#f8fbff,#eef4fb);color:#0f172a;height:100%;overflow:hidden}.premium-mail-dashboard .inbox-header{background:#ffffffad;border:1px solid #cbd5e1b8;border-radius:24px;box-shadow:0 20px 55px #0f172a12;margin:14px;padding:18px 22px}.premium-mail-dashboard .inbox-header h2{background:linear-gradient(135deg,#0f172a,#2563eb);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:30px;font-weight:800;letter-spacing:-.8px;margin:0}.inbox-eyebrow{color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 4px;text-transform:uppercase}.inbox-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.feature-chip{background:#eff6ffeb;border:1px solid #93c5fd94;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:700;padding:7px 11px}.premium-mail-dashboard .inbox-content{flex:1 1 auto;gap:14px;height:auto;min-height:0;padding:0 14px 14px}.premium-mail-dashboard .inbox-content.gmail-split-layout{display:grid;grid-template-columns:minmax(0,1fr)}.premium-mail-dashboard .inbox-content.reading-pane-right.gmail-split-layout.has-detail-open{grid-template-columns:minmax(330px,38%) minmax(0,1fr)}.premium-mail-dashboard .inbox-content.reading-pane-below.gmail-split-layout.has-detail-open{display:flex;flex-direction:column;grid-template-columns:none}.premium-mail-dashboard .inbox-content.reading-pane-no-split.full-detail-view,.premium-mail-dashboard .inbox-content.reading-pane-no-split:not(.has-detail-open){grid-template-columns:minmax(0,1fr)}.premium-mail-dashboard .mail-detail-container,.premium-mail-dashboard .mail-list-container{background:#ffffffbd;border:1px solid #cbd5e1b8;border-radius:24px;box-shadow:0 24px 70px #0f172a14;overflow:hidden}.premium-mail-dashboard .mail-category-tabs,.premium-mail-dashboard .mail-detail-header,.premium-mail-dashboard .mail-list-meta,.premium-mail-dashboard .mail-toolbar{background:#ffffff9e;border-color:#e2e8f0db}.premium-mail-dashboard .mail-item.gmail-split-row{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0c7;border-radius:18px;box-shadow:0 10px 28px #0f172a0a;gap:0 10px;grid-template-columns:28px 10px 38px minmax(0,1fr) 26px;margin:8px 10px;min-height:88px;padding:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.premium-mail-dashboard .mail-item.gmail-split-row.selected,.premium-mail-dashboard .mail-item.gmail-split-row:hover{background:linear-gradient(135deg,#fff,#eef6ff);border-color:#2563eb61;box-shadow:0 20px 45px #2563eb1f;transform:translateY(-2px)}.mail-sender-avatar{align-items:center;align-self:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;color:#1d4ed8;display:flex;font-size:14px;font-weight:800;grid-column:3;grid-row:1/span 3;height:38px;justify-content:center;text-transform:uppercase;width:38px}.premium-mail-dashboard .gmail-split-row .gmail-row-body{grid-column:4}.premium-mail-dashboard .gmail-split-row .gmail-row-star{grid-column:5}.premium-mail-dashboard .mail-read-dot.visible{background:#2563eb;box-shadow:0 0 0 5px #2563eb1a}.premium-mail-dashboard .mail-detail-container{min-width:0}.premium-mail-dashboard .mail-detail-content{padding:18px 20px 28px}.emoji-reactions{align-items:center;display:flex;gap:6px;margin-left:auto}.emoji-reactions button{background:#fff;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;font-size:15px;height:36px;width:36px}body[data-theme=dark] .premium-mail-dashboard{background:radial-gradient(circle at 20% -10%,#2563eb38,#0000 34%),linear-gradient(135deg,#0f172a,#111827);color:#e5e7eb}body[data-theme=dark] .premium-mail-dashboard .inbox-header,body[data-theme=dark] .premium-mail-dashboard .mail-detail-container,body[data-theme=dark] .premium-mail-dashboard .mail-list-container{background:#0f172ac7;border-color:#475569b8}body[data-theme=dark] .premium-mail-dashboard .mail-item.gmail-split-row{background:#1e293be0;border-color:#475569b3}@media (max-width:1280px){.premium-mail-dashboard .inbox-content.gmail-split-layout{grid-template-columns:minmax(300px,40%) minmax(0,1fr)}}@media (max-width:768px){.premium-mail-dashboard .inbox-header{border-radius:0;margin:0}.premium-mail-dashboard .inbox-content{flex:1 1 auto;height:auto;min-height:0;padding:0}.premium-mail-dashboard .mail-detail-container,.premium-mail-dashboard .mail-list-container{border-left:0;border-radius:0;border-right:0}.feature-chip{display:none}}.drafts-container{background:linear-gradient(180deg,#fff,#fafbfc);display:flex;flex-direction:column;height:100%}.drafts-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafbfcf2);border-bottom:1px solid #dadce080;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:20px 28px}.drafts-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:600;letter-spacing:-.3px;margin:0}.draft-count{color:#5f6368;font-size:14px;margin:0}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 4px 12px #667eea4d;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.drafts-list{flex:1 1;overflow-y:auto;padding:8px 0}.draft-item{border-bottom:1px solid #f1f3f499;border-left:3px solid #0000;cursor:pointer;display:flex;flex-direction:column;padding:16px 28px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.draft-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s;width:0}.draft-item:hover{background:linear-gradient(90deg,#667eea0d,#764ba208);border-left-color:#667eea80;box-shadow:0 2px 8px #0000000a;transform:translateX(2px)}.draft-item:hover:before{width:3px}.draft-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.draft-to{flex:1 1}.to-label{color:#202124;font-size:14px;font-weight:500}.to-label.no-recipient{color:#80868b;font-style:italic}.delete-draft-btn{background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;font-size:24px;line-height:1;opacity:0;padding:4px 8px;transition:background-color .2s}.draft-item:hover .delete-draft-btn{opacity:1}.delete-draft-btn:hover{background-color:#3c404314;color:#d93025}.draft-subject{color:#202124;font-size:14px;font-weight:500;margin-bottom:4px}.draft-subject .no-subject{color:#80868b;font-style:italic;font-weight:400}.draft-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5f6368;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.draft-preview .no-body{color:#dadce0;font-style:italic}.draft-footer{display:flex;justify-content:flex-end}.draft-date{color:#80868b;font-size:12px}.empty-drafts{align-items:center;color:#5f6368;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-drafts p{font-size:16px;margin-bottom:8px}.sent-container{flex-direction:column;height:100%}.sent-container,.sent-header{background-color:#fff;display:flex}.sent-header{align-items:center;border-bottom:1px solid #dadce0;justify-content:space-between;padding:16px 24px}.sent-header h2{color:#202124;font-size:20px;font-weight:400;margin:0}.mail-count{color:#5f6368;font-size:14px;margin:0}.error-message,.loading{align-items:center;color:#5f6368;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.error-message{color:#d93025}.retry-button{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:8px 16px}.retry-button:hover{background-color:#1557b0;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.sent-content{display:flex;flex:1 1;overflow:hidden}.mail-list-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.mail-list-container.full-width{width:100%}.mail-toolbar{background:#fff;border-bottom:1px solid #dadce080;gap:8px;min-height:48px;padding:8px 16px}.mail-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:4px}.toolbar-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;position:relative;transition:all .2s;width:40px}.toolbar-btn:hover{background-color:#3c404314;color:#202124}.toolbar-btn.checkbox-btn{position:relative}.toolbar-btn.checkbox-btn .dropdown-icon{bottom:2px;height:10px;position:absolute;right:2px;width:10px}.toolbar-btn svg{height:20px;width:20px}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn:disabled:hover{background-color:initial;color:#5f6368}.mail-list{display:flex;flex-direction:column}.mail-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .1s}.mail-item:hover{background-color:#f8f9fa}.mail-item.selected{background-color:#fce8e6}.mail-item.mail-selected{background:#667eea14}.mail-checkbox,.mail-star{cursor:pointer;flex-shrink:0;height:20px;width:20px}.mail-star{color:#5f6368;opacity:0;transition:opacity .2s}.mail-item:hover .mail-star{opacity:1}.mail-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.mail-sender{color:#202124;flex-shrink:0;font-size:14px;font-weight:500;min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-subject-preview{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.mail-subject{color:#202124}.mail-preview,.mail-subject{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{color:#5f6368;flex:1 1;min-width:0}.mail-date{color:#5f6368;flex-shrink:0;font-size:13px;min-width:80px;text-align:right}.empty-sent{align-items:center;color:#5f6368;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-sent p{font-size:16px;margin-bottom:8px}.empty-hint{color:#80868b;font-size:14px}.mail-detail-container{background-color:#fff;border-left:1px solid #dadce0;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:740px}.mail-detail-header{align-items:center;border-bottom:1px solid #dadce0;display:flex;gap:16px;padding:16px 24px}.back-button{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.back-button:hover{background-color:#3c404314}.mail-detail-content{padding:24px}.mail-detail-row{margin-bottom:16px}.detail-label{color:#5f6368;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-value{color:#202124;font-size:14px}.mail-body{border-top:1px solid #dadce0;margin-top:24px;padding-top:24px}.body-content{background-color:#f8f9fa;border-radius:8px;color:#202124;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.mail-attachment-indicator{align-items:center;color:#5f6368;display:inline-flex;font-size:12px;margin-left:8px}.mail-attachment-indicator svg{height:16px;width:16px}.mail-attachments-section{border-top:1px solid #dadce0;margin-top:24px;padding-top:24px}.attachments-header{color:#202124;font-size:14px;font-weight:500;margin-bottom:12px}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item-detail{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e8eaed;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.attachment-item-detail:hover{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);box-shadow:0 2px 6px #00000014;transform:translateX(2px)}.attachment-icon-wrapper{align-items:center;background:linear-gradient(135deg,#e8f0fe,#d2e3fc);border-radius:8px;box-shadow:0 2px 4px #1a73e81a;color:#1a73e8;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.attachment-item-detail:hover .attachment-icon-wrapper{box-shadow:0 3px 6px #1a73e826;transform:scale(1.05)}.attachment-icon-wrapper svg{height:24px;width:24px}.attachment-info-detail{flex:1 1;min-width:0}.attachment-name-detail{color:#202124;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size-detail{color:#5f6368;font-size:12px}.attachment-container-detail{animation:fadeIn .4s ease-in;display:flex;flex-direction:column;gap:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.attachment-download-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1.5px solid #e8eaed;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:10px;text-decoration:none;transition:all .3s ease}.attachment-download-btn:hover{background:linear-gradient(135deg,#e8f0fe,#d2e3fc);border-color:#1a73e8;box-shadow:0 3px 8px #1a73e833;color:#1a73e8;transform:translateY(-2px)}.attachment-download-btn:active{box-shadow:0 1px 3px #1a73e826;transform:translateY(0)}.attachment-image-preview{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e8eaed;border-radius:12px;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a;cursor:pointer;margin-top:12px;max-width:100%;overflow:hidden;transition:all .3s ease}.attachment-image-preview:hover{box-shadow:0 4px 12px #0000001f,0 8px 24px #00000014;transform:translateY(-2px)}.attachment-image-preview img{display:block;height:auto;max-height:300px;object-fit:contain;transition:transform .3s ease;width:100%}.attachment-image-preview:hover img{transform:scale(1.02)}.image-load-error{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);color:#5f6368;display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center}.image-load-error svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));opacity:.4}.image-load-error p{color:#80868b;font-size:14px;font-weight:500;margin-top:12px}@media (max-width:768px){.sent-container{min-width:0;overflow:hidden}.sent-header{align-items:flex-start;flex-direction:column;gap:6px;padding:14px 16px}.sent-content{min-width:0}.mail-toolbar{overflow-x:auto;overflow-y:hidden;padding:6px 10px;scrollbar-width:none}.mail-toolbar::-webkit-scrollbar{display:none}.mail-item{align-items:flex-start;gap:10px;padding:12px}.mail-content{align-items:flex-start;flex-direction:column;gap:4px;min-width:0}.mail-sender{max-width:100%;min-width:0;width:100%}.mail-subject-preview{align-items:flex-start;flex-direction:column;gap:2px;width:100%}.mail-date{font-size:12px;margin-right:0;min-width:auto}.mail-actions{display:none}.mail-detail-header{gap:8px;min-height:56px;overflow-x:auto;padding:0 10px}.mail-detail-content{padding:12px 14px 24px}.body-content{overflow-wrap:anywhere;word-break:break-word}}@media (max-width:480px){.mail-checkbox,.mail-star{display:none}.mail-item{padding:12px 10px}.header-actions-right .header-action-btn:nth-child(n+4){display:none}}.wallpaper-default{background:linear-gradient(135deg,#fff 30%,#e8f0fe);border:1px solid #dadce0}.wallpaper-dark{background:linear-gradient(135deg,#202124,#3c4043)}.wallpaper-ocean{background:radial-gradient(circle at 30% 20%,#7dd3fc,#0284c7 45%,#0c4a6e)}.wallpaper-sunset{background:linear-gradient(180deg,#f97316,#fdba74 40%,#fef3c7)}.wallpaper-forest{background:linear-gradient(180deg,#14532d,#22c55e 50%,#bbf7d0)}.wallpaper-lavender{background:linear-gradient(135deg,#7c3aed,#c4b5fd,#ede9fe)}.wallpaper-slate{background:linear-gradient(160deg,#64748b,#cbd5e1,#f8fafc)}.wallpaper-warm{background:linear-gradient(135deg,#dc2626,#fca5a5,#fff7ed)}.wallpaper-bokeh{background:radial-gradient(circle at 20% 30%,#ec4899e6 0 8px,#0000 9px),radial-gradient(circle at 55% 25%,#3b82f6d9 0 10px,#0000 11px),radial-gradient(circle at 75% 55%,#22c55ecc 0 9px,#0000 10px),radial-gradient(circle at 35% 70%,#facc15d9 0 11px,#0000 12px),radial-gradient(circle at 80% 20%,#a855f7cc 0 8px,#0000 9px),linear-gradient(135deg,#1e1b4b,#312e81)}.wallpaper-canyon{background:linear-gradient(180deg,#7c2d12,#ea580c 35%,#fdba74 65%,#fef3c7)}.wallpaper-chess{background:linear-gradient(45deg,#d4d4d8 25%,#0000 0),linear-gradient(-45deg,#d4d4d8 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d4d4d8 0),linear-gradient(-45deg,#0000 75%,#d4d4d8 0),#fafafa;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.wallpaper-beach{background:linear-gradient(180deg,#38bdf8,#7dd3fc 45%,#fef08a 75%,#fde047)}.wallpaper-mountains{background:linear-gradient(180deg,#94a3b8,#64748b 40%,#334155 70%,#e2e8f0)}.wallpaper-aurora{background:linear-gradient(160deg,#22d3ee,#a78bfa 40%,#312e81 70%,#0f172a)}.wallpaper-desert{background:linear-gradient(180deg,#fde047,#f59e0b 50%,#b45309)}.wallpaper-garden{background:linear-gradient(180deg,#86efac,#22c55e 50%,#fef9c3)}.wallpaper-lake{background:linear-gradient(180deg,#5eead4,#14b8a6 55%,#ccfbf1)}.wallpaper-city{background:linear-gradient(180deg,#0000 60%,#1e293b 0),repeating-linear-gradient(90deg,#334155 0 12px,#1e293b 12px 24px);background-color:#64748b}.wallpaper-autumn{background:linear-gradient(135deg,#9a3412,#ea580c,#fbbf24,#854d0e)}.wallpaper-marble{background:radial-gradient(ellipse at 20% 30%,#fff 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#e2e8f0 0,#0000 45%),linear-gradient(160deg,#f8fafc,#e2e8f0)}.theme-picker-overlay{align-items:center;background:#20212480;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:11000}.theme-picker-modal{background:#fff;border-radius:8px;box-shadow:0 8px 28px #00000047;display:flex;flex-direction:column;font-family:Google Sans,Roboto,Arial,sans-serif;max-height:min(90vh,640px);overflow:hidden;width:min(720px,100%)}.theme-picker-title{border-bottom:1px solid #e8eaed;color:#202124;font-size:16px;font-weight:500;margin:0;padding:20px 24px 16px}.theme-picker-grid-wrap{flex:1 1;min-height:280px;overflow-y:auto;padding:20px 24px}.theme-picker-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.theme-picker-thumb{aspect-ratio:4/3;background-position:50%;background-size:cover;border:3px solid #0000;border-radius:4px;cursor:pointer;padding:0;transition:border-color .15s,box-shadow .15s}.theme-picker-thumb:hover{box-shadow:0 2px 8px #3c404359}.theme-picker-thumb.selected{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.theme-picker-footer{align-items:center;border-top:1px solid #e8eaed;display:flex;flex-wrap:wrap;gap:12px;padding:14px 20px 18px}.theme-picker-my-photos{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:14px;margin-right:auto;padding:8px 0}.theme-picker-my-photos:hover{text-decoration:underline}.theme-picker-tools{align-items:center;color:#5f6368;display:flex;gap:4px}.theme-picker-tool{align-items:center;border-radius:4px;cursor:default;display:flex;height:36px;justify-content:center;opacity:.55;width:36px}.theme-picker-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.theme-picker-cancel{background:none;border:none;border-radius:4px;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.theme-picker-cancel:hover{background:#1a73e814}.theme-picker-save{background:#1a73e8;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:88px;padding:8px 24px}.theme-picker-save:hover{background:#1557b0;box-shadow:0 1px 3px #1a73e866}@media (max-width:560px){.theme-picker-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.theme-picker-footer{align-items:stretch;flex-direction:column}.theme-picker-my-photos{margin-right:0}.theme-picker-actions{justify-content:flex-end;margin-left:0}}.quick-settings-overlay{animation:qs-overlay-in .2s ease;background:#20212473;display:flex;inset:0;justify-content:flex-end;pointer-events:auto;position:fixed;z-index:10000}@keyframes qs-overlay-in{0%{opacity:0}to{opacity:1}}.quick-settings-panel{animation:qs-panel-slide .25s ease;background:#fff;box-shadow:-2px 0 12px #3c404340;display:flex;flex-direction:column;font-family:Google Sans,Roboto,Arial,sans-serif;height:100%;max-width:92vw;width:360px}@keyframes qs-panel-slide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.quick-settings-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 16px 8px}.quick-settings-title{color:#202124;font-size:16px;font-weight:500;margin:0}.quick-settings-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:8px}.quick-settings-close:hover{background:#3c404314}.quick-settings-body{flex:1 1;overflow-y:auto;padding:0 16px 16px}.quick-settings-footer{border-top:1px solid #e8eaed;flex-shrink:0;padding:12px 16px 20px}.qs-reset-btn{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#1a73e8;cursor:pointer;font-size:14px;padding:10px 16px;width:100%}.qs-reset-btn:hover{background:#f8f9fa}.qs-section{padding:12px 0}.qs-section-title{color:#5f6368;font-size:13px;font-weight:500;letter-spacing:.01em;margin:0 0 12px}.qs-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.qs-section-head .qs-section-title{margin:0}.qs-view-all{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:13px;padding:4px 0}.qs-view-all:hover{text-decoration:underline}.qs-divider{border:none;border-top:1px solid #e8eaed;margin:0}.qs-radio-list{display:flex;flex-direction:column;gap:4px}.qs-radio-row{grid-gap:4px;align-items:center;border-radius:8px;cursor:pointer;display:grid;gap:4px;grid-template-columns:28px 1fr 56px;margin:0;padding:8px 4px}.qs-radio-row:hover{background:#3c40430f}.qs-radio-row input{opacity:0;pointer-events:none;position:absolute}.qs-radio-dot{border:2px solid #5f6368;border-radius:50%;box-sizing:border-box;height:18px;justify-self:center;width:18px}.qs-radio-row input:checked+.qs-radio-dot,.qs-radio-row.selected .qs-radio-dot{border-color:#1a73e8;border-width:6px}.qs-radio-label-wrap{display:flex;flex-direction:column;gap:2px}.qs-radio-label{color:#202124;font-size:14px}.qs-customize-link{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:13px;padding:0;text-align:left;width:-webkit-fit-content;width:fit-content}.qs-customize-link:hover{text-decoration:underline}.qs-preview{background:#f8f9fa;border:1px solid #dadce0;border-radius:4px;display:block;height:36px;justify-self:end;overflow:hidden;position:relative;width:48px}.qs-preview-density-default:after,.qs-preview-density-default:before{background:#bdc1c6;border-radius:1px;box-shadow:0 7px 0 #bdc1c6,0 14px 0 #bdc1c6,0 21px 0 #bdc1c6;content:"";height:2px;left:6px;position:absolute;right:6px;top:6px}.qs-preview-density-comfortable:before{background:#bdc1c6;box-shadow:0 9px 0 #bdc1c6,0 18px 0 #bdc1c6;content:"";height:2px;left:6px;position:absolute;right:6px;top:8px}.qs-preview-density-compact:before{background:#bdc1c6;box-shadow:0 5px 0 #bdc1c6,0 10px 0 #bdc1c6,0 15px 0 #bdc1c6,0 20px 0 #bdc1c6,0 25px 0 #bdc1c6;content:"";height:1.5px;left:6px;position:absolute;right:6px;top:5px}.qs-preview-inbox-default:before{background:#9aa0a6;box-shadow:0 6px 0 #9aa0a6,0 12px 0 #9aa0a6,0 18px 0 #9aa0a6;content:"";height:2px;left:8px;position:absolute;right:8px;top:8px}.qs-preview-inbox-important:before,.qs-preview-inbox-starred:before,.qs-preview-inbox-unread:before{background:#e8eaed;content:"";height:12px;left:0;position:absolute;right:0;top:0}.qs-preview-inbox-important:after{background:#f9ab00;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);content:"";height:6px;left:10px;position:absolute;top:4px;width:10px}.qs-preview-inbox-unread:after{border:2px solid #1a73e8;border-radius:2px;content:"";height:8px;left:10px;position:absolute;top:3px;width:12px}.qs-preview-inbox-starred:after{color:#f4b400;content:"★";font-size:10px;left:12px;position:absolute;top:0}.qs-preview-inbox-priority:before{background:#e8eaed;box-shadow:0 10px 0 #e8eaed,0 20px 0 #e8eaed;content:"";height:6px;left:6px;position:absolute;right:6px;top:6px}.qs-preview-inbox-multiple{display:grid;grid-template-columns:1fr 1fr}.qs-preview-inbox-multiple:before{background:linear-gradient(#9aa0a6 2px,#0000 0) 0 0 /100% 6px;background-repeat:repeat-y;content:"";grid-column:1;margin:6px 4px 6px 6px}.qs-preview-inbox-multiple:after{background:#e8eaed;box-shadow:inset 0 8px 0 #fff,inset 0 16px 0 #e8eaed;content:"";grid-column:2;margin:6px 6px 6px 2px}.qs-preview-pane-none:before{background:#9aa0a6;box-shadow:0 6px 0 #9aa0a6,0 12px 0 #9aa0a6,0 18px 0 #9aa0a6;content:"";height:2px;left:8px;position:absolute;right:8px;top:8px}.qs-preview-pane-right{grid-gap:2px;box-sizing:border-box;display:grid;gap:2px;grid-template-columns:1fr 1fr;padding:4px}.qs-preview-pane-right:before{background:linear-gradient(#9aa0a6 2px,#0000 0) 4px 4px /calc(100% - 8px) 6px;background-repeat:repeat-y;content:""}.qs-preview-pane-right:after{background:#fff;border-left:1px solid #dadce0;box-shadow:inset 4px 6px 0 #ea4335,inset 4px 12px 0 #34a853,inset 4px 18px 0 #4285f4;content:""}.qs-preview-pane-below{box-sizing:border-box;display:flex;flex-direction:column;padding:4px}.qs-preview-pane-below:before{background:linear-gradient(#9aa0a6 2px,#0000 0) 4px 2px /calc(100% - 8px) 5px;background-repeat:repeat-y;border-bottom:1px solid #dadce0;content:"";flex:1 1;min-height:14px}.qs-preview-pane-below:after{box-shadow:inset 6px 4px 0 #ea4335,inset 6px 10px 0 #34a853;content:"";flex:1 1;min-height:12px}.qs-theme-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.qs-theme-thumb{aspect-ratio:1;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:0;transition:border-color .15s,box-shadow .15s}.qs-theme-thumb:hover{box-shadow:0 1px 4px #3c40434d}.qs-theme-thumb.selected{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}body[data-theme=dark] .quick-settings-panel{background:#292a2d;color:#e8eaed}body[data-theme=dark] .qs-radio-label,body[data-theme=dark] .quick-settings-title{color:#e8eaed}body[data-theme=dark] .qs-section-title{color:#9aa0a6}body[data-theme=dark] .qs-radio-row:hover{background:#ffffff0f}body[data-theme=dark] .qs-divider,body[data-theme=dark] .quick-settings-footer{border-color:#3c4043}body[data-theme=dark] .qs-reset-btn{background:#3c4043;border-color:#5f6368;color:#8ab4f8}@media (max-width:480px){.quick-settings-panel{max-width:100%;width:100%}}.user-avatar-img,.user-avatar-initials{border-radius:50%;display:block;flex-shrink:0;object-fit:cover}.user-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:600;justify-content:center;-webkit-user-select:none;user-select:none}.user-avatar-sm{font-size:14px;height:32px;width:32px}.user-avatar-md{font-size:16px;height:40px;width:40px}.user-avatar-lg{font-size:32px;height:80px;width:80px}.user-avatar-account{font-size:18px;height:40px;width:40px}.profile-photo-editor{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-photo-editor-input{display:none}.profile-photo-editor-wrap{position:relative}.profile-photo-editor-avatar{border-radius:50%;overflow:hidden}.profile-photo-editor-btn{align-items:center;background:#2563eb;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:0;transition:background .2s;width:32px}.profile-photo-editor-btn:hover:not(:disabled){background:#1d4ed8}.profile-photo-editor-btn:disabled{cursor:wait;opacity:.7}.profile-photo-editor-link{background:none;border:none;color:#2563eb;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0}.profile-photo-editor-link:hover:not(:disabled){text-decoration:underline}.profile-photo-editor-link:disabled{cursor:wait;opacity:.7}.profile-photo-editor-error{color:#dc2626;font-size:13px;margin:0;text-align:center}.gmail-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid #dadce080;box-shadow:0 2px 8px #0000000f,0 1px 3px #00000014;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.gmail-navbar,.nav-left{align-items:center;display:flex}.nav-left{gap:16px;min-width:240px}.menu-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.menu-btn:hover{background-color:#3c404314}.logo{align-items:center;cursor:pointer;display:flex}.logo-image{display:block;height:48px;max-width:100%;object-fit:contain;transition:transform .3s,filter .3s;width:220px}.logo-image:hover{filter:brightness(1.05);transform:scale(1.03)}.nav-center{display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:560px}.search-form{max-width:560px;width:100%}.search-container{align-items:center;background:linear-gradient(135deg,#f1f3f4,#e8eaed);border:2px solid #0000;border-radius:22px;display:flex;height:40px;padding:0 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-container:focus-within{border-color:#667eea4d;box-shadow:0 4px 16px #667eea33,0 2px 8px #667eea26;transform:translateY(-1px)}.search-icon-btn{align-items:center;background:none;border:none;color:#5f6368;cursor:pointer;display:flex;margin-right:8px;padding:6px}.search-input{background:none;border:none;color:#202124;flex:1 1;font-family:inherit;font-size:14px;outline:none}.search-input::placeholder{color:#5f6368}.nav-right{gap:8px;justify-content:flex-end;min-width:240px;position:relative}.nav-icon-btn,.nav-right{align-items:center;display:flex}.nav-icon-btn{background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.nav-icon-btn:hover{background-color:#3c404314;color:#202124}.nav-icon-btn svg{height:20px;width:20px}.install-app-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:18px;box-shadow:0 2px 8px #667eea40;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px;white-space:nowrap}.install-app-btn:hover{filter:brightness(1.05)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:36px;justify-content:center;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.user-avatar .user-avatar-md{border:none;box-shadow:none;height:100%;width:100%}.user-avatar:hover{box-shadow:0 4px 16px #667eea66,0 2px 8px #667eea4d;transform:scale(1.1)}.user-menu{position:relative}.user-menu-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.user-menu-btn:hover{background-color:#3c404314}.user-dropdown{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;display:none;min-width:280px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-menu:hover .user-dropdown{display:block}.user-dropdown-header{align-items:center;display:flex;gap:16px;padding:16px}.user-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:500;height:40px;justify-content:center;width:40px}.user-dropdown-info{flex:1 1}.user-dropdown-name{color:#202124;font-size:14px;font-weight:500}.user-dropdown-email{color:#5f6368;font-size:14px;margin-top:2px}.user-dropdown-divider{background-color:#dadce0;height:1px;margin:8px 0}.user-dropdown-item{background:none;border:none;color:#202124;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.user-dropdown-item:hover{background-color:#3c404314}.profile-popup-overlay{background-color:initial;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.profile-popup{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003,0 8px 24px #00000026;font-family:Google Sans,Roboto,Arial,sans-serif;max-height:80vh;max-width:400px;min-width:360px;overflow-y:auto;position:fixed;right:16px;top:72px;z-index:2001}.profile-popup-header{align-items:center;border-bottom:1px solid #0000;display:flex;justify-content:space-between;padding:16px 20px 12px}.profile-popup-email{color:#202124;flex:1 1;font-size:14px;font-weight:400;text-align:center}.profile-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:background-color .2s}.profile-popup-close:hover{background-color:#3c404314}.profile-picture-section{align-items:center;display:flex;flex-direction:column;padding:16px 20px 20px}.profile-picture-container{margin-bottom:12px;position:relative}.profile-picture-large{border-radius:50%;height:80px;margin:0 auto;overflow:hidden;width:80px}.profile-image-input{display:none}.profile-image-status{color:#1a73e8}.profile-image-error,.profile-image-status{font-size:13px;margin:0 0 6px;text-align:center}.profile-image-error{color:#d93025;max-width:280px}.profile-picture-camera:disabled{cursor:wait;opacity:.7}.profile-picture-camera{align-items:center;background-color:#1a73e8;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:0;transition:background-color .2s;width:28px}.profile-picture-camera:hover{background-color:#1557b0}.profile-greeting{color:#202124;font-size:22px;font-weight:400;text-align:center}.manage-account-btn{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:500;margin:0 20px 16px;padding:10px 16px;text-align:center;transition:background-color .2s,box-shadow .2s;width:calc(100% - 40px)}.manage-account-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d}.profile-popup-divider{background-color:#dadce0;height:1px;margin:0}.accounts-section{padding:8px 0}.hide-accounts-btn{align-items:center;background:none;border:none;color:#5f6368;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 20px;transition:background-color .2s;width:100%}.hide-accounts-btn:hover{background-color:#3c404314}.hide-accounts-btn svg{transition:transform .2s}.hide-accounts-btn svg.rotated{transform:rotate(180deg)}.accounts-list{padding:0 20px 8px}.account-item{align-items:center;display:flex;gap:12px;padding:8px 0}.account-item-clickable{border-radius:4px;cursor:pointer;margin:0 -8px;padding:8px;position:relative;transition:background-color .2s}.account-item-clickable:hover{background-color:#3c404314}.account-delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;opacity:1;padding:4px;transition:background-color .2s,color .2s}.account-delete-btn:hover{background-color:#ea43351a;color:#ea4335}.current-account{opacity:1}.account-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;padding:0;width:40px}.account-avatar .user-avatar-account{height:100%;width:100%}.account-info{flex:1 1;min-width:0}.account-name{color:#202124;font-size:14px;font-weight:400;margin-bottom:2px}.account-email{color:#5f6368;font-size:12px}.account-badge{background-color:#f1f3f4;border-radius:12px;color:#5f6368;display:inline-block;font-size:11px;margin-left:8px;padding:2px 8px}.profile-actions{padding:8px 0}.profile-action-btn{align-items:center;background:none;border:none;color:#202124;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:background-color .2s;width:100%}.profile-action-btn:hover{background-color:#3c404314}.profile-action-btn svg{color:#5f6368;flex-shrink:0}.profile-settings-btn{display:none}.nav-settings-btn{display:inline-flex}.storage-info{align-items:center;color:#5f6368;display:flex;font-size:12px;gap:8px;padding:12px 20px 16px}.storage-info svg{color:#5f6368;flex-shrink:0}.settings-popup-overlay{background-color:initial;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.settings-popup{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003,0 8px 24px #00000026;font-family:Google Sans,Roboto,Arial,sans-serif;max-height:80vh;max-width:400px;min-width:360px;overflow-y:auto;position:fixed;right:16px;top:72px;z-index:2001}.settings-popup-header{align-items:center;border-bottom:1px solid #0000;display:flex;justify-content:space-between;padding:16px 20px 12px}.settings-popup-title{color:#202124;flex:1 1;font-size:18px;font-weight:500;text-align:center}.settings-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:background-color .2s}.settings-popup-close:hover{background-color:#3c404314}.settings-section{padding:16px 20px}.settings-section-title{color:#202124;font-size:14px;font-weight:500;margin-bottom:16px}.settings-item{margin-bottom:20px}.settings-item:last-child{margin-bottom:0}.settings-item-label{color:#202124;font-size:14px;font-weight:400;margin-bottom:8px}.settings-item-controls{display:flex;flex-wrap:wrap;gap:8px}.settings-option-btn{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#202124;cursor:pointer;font-size:14px;font-weight:400;padding:8px 16px;transition:all .2s}.settings-option-btn:hover{background-color:#f8f9fa;border-color:#5f6368}.settings-option-btn.active{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.settings-option-btn.active:hover{background-color:#1557b0;border-color:#1557b0}.settings-popup-divider{background-color:#dadce0;height:1px;margin:0}.settings-actions{padding:8px 0}.settings-action-btn{align-items:center;background:none;border:none;color:#202124;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:background-color .2s;width:100%}.settings-action-btn:hover{background-color:#3c404314}.settings-action-btn svg{color:#5f6368;flex-shrink:0}@media (max-width:768px){.gmail-navbar{gap:6px;height:56px;padding:0 12px}.nav-left{flex-shrink:0;gap:8px;min-width:auto}.logo-image{height:38px;width:170px}.nav-center{flex:1 1;margin:0 8px;max-width:none;min-width:0}.search-container{height:40px;padding:0 12px}.search-input,.search-input::placeholder{font-size:14px}.nav-right{flex-shrink:0;gap:4px;min-width:auto}.nav-settings-btn{display:none}.profile-settings-btn{display:flex}.nav-icon-btn{height:36px;width:36px}.install-app-btn{padding:7px 10px}.nav-icon-btn svg{height:18px;width:18px}.user-avatar{font-size:15px;height:40px;width:40px}.profile-popup,.settings-popup{left:8px;max-width:none;min-width:auto;right:8px;top:60px;width:calc(100% - 16px)}.settings-item-controls{flex-direction:column;gap:8px}.settings-option-btn{text-align:center;width:100%}}@media (max-width:480px){.gmail-navbar{gap:4px;height:52px;padding:0 8px}.nav-left{gap:4px}.logo-image{height:32px;width:130px}.nav-center{margin:0 4px}.search-container{height:36px;padding:0 8px}.search-input{font-size:13px}.search-icon-btn{margin-right:4px;padding:4px}.nav-right{gap:2px}.nav-icon-btn{height:32px;width:32px}.install-app-btn{border-radius:16px;font-size:12px;padding:6px 8px}.nav-icon-btn svg{height:16px;width:16px}.user-avatar{font-size:14px;height:38px;width:38px}.profile-popup,.settings-popup{left:4px;right:4px;top:56px;width:calc(100% - 8px)}}.gmail-navbar{background:#f8f9fb;border-bottom:1px solid #e3e8ef;box-shadow:none;height:72px;padding:0 16px}.nav-left{min-width:160px}.menu-btn{display:none}.logo-text{-webkit-text-fill-color:#1f2937;background:none;color:#1f2937;font-size:40px;font-weight:700;letter-spacing:-.9px}.nav-center{max-width:760px}.search-container{background:#e9edf3;border:1px solid #0000;border-radius:10px;height:48px}.search-container:focus-within{background:#fff;border-color:#c8d3e1;box-shadow:none;transform:none}.search-input{font-size:28px}.search-input::placeholder{color:#556070}.nav-right{gap:10px;min-width:260px}.nav-icon-btn{color:#4b5563}.user-avatar{background:#d1a26d;border:2px solid #fff;box-shadow:none}.user-avatar:after{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:0;content:"";height:8px;position:absolute;right:0;width:8px}@media (max-width:768px){.menu-btn{display:inline-flex}.logo-text{font-size:18px}.search-input{font-size:14px}}.user-avatar{position:relative}.gmail-navbar{height:64px}.nav-center{max-width:600px}.search-container{border-radius:9px;height:42px;padding:0 12px}.search-input{font-size:17px}.search-icon-btn{margin-right:4px}@media (max-width:992px){.nav-center{max-width:420px}.search-input{font-size:15px}}@media (max-width:768px){.gmail-navbar{gap:6px;height:56px;padding:0 8px}.nav-left{gap:4px;min-width:auto}.logo-text{font-size:15px;letter-spacing:-.2px}.nav-center{flex:1 1;margin:0 6px;max-width:none;min-width:0}.search-container{border-radius:8px;height:36px;padding:0 8px}.search-input,.search-input::placeholder{font-size:13px}.nav-right{gap:2px;min-width:auto}.nav-icon-btn{height:30px;width:30px}.nav-icon-btn svg{height:16px;width:16px}.user-avatar{font-size:15px;height:40px;width:40px}.profile-popup,.settings-popup{left:6px;max-height:calc(100vh - 70px);right:6px;top:58px;width:calc(100% - 12px)}}@media (max-width:480px){.nav-center{margin:0 4px}}.gmail-navbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffffe0,#f8fbffc7),radial-gradient(circle at 45% 0,#3b82f61f,#0000 38%);border-bottom:1px solid #cbd5e1b8;box-shadow:0 18px 45px #0f172a0f}.search-container{background:#ffffffbd;border:1px solid #94a3b857;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffbf,0 12px 35px #0f172a0f}.search-container:focus-within{border-color:#2563eb6b;box-shadow:0 18px 45px #2563eb29}body[data-theme=dark] .gmail-navbar{background:linear-gradient(135deg,#0f172aeb,#0f172acc);border-bottom-color:#475569b3}body[data-theme=dark] .search-container{background:#0f172ab8;border-color:#475569e6}.gmail-sidebar{align-self:stretch;background:linear-gradient(180deg,#fff,#f8f9fa);border-right:1px solid #dadce080;box-shadow:2px 0 8px #0000000a;flex-shrink:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px 8px;transition:width .3s cubic-bezier(.4,0,.2,1);width:256px}.gmail-sidebar.collapsed{padding:12px 4px;width:72px}.gmail-sidebar.collapsed .compose-btn{border-radius:50%;height:48px;justify-content:center;margin:0 auto 20px;padding:14px;width:48px}.gmail-sidebar.collapsed .compose-btn span{display:none}.gmail-sidebar.collapsed .sidebar-item{border-radius:50%;gap:0;height:48px;justify-content:center;margin:0 auto 4px;padding:10px;width:48px}.gmail-sidebar.collapsed .sidebar-count,.gmail-sidebar.collapsed .sidebar-item span{display:none}.gmail-sidebar.collapsed .sidebar-divider{margin:12px 8px}.compose-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:28px;box-shadow:0 4px 12px #667eea4d,0 2px 4px #667eea33;color:#fff;display:flex;font-size:15px;gap:12px;margin-bottom:20px;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.compose-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.compose-btn:hover:before{left:100%}.compose-btn:hover{box-shadow:0 6px 20px #667eea66,0 4px 8px #667eea4d;transform:translateY(-2px)}.compose-btn:active{transform:translateY(0)}.compose-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:24px;width:24px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-item{align-items:center;border-radius:0 28px 28px 0;color:#3c4043;display:flex;font-weight:500;gap:14px;margin-right:8px;padding:10px 18px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s;width:3px}.sidebar-item:hover{background:linear-gradient(90deg,#667eea14,#764ba20d);color:#1a73e8;transform:translateX(2px)}.sidebar-item:hover:before{height:60%}.sidebar-item.active{background:linear-gradient(90deg,#667eea26,#764ba21a);box-shadow:inset 0 0 20px #667eea0d;color:#1a73e8;font-weight:600}.sidebar-item.active:before{height:70%}.sidebar-item svg{flex-shrink:0;height:20px;transition:transform .2s;width:20px}.sidebar-item:hover svg{transform:scale(1.1)}.sidebar-item span{flex:1 1;letter-spacing:.2px}.sidebar-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:12px;font-weight:600;margin-left:auto;min-width:24px;padding:2px 8px;text-align:center}.sidebar-item.active .sidebar-count{background:linear-gradient(135deg,#1a73e8,#1557b0)}.sidebar-divider{background:linear-gradient(90deg,#0000,#dadce0,#0000);height:1px;margin:12px 16px;opacity:.6}@media (max-width:768px){.gmail-sidebar{box-shadow:2px 0 16px #00000026;height:calc(100dvh - 56px);left:0;position:fixed;top:56px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:256px;z-index:999}.gmail-sidebar:not(.collapsed){transform:translateX(0)}.gmail-sidebar.collapsed{transform:translateX(-100%)}.gmail-sidebar.collapsed .compose-btn{border-radius:28px;height:auto;justify-content:flex-start;margin:0 0 20px;padding:14px 24px;width:auto}.gmail-sidebar.collapsed .compose-btn span{display:inline}.gmail-sidebar.collapsed .sidebar-item{border-radius:0 28px 28px 0;gap:14px;height:auto;justify-content:flex-start;margin:0 8px 0 0;padding:10px 18px;width:auto}.gmail-sidebar.collapsed .sidebar-item span{display:inline}.gmail-sidebar.collapsed .sidebar-count{display:inline-block}.compose-btn{font-size:14px;padding:12px 20px}.sidebar-item{font-size:13px;padding:10px 16px}}@media (max-width:480px){.gmail-sidebar{height:calc(100dvh - 52px);top:52px;width:240px}.gmail-sidebar:not(.collapsed):before{left:240px;top:52px}.compose-btn{font-size:13px;margin-bottom:16px;padding:10px 16px}.compose-btn svg{height:20px;width:20px}.sidebar-item{font-size:12px;gap:12px;padding:8px 14px}.sidebar-item svg{height:18px;width:18px}.sidebar-count{font-size:11px;min-width:20px;padding:2px 6px}}.gmail-sidebar{background:radial-gradient(circle at 20% 0,#133f74 0,#06152a 58%,#030a13 100%);border-right:1px solid #0f2745;color:#e8eef7;height:100%;max-height:100%;padding:16px 10px;width:290px}.compose-btn{background:#1a73e8;border-radius:12px;box-shadow:none;font-weight:600}.sidebar-item{border-radius:10px;color:#dbe7f6;margin-right:0;padding:10px 14px}.sidebar-item.active,.sidebar-item:hover{background:#2778da4d;box-shadow:none;color:#fff;transform:none}.sidebar-item:before{display:none}.sidebar-count{background:#1f73e8;box-shadow:none}.sidebar-divider{background:#94a3b833}.sidebar-section{border-top:1px solid #94a3b838}.sidebar-section-title{align-items:center;color:#d5dfed;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px;padding:0 10px}.sidebar-label-row,.sidebar-mini-item{color:#d2ddec;font-size:17px}.sidebar-label-row{align-items:center;display:flex;gap:10px}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.dot.red{background:#ef4444}.dot.blue{background:#3b82f6}.dot.green{background:#22c55e}.dot.yellow{background:#f59e0b}.sidebar-storage{border-top:1px solid #94a3b838;margin-top:18px;padding:14px 10px 8px}.storage-text{color:#cfdaea;font-size:15px;margin-bottom:10px}.storage-bar{background:#94a3b840;border-radius:999px;height:8px;overflow:hidden}.storage-bar span{background:#2f9bff;display:block;height:100%;width:28%}@media (max-width:768px){.gmail-sidebar{top:56px;width:290px}}.gmail-sidebar{background:radial-gradient(circle at 18% 0,#3b82f673,#0000 28%),linear-gradient(180deg,#fff,#f8fbff 48%,#eef5ff);border-right:1px solid #cbd5e1bf;box-shadow:18px 0 45px #0f172a0f;color:#1e293b;padding:18px 14px}.compose-btn{background:linear-gradient(135deg,#2563eb,#06b6d4);border:1px solid #ffffff8c;border-radius:18px;box-shadow:0 16px 35px #2563eb4d,0 0 0 7px #2563eb14;justify-content:center;margin-bottom:18px}.sidebar-item{border-radius:14px;color:#334155;font-size:14px;margin:2px 0;padding:11px 13px}.sidebar-item.active,.sidebar-item:hover{background:#2563eb1a;color:#1d4ed8}.sidebar-section{border-top:1px solid #cbd5e1b8;margin-top:16px;padding-top:14px}.sidebar-section-title{color:#475569;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sidebar-add-btn{background:#2563eb1a;border:0;border-radius:999px;color:#2563eb;cursor:pointer;font-weight:800;height:22px;width:22px}.sidebar-label-row,.sidebar-mini-item{align-items:center;border-radius:12px;color:#475569;display:flex;font-size:13px;gap:10px;padding:8px 10px;text-decoration:none}.sidebar-label-row.active,.sidebar-label-row:hover,.sidebar-mini-item:hover{background:#ffffffb3}.sidebar-group-row{align-items:center;display:flex;gap:4px;min-width:0}.sidebar-group-row .sidebar-group-link{flex:1 1 auto;min-width:0}.sidebar-group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-delete-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#5f6368;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;padding:0;transition:background .15s ease,color .15s ease,opacity .15s ease;width:28px}.sidebar-group-delete-btn:focus-visible,.sidebar-group-row:hover .sidebar-group-delete-btn{opacity:1}.sidebar-group-delete-btn:hover{background:#d930251a;color:#d93025}.label-modal-overlay{align-items:center;background:#0f172a5c;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:3000}.label-modal{background:#fff;border-radius:28px;box-shadow:0 28px 80px #0f172a47;color:#202124;max-width:624px;padding:30px;width:min(624px,100%)}.label-modal h2{font-size:30px;font-weight:400;letter-spacing:-.5px;line-height:1.2;margin:0 0 24px}.label-modal-field{grid-gap:10px;display:grid;gap:10px}.label-modal-checkbox span,.label-modal-field span{color:#4b4f52;font-size:18px}.label-modal-field input,.label-modal-select{background:#fff;border:1px solid #7b7f83;border-radius:5px;color:#202124;font-size:18px;height:70px;outline:none;padding:0 14px;width:100%}.label-member-field{margin-top:26px;position:relative}.label-member-hint{color:#5f6368;display:block;font-size:12px;line-height:1.4;margin-top:4px}.label-member-input-wrap{align-items:center;background:#fff;border:1px solid #7b7f83;border-radius:5px;display:flex;flex-wrap:wrap;gap:8px;min-height:70px;padding:10px 12px}.label-member-input-wrap:focus-within{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.label-member-input-wrap input{border:0;box-shadow:none;flex:1 1;height:38px;min-width:190px;padding:0}.label-member-input-wrap input:focus{box-shadow:none}.label-member-chip{background:#e8f0fe;border-radius:999px;font-size:13px;font-weight:600;gap:6px;padding:7px 9px 7px 11px}.label-member-chip,.label-member-chip button{align-items:center;color:#0b57d0;display:inline-flex}.label-member-chip button{background:#0b57d01f;border:0;border-radius:999px;cursor:pointer;font-size:12px;height:18px;justify-content:center;line-height:1;width:18px}.label-modal-error{color:#c5221f;font-size:14px;margin-top:12px}.member-suggestions{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 12px 30px #0f172a2e;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:3100}.member-suggestion-item{align-items:center;background:#fff;border:0;color:#111827;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;width:100%}.member-suggestion-item:first-child,.member-suggestion-item:hover{background:#eee}.member-suggestion-avatar{align-items:center;background:#c2185b;border-radius:50%;color:#fff;display:flex;flex:0 0 auto;font-size:18px;font-weight:700;height:38px;justify-content:center;width:38px}.member-suggestion-copy{display:flex;flex-direction:column;min-width:0}.member-suggestion-copy strong{font-size:16px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-suggestion-copy small{color:#111827;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-modal-field input:focus,.label-modal-select:focus{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.label-modal-checkbox{align-items:center;display:flex;gap:18px;margin:32px 0 18px}.label-modal-checkbox input{height:22px;margin:0;width:22px}.label-modal-select:disabled{background:#f8fafc;color:#94a3b8}.label-modal-actions{align-items:center;display:flex;gap:26px;justify-content:flex-end;margin-top:30px}.label-cancel-btn,.label-create-btn{border:0;border-radius:999px;cursor:pointer;font-size:18px;font-weight:500;padding:14px 28px}.label-cancel-btn{background:#0000;color:#0b57d0}.label-create-btn{background:#e8eaed;color:#8d9299}.label-create-btn:not(:disabled){background:#e8f0fe;color:#0b57d0}body[data-theme=dark] .gmail-sidebar{background:radial-gradient(circle at 20% 0,#2563eb66,#0000 30%),linear-gradient(180deg,#0f172a,#111827 55%,#0b1120);border-right-color:#475569a6;color:#e5e7eb}body[data-theme=dark] .sidebar-item{color:#e5e7eb}body[data-theme=dark] .sidebar-label-row,body[data-theme=dark] .sidebar-mini-item,body[data-theme=dark] .sidebar-section-title{color:#cbd5e1}body[data-theme=dark] .label-modal{background:#111827;color:#f9fafb}body[data-theme=dark] .label-modal-checkbox span,body[data-theme=dark] .label-modal-field span{color:#d1d5db}body[data-theme=dark] .label-member-input-wrap,body[data-theme=dark] .label-modal-field input,body[data-theme=dark] .label-modal-select{background:#0f172a;border-color:#475569;color:#f9fafb}.admin-panel{box-sizing:border-box;color:#202124;display:block;min-height:100%;padding:24px;width:100%}.admin-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.admin-header h2{font-size:28px;margin:0 0 4px}.admin-header p{color:#5f6368;margin:0}.admin-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.admin-card,.admin-stat-card{background:#fff;border:1px solid #e8eaed;border-radius:16px;box-shadow:0 2px 10px #3c404314}.admin-stat-card{padding:18px}.admin-stat-card span{color:#5f6368;display:block;font-size:13px;margin-bottom:8px}.admin-stat-card strong{font-size:28px}.admin-card{padding:18px}.admin-card,.admin-users-card{margin-bottom:18px}.admin-logs-card{margin-bottom:0}.admin-section-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.admin-section-title h3{margin:0}.admin-user-count{color:#5f6368;font-size:13px;font-weight:500;margin-left:8px}.admin-actions,.admin-password-row,.admin-search{display:flex;gap:8px}.admin-password-row input,.admin-search input{border:1px solid #dadce0;border-radius:8px;padding:9px 10px}.admin-panel button,.admin-refresh-btn{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:9px 12px}.admin-panel button:hover{background:#1557b0}.admin-panel button.danger{background:#d93025}.admin-panel button.danger:hover{background:#b3261e}.admin-alert{border-radius:10px;margin-bottom:14px;padding:12px 14px}.admin-alert.success{background:#e6f4ea;color:#137333}.admin-alert.error{background:#fce8e6;color:#c5221f}.admin-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e8eaed;border-radius:12px;max-height:min(70vh,760px);min-height:280px;overflow:auto}.admin-table{border-collapse:collapse;min-width:720px;width:100%}.admin-table thead th{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-table td,.admin-table th{border-bottom:1px solid #eef0f2;padding:12px;text-align:left;vertical-align:middle}.admin-table th{color:#5f6368;font-size:12px;text-transform:uppercase}.admin-table td span{color:#5f6368;display:block;font-size:13px;margin-top:3px}.admin-empty{color:#5f6368;padding:32px 12px;text-align:center}.admin-logs{grid-gap:14px;display:grid;gap:14px}.admin-log-block h4{color:#5f6368;font-size:13px;margin:0 0 8px}.admin-log-block pre{background:#202124;border-radius:12px;color:#e8eaed;max-height:240px;overflow:auto;padding:14px;white-space:pre-wrap}@media (max-width:768px){.admin-panel{padding:16px}.admin-header,.admin-section-title{align-items:stretch;flex-direction:column}.admin-actions,.admin-password-row,.admin-search{flex-direction:column}.admin-panel button,.admin-password-row input,.admin-search input{width:100%}.admin-table-wrap{min-height:220px}.admin-table td,.admin-table th{min-width:130px;padding:10px}}.group-mailbox .group-compose-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-mailbox .group-compose-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.group-thread-panel,.group-thread-view .group-thread-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.group-thread-panel{background:#fff;background:var(--mail-detail-bg,#fff)}.group-thread-detail{flex:1 1;min-height:0;overflow-y:auto;padding:0 24px 24px}.group-thread-messages{border-top:none;margin-top:0;padding-top:8px}.group-thread-messages .reply-message-item{border-bottom:1px solid #e8eaed;margin-bottom:0;padding:20px 0}.group-thread-messages .reply-message-item:last-child{border-bottom:none;padding-bottom:8px}.group-thread-subject{color:#202124;font-size:15px;font-weight:600;margin:0 0 8px 44px}.group-thread-messages .reply-message-body .body-content,.group-thread-messages .reply-message-body .mail-html-body{padding-left:0}.group-thread-messages .reply-sender-name.is-you{color:#667eea}.group-message-actions{align-items:center;display:flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity .15s ease}.reply-message-item.active-reply-target .group-message-actions,.reply-message-item:hover .group-message-actions{opacity:1}.group-msg-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .15s ease,color .15s ease;width:32px}.group-msg-action-btn:hover{background:#3c404314;color:#202124}.reply-message-item.active-reply-target{background:#667eea0f;border-radius:12px;margin:0 -12px;padding-left:12px;padding-right:12px}@media (max-width:768px){.group-thread-detail{padding:0 16px 16px}.group-thread-subject{margin-left:0}.group-thread-messages .reply-message-body{padding-left:0}}.manage-account-page{background:linear-gradient(160deg,#f8fbff,#eef4ff 48%,#f5f3ff);min-height:100%;overflow-y:auto;padding:24px clamp(16px,4vw,40px) 40px;width:100%}.manage-account-inner{margin:0 auto;max-width:720px}.manage-account-header{margin-bottom:24px}.manage-back-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-bottom:14px;padding:0}.manage-back-btn:hover{text-decoration:underline}.manage-account-header h1{color:#0f172a;font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.4px;line-height:1.2;margin:0 0 8px}.manage-account-lead{color:#64748b;font-size:15px;line-height:1.5;margin:0}.manage-account-loading{color:#64748b;font-size:14px}.manage-account-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 14px}.manage-account-card{background:#fffffff2;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 40px #2d376414;margin-bottom:16px;padding:24px}.manage-profile-card{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.manage-profile-meta h2{color:#0f172a;font-size:22px;font-weight:700;margin:0 0 4px}.manage-profile-meta p{color:#64748b;font-size:15px;margin:0}.manage-section-title{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 16px}.manage-details-grid,.manage-form-grid{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.manage-edit-form{display:flex;flex-direction:column;gap:16px}.manage-form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.manage-form-field label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.manage-input,.manage-select{background:#fff;border:1px solid #d8dee9;border-radius:12px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:15px;min-height:48px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.manage-input:focus,.manage-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.manage-input:disabled,.manage-select:disabled{background:#f8fafc;cursor:not-allowed}.manage-birthday-field{grid-column:1/-1}.manage-birthday-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1.4fr) minmax(72px,.7fr) minmax(88px,.85fr)}.manage-save-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-height:44px;padding:10px 24px;transition:transform .2s,box-shadow .2s}.manage-save-btn:hover:not(:disabled){box-shadow:0 6px 18px #667eea59;transform:translateY(-1px)}.manage-save-btn:disabled{cursor:wait;opacity:.65}.manage-save-message{border-radius:10px;font-size:14px;margin:0;padding:10px 12px}.manage-save-message.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.manage-save-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.manage-readonly-list{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}.manage-readonly-item{display:flex;flex-direction:column;gap:4px}.manage-password-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;margin-top:8px;padding:16px 18px;text-align:left;transition:background .2s,border-color .2s;width:100%}.manage-password-row:hover{background:#eff6ff;border-color:#bfdbfe}.manage-password-label{color:#0f172a;font-size:16px;font-weight:600}.manage-password-action{align-items:center;color:#2563eb;display:flex;font-size:14px;font-weight:600;gap:2px}.manage-detail-item{display:flex;flex-direction:column;gap:4px;min-width:0}.manage-detail-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.manage-detail-value{color:#0f172a;font-size:15px;font-weight:500;word-break:break-word}@media (max-width:600px){.manage-birthday-row,.manage-details-grid,.manage-form-grid{grid-template-columns:1fr}.manage-account-page{padding:16px 14px 32px}.manage-account-card{padding:18px}}.change-password-page{background:linear-gradient(160deg,#f8fbff,#eef4ff 48%,#f5f3ff);color:#0f172a;font-family:Google Sans,Roboto,Arial,sans-serif;min-height:100%;overflow-y:auto;padding:24px clamp(16px,4vw,40px) 40px;width:100%}.change-password-inner{margin:0 auto;max-width:640px}.change-password-header{margin-bottom:20px}.change-password-back{background:none;border:none;color:#2563eb;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-bottom:14px;padding:0}.change-password-back:hover{text-decoration:underline}.change-password-header h1{color:#0f172a;font-size:clamp(24px,4vw,30px);font-weight:800;letter-spacing:-.4px;line-height:1.2;margin:0 0 8px}.change-password-intro{color:#64748b;font-size:15px;line-height:1.55;margin:0 0 8px;max-width:520px}.change-password-form{margin-top:20px}.change-password-card{background:#fffffff2;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 40px #2d376414;padding:24px}.cp-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;position:relative}.cp-field label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cp-field input{background:#fff;border:1px solid #d8dee9;border-radius:12px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:16px;min-height:50px;outline:none;padding:12px 44px 12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.cp-field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.cp-field input:disabled{background:#f8fafc;cursor:not-allowed}.cp-toggle-visibility{align-items:center;background:none;border:none;bottom:5px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:8px;width:40px}.cp-toggle-visibility:hover{color:#2563eb}.change-password-hint{color:#64748b;font-size:13px;line-height:1.5;margin:-8px 0 4px}.change-password-message{border-radius:12px;font-size:14px;margin:16px 0 0;padding:12px 14px}.change-password-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.change-password-message.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.change-password-actions{display:flex;justify-content:flex-end;margin-top:20px}.change-password-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;min-height:48px;min-width:160px;padding:12px 28px;transition:transform .2s,box-shadow .2s}.change-password-submit:hover:not(:disabled){box-shadow:0 6px 18px #667eea59;transform:translateY(-1px)}.change-password-submit:disabled{cursor:wait;opacity:.65}@media (max-width:520px){.change-password-page{padding:16px 14px 32px}.change-password-card{padding:18px}}
/*# sourceMappingURL=main.5ee8f010.css.map*/