@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";.meeting-notification-wrapper{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.meeting-popup{pointer-events:auto;width:360px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:20px;animation:slideIn .5s cubic-bezier(.16,1,.3,1);transition:transform .3s ease,opacity .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.meeting-popup.fade-out{opacity:0;transform:translate(100px)}.notification-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.notification-header .icon-pulse{font-size:20px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.notification-body{margin-bottom:20px}.meeting-info-row{margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.meeting-info-row .label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.meeting-info-row .value{font-size:15px;color:#0f172a;font-weight:500}.meeting-info-row .value.highlight{color:#2563eb;font-weight:600}.platform-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:500;margin-top:4px}.platform-tag.zoom{background:#e8f2ff;color:#0b5cff}.platform-tag.teams{background:#f0f0ff;color:#464eb8}.platform-tag.google-meet{background:#e6f6ee;color:#0d9488}.platform-tag.default{background:#f1f5f9;color:#475569}.notification-actions{display:flex;gap:10px}.btn-join{flex:2;background:#2563eb;color:#fff;border:none;padding:10px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-join:hover{background:#1d4ed8}.btn-dismiss{flex:1;background:#f1f5f9;color:#475569;border:none;padding:10px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s}.btn-dismiss:hover{background:#e2e8f0}.btn-snooze{background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:8px;border-radius:10px;cursor:pointer;width:40px;display:flex;align-items:center;justify-content:center}.btn-snooze:hover{background:#f8fafc;color:#334155}@media (max-width: 480px){.meeting-notification-wrapper{bottom:0;right:0;left:0;padding:16px}.meeting-popup{width:100%}}:root{--primary: #006BFF;--primary-hover: #004796;--primary-light: #eff6ff;--secondary: #8b5cf6;--secondary-hover: #7c3aed;--secondary-light: #f5f3ff;--accent: #0AE8F0;--highlight: #0AE8F0;--bg-light: #F8FAFC;--white: #ffffff;--text-dark: #0f172a;--text-muted: #475569;--border-color: #E2E8F0;--btn-primary-bg: #eff6ff;--btn-primary-color: #006BFF;--btn-primary-border: rgba(0, 107, 255, .15);--btn-primary-hover-bg: #dbeafe;--btn-primary-hover-color: #004796;--btn-primary-hover-border: rgba(0, 107, 255, .35);--google-purple: #8b5cf6;--teams-blue: #006BFF;--zoom-orange: #f97316;--outlook-green: #0F9D58;--color-success: #0F9D58;--color-success-light: #ecfdf5;--color-error: #ef4444;--color-error-light: #fef2f2;--color-warning: #f97316;--color-warning-light: #fff7ed;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 30px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 10px 15px -3px rgba(16, 24, 40, .08), 0 4px 6px -4px rgba(16, 24, 40, .04);--shadow-xl: 0 20px 25px -5px rgba(16, 24, 40, .1), 0 8px 10px -6px rgba(16, 24, 40, .05);--shadow-card: 0 8px 24px -8px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--shadow-card-hover: 0 16px 36px -12px rgba(15, 23, 42, .08), 0 1px 3px rgba(15, 23, 42, .02);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--panel-bg: #ffffff}.density-compact{--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 26px;font-size:.825rem}@media screen and (max-width: 768px){.density-compact .modal-content,.modal-container{width:95vw!important;max-width:100%!important;max-height:90vh!important;padding:16px!important;margin:10px auto!important;overflow-y:auto;border-radius:var(--radius-md)!important}.density-compact table,.density-compact .table-container,.calendar-grid-container{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.density-compact .conflict-card,.density-compact .meeting-card,.density-compact .integration-card,.density-compact form{width:100%;display:flex;flex-direction:column;padding:12px}.density-compact input,.density-compact select,.density-compact button{min-height:44px}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.875rem;color:var(--text-dark);background-color:var(--bg-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)!important;color:var(--text-dark)}button,input,select,textarea,strong,b,th,.bold,[class*=bold]{font-family:var(--font-sans)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 4px #006bff1f!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.toast-notification{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 20px;border-radius:10px;color:#fff;font-size:.875rem;font-weight:500;box-shadow:0 4px 16px #00000026;max-width:380px;word-break:break-word;transition:opacity .3s ease}.dropdown-menu li:hover{background:#f1f5f9!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sync-btn,.sync-button,.sync-now-button{height:34px!important;padding:6px 14px!important;gap:6px!important;font-size:.8rem!important;font-weight:600!important;border-radius:var(--radius-sm)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-sizing:border-box!important;background:var(--btn-primary-bg)!important;color:var(--btn-primary-color)!important;border:1px solid var(--btn-primary-border)!important;cursor:pointer!important;box-shadow:none!important;transition:var(--transition)!important;line-height:1!important}.sync-btn:hover,.sync-button:hover,.sync-now-button:hover{background:var(--btn-primary-hover-bg)!important;color:var(--btn-primary-hover-color)!important;border-color:var(--btn-primary-hover-border)!important;transform:translateY(-.5px)!important}.sync-btn:disabled,.sync-button:disabled,.sync-now-button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}