:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-main:#0b0f17;--bg-surface:#121824;--bg-surface-elevated:#172030;--bg-card:#131a27;--bg-card-hover:#192335;--border-subtle:#ffffff14;--border-strong:#ffffff29;--border-active:#3b82f6;--primary:#3b82f6;--primary-hover:#2563eb;--primary-subtle:#3b82f61f;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-google:#ef4444;--color-outlook:#0284c7;--color-cibertec:#8b5cf6;--color-webmail:#10b981;--platform-zoom:#2563eb;--platform-meet:#059669;--platform-teams:#4f46e5;--platform-webex:#0d9488;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-card:0 4px 20px #00000040}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}.app-container{flex-direction:column;gap:16px;max-width:1560px;min-height:100vh;margin:0 auto;padding:16px 24px;display:flex}.header-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.brand-section{align-items:center;gap:12px;display:flex}.brand-icon{border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:#3b82f6;background:#1e293b;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-info h1{font-family:var(--font-display);letter-spacing:-.3px;color:#f8fafc;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.brand-tag{color:#93c5fd;text-transform:uppercase;letter-spacing:.5px;background:#3b82f626;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.brand-sub{color:var(--text-muted);font-size:.75rem}.header-center{align-items:center;gap:14px;display:flex}.live-clock-card{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-family:var(--font-display);color:#cbd5e1;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.live-indicator{background-color:var(--accent-emerald);border-radius:50%;width:7px;height:7px}.view-tabs{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:3px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:#f8fafc;border:1px solid var(--border-subtle);background:#1e293b}.header-actions{align-items:center;gap:8px;display:flex}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#2563eb;border:1px solid #3b82f6}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:var(--border-strong)}.btn-icon-only{border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;padding:8px;transition:all .15s}.btn-icon-only:hover{color:var(--text-primary);border-color:var(--border-strong)}.btn-icon-only.active-sound{color:var(--accent-emerald);border-color:#10b9814d}.demo-banner{border-radius:var(--radius-md);color:var(--text-secondary);background:#131a26;border:1px dashed #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.8rem;display:flex}.demo-banner strong{color:#f1f5f9}.accounts-filter-bar{align-items:center;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.accounts-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-right:4px;font-size:.74rem;font-weight:600}.account-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:5px 12px;font-size:.78rem;transition:all .15s;display:inline-flex}.account-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.account-chip.selected{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-strong)}.account-color-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.account-badge-count{color:var(--text-secondary);background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:.68rem}.hud-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.hud-left{align-items:center;gap:16px;display:flex}.hud-urgency-badge{border-radius:var(--radius-sm);color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;flex-direction:column;justify-content:center;align-items:center;min-width:90px;padding:6px 12px;display:flex}.hud-urgency-badge.live{color:#6ee7b7;background:#10b9811a;border-color:#10b9814d}.urgency-title{text-transform:uppercase;letter-spacing:.5px;font-size:.62rem;font-weight:700}.urgency-time{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.hud-details{flex-direction:column;gap:4px;display:flex}.hud-meta-tags{align-items:center;gap:8px;display:flex}.platform-badge{text-transform:uppercase;color:#fff;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.platform-zoom{background:var(--platform-zoom)}.platform-meet{background:var(--platform-meet)}.platform-teams{background:var(--platform-teams)}.platform-webex{background:var(--platform-webex)}.platform-other{background:#334155}.hud-account-name{color:var(--text-secondary);font-size:.74rem}.hud-meeting-title{font-family:var(--font-display);color:#fff;font-size:1.12rem;font-weight:700}.hud-meeting-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.hud-right-actions{align-items:center;gap:12px;display:flex}.btn-join-meeting{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#059669;border:1px solid #10b981;align-items:center;gap:7px;padding:10px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn-join-meeting:hover{background:#047857}.month-view-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px;display:flex}.month-nav-header{justify-content:space-between;align-items:center;display:flex}.month-title{font-family:var(--font-display);text-transform:capitalize;font-size:1.2rem;font-weight:700}.month-nav-controls{align-items:center;gap:6px;display:flex}.month-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.weekday-header{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px;font-size:.72rem;font-weight:700}.month-day-cell{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:4px;min-height:105px;padding:8px;transition:background .15s;display:flex}.month-day-cell:hover{background:var(--bg-surface-elevated)}.month-day-cell.other-month{opacity:.3}.month-day-cell.today{border-color:var(--primary);background:#3b82f60d}.day-cell-top{justify-content:space-between;align-items:center;display:flex}.day-number{font-family:var(--font-display);color:var(--text-secondary);font-size:.82rem;font-weight:600}.month-day-cell.today .day-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;display:flex}.day-events-list{flex-direction:column;gap:3px;margin-top:2px;display:flex;overflow:hidden}.month-event-chip{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:4px;padding:3px 6px;font-size:.7rem;font-weight:600;display:flex;overflow:hidden}.month-event-chip:hover{filter:brightness(1.15)}.event-chip-time{opacity:.8;font-size:.65rem}.week-view-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px;display:flex;overflow-x:auto}.week-grid-container{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);grid-template-columns:55px repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.time-slot-label{background:var(--bg-surface);color:var(--text-muted);text-align:right;border-bottom:1px solid var(--border-subtle);padding:10px 6px;font-size:.7rem;font-weight:600}.week-column-header{background:var(--bg-surface);text-align:center;border-bottom:1px solid var(--border-subtle);padding:10px 6px}.week-day-title{color:var(--text-secondary);text-transform:uppercase;font-size:.72rem}.week-day-num{font-family:var(--font-display);margin-top:2px;font-size:1.05rem;font-weight:700}.week-day-num.is-today{color:var(--primary)}.week-cell-hour{background:var(--bg-surface);border-bottom:1px solid #ffffff0a;height:48px;position:relative}.week-cell-hour:hover{background:#ffffff05}.week-event-card{color:#fff;z-index:5;cursor:pointer;border-left:3px solid #ffffff80;border-radius:4px;flex-direction:column;gap:1px;padding:5px 7px;font-size:.72rem;font-weight:600;display:flex;position:absolute;top:2px;left:2px;right:2px;overflow:hidden}.week-event-card:hover{z-index:10;filter:brightness(1.1)}.agenda-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:20px;display:flex}.agenda-day-group{flex-direction:column;gap:10px;display:flex}.agenda-day-header{font-family:var(--font-display);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding-bottom:6px;font-size:1rem;font-weight:700;display:flex}.agenda-day-badge{color:#93c5fd;background:#3b82f626;border-radius:4px;padding:1px 7px;font-size:.7rem}.agenda-event-row{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);border-left:3px solid var(--primary);cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;transition:all .15s;display:flex}.agenda-event-row:hover{background:var(--bg-surface-elevated);border-color:var(--border-strong)}.agenda-row-left{align-items:center;gap:18px;display:flex}.agenda-time-col{flex-direction:column;gap:2px;min-width:85px;display:flex}.agenda-start-time{font-family:var(--font-display);color:#fff;font-size:1rem;font-weight:700}.agenda-duration{color:var(--text-muted);font-size:.72rem}.agenda-details-col{flex-direction:column;gap:3px;display:flex}.agenda-event-title{font-family:var(--font-display);color:#f8fafc;font-size:1.05rem;font-weight:700}.agenda-meta-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:.75rem;display:flex}.agenda-row-actions{align-items:center;gap:8px;display:flex}.rsvp-badge{text-transform:capitalize;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:600}.rsvp-accepted{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d}.rsvp-tentative{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b4d}.rsvp-declined{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#0f141f;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-family:var(--font-display);color:#fff;font-size:1.18rem;font-weight:700}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.modal-footer{border-top:1px solid var(--border-subtle);background:#0b0f17;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);background:#080c13;padding:9px 12px;font-size:.88rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.setup-step-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.step-badge{color:#3b82f6;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:inline-flex}.qr-container{border-radius:var(--radius-sm);background:#fff;flex-direction:column;justify-content:center;align-items:center;margin:8px auto;padding:16px;display:flex}.sync-url-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#93c5fd;word-break:break-all;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-family:monospace;font-size:.78rem;display:flex}.audio-toast{border-radius:var(--radius-sm);box-shadow:var(--shadow-card);z-index:2000;background:#111827;border:1px solid #3b82f6;align-items:center;gap:12px;padding:14px 18px;display:flex;position:fixed;bottom:20px;right:20px}@media (width<=900px){.app-container{padding:12px}.header-container,.hud-banner{flex-direction:column;align-items:stretch}.hud-left{flex-direction:column;align-items:flex-start}}