:root{font-family:system-ui,Arial,sans-serif;color-scheme:dark;--bg-main: #0b0b0c;--bg-panel: #17191c;--bg-header: #0f0f12;--text-main: #e8eaed;--text-muted: #9aa0a6;--border-color: #2d2f33;--input-bg: #202124;--active-bg: rgba(138, 180, 248, .15);--accent-blue: #8ab4f8;--badge-bg: #3c4043;--badge-color: #e8eaed;--border-subtle: rgba(255,255,255,.08);--border-semi: rgba(255,255,255,.12);--surface-1: rgba(255,255,255,.05);--surface-2: rgba(255,255,255,.02);--surface-dim: rgba(0,0,0,.25);--surface-blue: rgba(138,180,248,.05);--border-blue: rgba(138,180,248,.15);--select-bg: #202124;--select-option-hover: rgba(138,180,248,.1);--select-option-color: #e8eaed;--select-option-active: #8ab4f8;--attach-size-bg: rgba(255,255,255,.05);--purple-accent: #c58aff;--purple-surface: rgba(197,138,255,.12);--purple-border: rgba(197,138,255,.35);--green-accent: #81c995;--item-hover-bg: rgba(255,255,255,.08);--btn-neutral-bg: #3c4043;--btn-neutral-color: #e8eaed}body.light-mode{color-scheme:light;--bg-main: #f6f8fc;--bg-panel: #ffffff;--bg-header: #ffffff;--text-main: #202124;--text-muted: #5f6368;--border-color: #dadce0;--input-bg: #f1f3f4;--active-bg: #e8f0fe;--accent-blue: #1a73e8;--badge-bg: #e8eaed;--badge-color: #202124;--border-subtle: rgba(0,0,0,.1);--border-semi: rgba(0,0,0,.14);--surface-1: rgba(0,0,0,.04);--surface-2: rgba(0,0,0,.02);--surface-dim: rgba(0,0,0,.05);--surface-blue: rgba(26,115,232,.06);--border-blue: rgba(26,115,232,.2);--select-bg: #ffffff;--select-option-hover: rgba(26,115,232,.1);--select-option-color: #202124;--select-option-active: #1a73e8;--attach-size-bg: rgba(0,0,0,.05);--purple-accent: #7c3aed;--purple-surface: rgba(109,40,217,.07);--purple-border: rgba(109,40,217,.28);--green-accent: #1a7a3b;--item-hover-bg: rgba(0,0,0,.05);--btn-neutral-bg: #e8eaed;--btn-neutral-color: #3c4043}body{margin:0;background-color:var(--bg-main);color:var(--text-main);transition:background-color .2s ease,color .2s ease}input:not([type=checkbox]),select,textarea{background-color:var(--input-bg)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;border-radius:6px;outline:none}.v-root input:not([type=checkbox]),.v-root select,.v-root textarea{background-color:#f8f9fa!important;color:#202124!important;border:1px solid #e2e8f0!important}.lab{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.2px}.input{display:block;width:100%;box-sizing:border-box;padding:8px 10px;font-size:13px;border-radius:6px;font-family:inherit;margin-bottom:0}.btnPrimary{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 18px;border-radius:24px;border:none;background:var(--accent-blue);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s ease}.btnPrimary:disabled{opacity:.55;cursor:not-allowed}.btnPrimary:not(:disabled):hover{opacity:.88}.card{padding:12px 8px 16px}.sectionTitle{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:12px}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue)!important;box-shadow:0 0 0 1px var(--accent-blue)}body.light-mode .panel span,body.light-mode .panel div,body.light-mode .panel p,body.light-mode .panel h3,body.light-mode .panel label{color:var(--text-main)}body.light-mode .panel .muted-text{color:var(--text-muted)!important}.dashboard-btn{background:#4a4a4a!important;color:#fff!important;padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px}.signin-btn{background:#87ceeb!important;color:#121212!important;padding:8px 18px;border-radius:24px;border:none;font-weight:700;cursor:pointer}.sync-btn{background:#4285f4!important;color:#fff!important;padding:8px 18px;border-radius:24px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.signout-link{background:none;border:none;color:#ff6b6b;cursor:pointer;font-weight:700}.grid{display:grid;grid-template-columns:430px 1fr 400px;gap:20px;padding:20px;height:calc(100vh - 90px)}.main-title{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.sync-btn:hover{background:#357abd!important}.signin-btn:hover{background:#70b8d4!important}.gmailMsgCard{padding:24px!important}.gmailMsgTop{margin-bottom:20px!important}.gmailBodyText{font-size:14px!important;line-height:1.65!important;letter-spacing:.2px;color:var(--text-main)!important;white-space:pre-wrap;word-wrap:break-word;max-width:100%}.gmailMsgBody{padding-top:20px!important;border-top:1px solid var(--border-color)!important}.gmailBodyText{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wa-landing-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;border-bottom:6px solid #43c960;position:relative;z-index:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body.dark-mode .wa-landing-container,[color-scheme=dark] .wa-landing-container{background-color:#222e35;border-bottom-color:#00a884}.wa-landing-content{text-align:center;max-width:560px;padding:20px;margin-top:-40px}.wa-landing-illustration{margin-bottom:28px;display:flex;justify-content:center}.wa-landing-title{font-size:32px;font-weight:300;color:#41525d;margin:0 0 16px}body.dark-mode .wa-landing-title,[color-scheme=dark] .wa-landing-title{color:#e9edef}.wa-landing-subtitle{font-size:14px;line-height:20px;color:#667781;margin:0}body.dark-mode .wa-landing-subtitle,[color-scheme=dark] .wa-landing-subtitle{color:#8696a0}.wa-landing-footer{position:absolute;bottom:40px;display:flex;align-items:center;gap:6px;font-size:14px;color:#8696a0}body.dark-mode .wa-landing-footer,[color-scheme=dark] .wa-landing-footer{color:#667781}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waBadgePop{0%{transform:scale(0)}to{transform:scale(1)}}