.layout{display:flex;flex-direction:column;min-height:100vh;padding:8px;box-sizing:border-box;background-color:var(--bg-primary)}.app-main{display:flex;flex:1;width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px}.calendar-container{height:100%;padding:20px;display:flex;flex-direction:column}body[data-theme=dark] .calendar-container{background:#111;--fc-page-bg-color: $color-gray-950;--fc-neutral-bg-color: $color-gray-900;--fc-neutral-text-color: $color-gray-100;--fc-border-color: $color-gray-800;--fc-button-bg-color: $color-gray-800;--fc-button-text-color: $color-gray-100;--fc-button-active-bg-color: $color-gray-700;--fc-button-active-border-color: $color-gray-800;--fc-event-bg-color: $color-gray-700;--fc-event-border-color: $color-gray-800;--fc-event-text-color: $color-gray-100}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:12px}.calendar-header-left,.calendar-header-right{display:flex;align-items:center;gap:16px}.calendar-title{font-size:18px;font-weight:600;margin:0}.view-buttons{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.view-button{padding:6px 12px;background-color:var(--bg-secondary);border:none;border-right:1px solid var(--border-color);cursor:pointer;font-size:14px;color:var(--text-primary)}.view-button:last-child{border-right:none}.view-button.active{background-color:var(--accent-color);color:#fff}.view-button:hover:not(.active){background-color:var(--bg-tertiary)}@media (max-width: 768px){.calendar-header{flex-direction:column;gap:12px}.calendar-header-left,.calendar-header-right{width:100%;justify-content:space-between}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.event-modal{background-color:var(--bg-secondary);border-radius:8px;width:500px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.event-modal form{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted)}.close-button:hover{color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input[type=text],.form-group input[type=date],.form-group input[type=datetime-local],.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.form-group input[type=checkbox]{margin-right:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-overlay.light{background-color:#00000040;color:var(--text-primary)}.event-modal.light{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:10px;box-shadow:var(--shadow-lg);width:400px;max-width:95vw;margin:0 auto}.event-modal.light input[type=text],.event-modal.light input[type=date],.event-modal.light input[type=datetime-local],.event-modal.light select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;font-size:15px;margin-top:4px;margin-bottom:8px;width:100%;box-sizing:border-box}.event-modal.light input[type=color]{border:none;background:none;width:32px;height:32px;padding:0}.event-modal.light .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 8px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:10px 10px 0 0}.event-modal.light .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted)}.event-modal.light .close-button:hover{color:var(--text-primary)}.event-modal.light .form-group{margin-bottom:14px}.event-modal.light .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 0 0}.dashboard-page{display:flex;flex-direction:row;width:100%}.calendar-main-content{display:flex;flex-direction:column;flex:1;min-width:0}.loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:var(--text-muted)}.error-container{padding:12px 16px;margin-bottom:20px;background-color:var(--bg-secondary);border:1px solid var(--error-color);border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-message{color:var(--error-color);margin:0}.error-dismiss{background:none;border:none;color:var(--error-color);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px}.calendar-selector{display:flex;flex-direction:column;gap:1rem}.calendar-selector__list{display:flex;flex-direction:column;gap:.5rem}.calendar-selector__list-empty{color:var(--text-muted);font-size:.875rem;text-align:center;padding:1rem}.calendar-selector__list-item{position:relative}.calendar-selector__checkbox-card{width:100%}.calendar-selector__checkbox-card .chakra-checkbox-card__label{flex:1;text-align:left}.calendar-selector__item-actions{margin-left:auto}.calendar-selector__menu{position:absolute;top:100%;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:.375rem;padding:.25rem;box-shadow:0 4px 6px -1px #0000001a;z-index:10;min-width:80px}.calendar-selector__menu button{width:100%;justify-content:flex-start}.app-sidebar{width:240px;min-width:180px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-sizing:border-box}.app-sidebar__logo{padding:16px 20px;text-align:center}.app-sidebar__logo-img{height:32px}.app-sidebar__main{flex:1 1 auto;padding:12px}.app-sidebar__list{margin:0 0 12px}.app-sidebar__list-item{margin-bottom:4px;position:relative}.app-sidebar__list-empty{color:#a1a1aa;padding:10px 0;text-align:center}.app-sidebar__checkbox-card{width:100%}.app-sidebar__item-actions{margin-left:auto}.app-sidebar__menu{position:absolute;top:100%;right:0;z-index:10;margin-top:4px;padding:4px;background:#fff;border:1px solid #e4e4e7;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:2px}.app-sidebar__google{margin-top:16px;display:flex;flex-direction:column;gap:8px}.app-sidebar__footer{padding:16px 0;text-align:center;border-top:1px solid #e4e4e7}.app-sidebar__user-email{font-size:13px;margin-bottom:4px}body[data-theme=dark] .app-sidebar,.dark-mode .app-sidebar{background:#18181b;color:#f4f4f5}body[data-theme=dark] .app-sidebar__list-title,body[data-theme=dark] .app-sidebar__list-item,body[data-theme=dark] .app-sidebar__list-empty,body[data-theme=dark] .app-sidebar__user-email,.dark-mode .app-sidebar__list-title,.dark-mode .app-sidebar__list-item,.dark-mode .app-sidebar__list-empty,.dark-mode .app-sidebar__user-email{color:#f4f4f5}body[data-theme=dark] .app-sidebar__menu,.dark-mode .app-sidebar__menu{background:#27272a;border-color:#3f3f46}body[data-theme=dark] .app-sidebar__footer,.dark-mode .app-sidebar__footer{border-top:1px solid #27272a}body[data-theme=dark],.dark-mode{background:#111;color:#f4f4f5}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-form{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);padding:40px 32px 32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.login-form h2{margin-bottom:8px;font-size:2rem;color:var(--accent-color);text-align:center}.login-form input[type=email],.login-form input[type=password]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px 14px;font-size:16px;margin-bottom:2px;width:100%;box-sizing:border-box}.login-form input[type=email]:focus,.login-form input[type=password]:focus{outline:2px solid var(--accent-color);border-color:var(--accent-color)}.login-form .error-message{background:var(--error-color);color:#fff;border:1px solid var(--error-color);border-radius:6px;padding:10px 12px;margin-bottom:4px;font-size:15px;text-align:center}.login-links{margin-top:10px;text-align:center;font-size:15px}.login-links a{color:var(--accent-color);text-decoration:none;font-weight:500}.login-links a:hover{text-decoration:underline}@media (max-width: 600px){.login-form{padding:28px 8px 24px;max-width:98vw}}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.signup-form{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);padding:40px 32px 32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.signup-form h2{margin-bottom:8px;font-size:2rem;color:var(--accent-color);text-align:center}.signup-form input[type=email],.signup-form input[type=password]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px 14px;font-size:16px;margin-bottom:2px;width:100%;box-sizing:border-box}.signup-form input[type=email]:focus,.signup-form input[type=password]:focus{outline:2px solid var(--accent-color);border-color:var(--accent-color)}.signup-form .error-message{background:var(--error-color);color:#fff;border:1px solid var(--error-color);border-radius:6px;padding:10px 12px;margin-bottom:4px;font-size:15px;text-align:center}.signup-links{margin-top:10px;text-align:center;font-size:15px}.signup-links a{color:var(--accent-color);text-decoration:none;font-weight:500}.signup-links a:hover{text-decoration:underline}@media (max-width: 600px){.signup-form{padding:28px 8px 24px;max-width:98vw}}:root{--bg-primary: #f4f4f5;--bg-secondary: white;--bg-tertiary: #fafafa;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--border-color: #e4e4e7;--border-color-strong: #d4d4d8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--accent-color: #2563eb;--accent-hover: #173da6;--error-color: #dc2626;--success-color: #16a34a;--warning-color: #ca8a04}[data-theme=dark]{--bg-primary: #111111;--bg-secondary: #18181b;--bg-tertiary: #27272a;--text-primary: #f4f4f5;--text-secondary: #d4d4d8;--text-muted: #71717a;--border-color: #27272a;--border-color-strong: #3f3f46;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--accent-color: #60a5fa;--accent-hover: #a3cfff;--error-color: #f87171;--success-color: #4ade80;--warning-color: #facc15}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity 1s}.splash-screen.fade-out{opacity:0;pointer-events:none}body{margin:0!important}