html,body{height:100%;margin:0;padding:0}:root{--cal-bg-primary:#fff;--cal-bg-secondary:#f8f9fa;--cal-bg-hover:#f1f3f4;--cal-bg-selected:#e8f0fe;--cal-bg-today:#e8f0fe;--cal-border-color:#dadce0;--cal-border-light:#e8eaed;--cal-text-primary:#3c4043;--cal-text-secondary:#5f6368;--cal-text-muted:#80868b;--cal-text-inverse:#fff;--cal-accent:#1a73e8;--cal-accent-light:#e8f0fe;--cal-accent-hover:#1765cc;--cal-event-default:#039be5;--cal-event-tomato:#d50000;--cal-event-flamingo:#e67c73;--cal-event-tangerine:#f4511e;--cal-event-banana:#f6bf26;--cal-event-sage:#33b679;--cal-event-basil:#0b8043;--cal-event-peacock:#039be5;--cal-event-blueberry:#3f51b5;--cal-event-lavender:#7986cb;--cal-event-grape:#8e24aa;--cal-event-graphite:#616161;--cal-current-time:#ea4335;--cal-shadow-sm:0 1px 2px 0 #3c40431a;--cal-shadow-md:0 1px 3px 0 #3c404326,0 1px 2px 0 #3c40431a;--cal-shadow-lg:0 4px 8px 3px #3c404326,0 1px 3px #3c40431a;--cal-hour-height:48px;--cal-time-column-width:60px;--cal-header-height:60px;--cal-all-day-height:26px;--cal-event-min-height:22px;--cal-font-family:"Google Sans","Roboto",-apple-system,BlinkMacSystemFont,sans-serif;--cal-font-size-xs:10px;--cal-font-size-sm:12px;--cal-font-size-md:14px;--cal-font-size-lg:16px;--cal-font-size-xl:22px;--cal-transition-fast:.1s ease;--cal-transition-normal:.2s ease;--cal-radius-sm:4px;--cal-radius-md:8px;--cal-radius-lg:16px;--cal-radius-full:9999px}.calendar-container{width:100%;height:100%;font-family:var(--cal-font-family);background-color:var(--cal-bg-primary);color:var(--cal-text-primary);user-select:none;border:1px solid var(--cal-border-color);box-shadow:var(--cal-shadow-sm);border-radius:12px;flex-direction:row;display:flex;position:relative;overflow:hidden}.calendar-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.calendar-container--no-border{box-shadow:none;background-color:#0000;border:none;border-radius:0}.calendar-header{border-bottom:1px solid var(--cal-border-color);background-color:var(--cal-bg-primary);height:var(--cal-header-height);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.calendar-header-left{align-items:center;gap:16px;display:flex}.calendar-header-center,.calendar-header-right{align-items:center;gap:8px;display:flex}.calendar-title{font-size:var(--cal-font-size-xl);color:var(--cal-text-primary);white-space:nowrap;font-weight:400}.calendar-nav-btn{border-radius:var(--cal-radius-full);width:36px;height:36px;color:var(--cal-text-secondary);cursor:pointer;transition:background-color var(--cal-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{background-color:var(--cal-bg-hover)}.calendar-nav-btn:active{background-color:var(--cal-bg-selected)}.calendar-today-btn{border:1px solid var(--cal-border-color);border-radius:var(--cal-radius-sm);background:var(--cal-bg-primary);color:var(--cal-text-primary);font-size:var(--cal-font-size-md);cursor:pointer;transition:all var(--cal-transition-fast);padding:8px 16px;font-weight:500}.calendar-today-btn:hover{background-color:var(--cal-bg-hover);border-color:var(--cal-text-muted)}.calendar-view-switcher{border:1px solid var(--cal-border-color);border-radius:var(--cal-radius-sm);display:flex;overflow:hidden}.calendar-view-btn{background:var(--cal-bg-primary);color:var(--cal-text-secondary);font-size:var(--cal-font-size-md);cursor:pointer;transition:all var(--cal-transition-fast);border:none;padding:8px 16px}.calendar-view-btn:not(:last-child){border-right:1px solid var(--cal-border-color)}.calendar-view-btn:hover{background-color:var(--cal-bg-hover)}.calendar-view-btn.active{background-color:var(--cal-accent-light);color:var(--cal-accent);font-weight:500}.calendar-day-headers{border-bottom:1px solid var(--cal-border-color);background-color:var(--cal-bg-primary);flex-shrink:0;display:flex}.calendar-day-header{text-align:center;flex-direction:column;flex:1;align-items:center;padding:8px 0;display:flex}.calendar-day-header-name{font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.calendar-day-header-date{width:46px;height:46px;color:var(--cal-text-primary);border-radius:var(--cal-radius-full);cursor:pointer;transition:background-color var(--cal-transition-fast);justify-content:center;align-items:center;margin-top:4px;font-size:26px;font-weight:400;display:flex}.calendar-day-header-date:hover{background-color:var(--cal-bg-hover)}.calendar-day-header-date.today{background-color:var(--cal-accent);color:var(--cal-text-inverse)}.calendar-day-header-date.today:hover{background-color:var(--cal-accent-hover)}.calendar-time-spacer{width:var(--cal-time-column-width);flex-shrink:0}.calendar-all-day-section{border-bottom:1px solid var(--cal-border-color);background-color:var(--cal-bg-primary);min-height:var(--cal-all-day-height);display:flex}.calendar-all-day-label{width:var(--cal-time-column-width);font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);box-sizing:border-box;flex-shrink:0;justify-content:flex-end;align-items:flex-start;padding:4px 8px 4px 0;display:flex}.calendar-all-day-events{flex:1;display:flex;position:relative}.calendar-all-day-column{min-height:var(--cal-all-day-height);border-left:1px solid var(--cal-border-light);flex-direction:column;flex:1;gap:2px;padding:2px;display:flex}.calendar-all-day-column:first-child{border-left:none}.calendar-all-day-expand{font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);cursor:pointer;transition:color var(--cal-transition-fast);justify-content:center;align-items:center;padding:4px 8px;display:flex}.calendar-all-day-expand:hover{color:var(--cal-accent)}.calendar-time-grid{flex:1;display:flex;position:relative;overflow:hidden auto}.calendar-time-column{width:var(--cal-time-column-width);flex-shrink:0;position:relative}.calendar-time-label{font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);white-space:nowrap;position:absolute;right:8px;transform:translateY(-50%)}.calendar-grid-columns{flex:1;display:flex;position:relative}.calendar-grid-column{border-left:1px solid var(--cal-border-light);flex:1;position:relative}.calendar-grid-column:first-child{border-left:none}.calendar-grid-column.weekend{background-color:var(--cal-bg-secondary)}.calendar-hour-line{border-top:1px solid var(--cal-border-light);position:absolute;left:0;right:0}.calendar-half-hour-line{border-top:1px dashed var(--cal-border-light);position:absolute;left:0;right:0}.calendar-time-slot{cursor:pointer;position:absolute;left:0;right:0}.calendar-time-slot:hover{background-color:var(--cal-bg-hover)}.calendar-time-slot.active{background-color:var(--cal-accent-light)}.calendar-current-time-line{z-index:10;pointer-events:none;align-items:center;display:flex;position:absolute;left:0;right:0}.calendar-current-time-dot{background-color:var(--cal-current-time);border-radius:var(--cal-radius-full);flex-shrink:0;width:12px;height:12px;margin-left:-6px}.calendar-current-time-rule{background-color:var(--cal-current-time);flex:1;height:2px}.calendar-current-time-label{font-size:var(--cal-font-size-xs);color:var(--cal-current-time);background-color:var(--cal-bg-primary);padding:0 4px;font-weight:500;position:absolute;left:-58px}.calendar-event-block{min-height:var(--cal-event-min-height);border-radius:var(--cal-radius-sm);font-size:var(--cal-font-size-sm);cursor:pointer;transition:box-shadow var(--cal-transition-fast);box-sizing:border-box;padding:2px 4px;position:absolute;left:2px;right:2px;overflow:hidden}.calendar-event-block:hover{box-shadow:var(--cal-shadow-md)}.calendar-event-block.dragging{opacity:.8;box-shadow:var(--cal-shadow-lg);z-index:100}.calendar-event-block-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.calendar-event-block-time{font-size:var(--cal-font-size-xs);opacity:.9;white-space:nowrap}.calendar-event-block.tall .calendar-event-block-time{display:block}.calendar-event-block.short .calendar-event-block-time{display:none}.calendar-event-resize-top,.calendar-event-resize-bottom{cursor:ns-resize;height:6px;position:absolute;left:0;right:0}.calendar-event-resize-top{top:0}.calendar-event-resize-bottom{bottom:0}.calendar-event-chip{border-radius:var(--cal-radius-sm);font-size:var(--cal-font-size-sm);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:box-shadow var(--cal-transition-fast);align-items:center;gap:4px;padding:1px 8px;display:flex;overflow:hidden}.calendar-event-chip:hover{box-shadow:var(--cal-shadow-sm)}.calendar-event-chip.all-day{background-color:var(--cal-event-default);color:var(--cal-text-inverse)}.calendar-event-chip.timed{color:var(--cal-text-primary);background-color:#0000}.calendar-event-chip-dot{border-radius:var(--cal-radius-full);flex-shrink:0;width:8px;height:8px}.calendar-event-chip-time{font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);flex-shrink:0}.calendar-event-chip-title{text-overflow:ellipsis;overflow:hidden}.calendar-month-grid{flex-direction:column;flex:1;display:flex;overflow:hidden}.calendar-month-header{border-bottom:1px solid var(--cal-border-color);background-color:var(--cal-bg-primary);display:flex}.calendar-month-header-cell{text-align:center;font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);text-transform:uppercase;flex:1;padding:8px;font-weight:500}.calendar-month-body{flex-direction:column;flex:1;display:flex}.calendar-month-week{border-bottom:1px solid var(--cal-border-light);flex:1;display:flex}.calendar-month-week:last-child{border-bottom:none}.calendar-month-day{border-left:1px solid var(--cal-border-light);flex-direction:column;flex:1;min-height:100px;padding:4px;display:flex;overflow:hidden}.calendar-month-day:first-child{border-left:none}.calendar-month-day.other-month{background-color:var(--cal-bg-secondary)}.calendar-month-day.other-month .calendar-month-day-number{color:var(--cal-text-muted)}.calendar-month-day.weekend{background-color:var(--cal-bg-secondary)}.calendar-month-day-number{width:28px;height:28px;font-size:var(--cal-font-size-sm);color:var(--cal-text-primary);border-radius:var(--cal-radius-full);cursor:pointer;transition:background-color var(--cal-transition-fast);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.calendar-month-day-number:hover{background-color:var(--cal-bg-hover)}.calendar-month-day-number.today{background-color:var(--cal-accent);color:var(--cal-text-inverse)}.calendar-month-day-events{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.calendar-month-more{font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);cursor:pointer;padding:2px 8px}.calendar-month-more:hover{color:var(--cal-accent)}.calendar-schedule-view{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:hidden auto}.calendar-schedule-day-header{border-bottom:1px solid var(--cal-border-light);background-color:var(--cal-bg-primary);z-index:10;align-items:baseline;gap:8px;margin:0;padding:12px 16px 8px;display:flex;position:sticky;top:0}.calendar-schedule-day-header:after{content:"";pointer-events:none;background:linear-gradient(#00000014,#0000);height:4px;position:absolute;bottom:-4px;left:0;right:0}.calendar-schedule-day-header--today .calendar-schedule-day-name{color:var(--cal-accent);font-weight:600}.calendar-schedule-day-name{font-size:var(--cal-font-size-md);color:var(--cal-text-primary);font-weight:500}.calendar-schedule-day-date{font-size:var(--cal-font-size-sm);color:var(--cal-text-secondary)}.calendar-schedule-event{background-color:var(--cal-bg-secondary);border-radius:var(--cal-radius-md);cursor:pointer;transition:background-color var(--cal-transition-fast);align-items:flex-start;gap:12px;margin-bottom:8px;padding:8px 12px;display:flex}.calendar-schedule-day-header:not(:first-child){margin-top:16px}.calendar-schedule-event:hover{background-color:var(--cal-bg-hover)}.calendar-schedule-event-time{min-width:80px;font-size:var(--cal-font-size-sm);color:var(--cal-text-secondary)}.calendar-schedule-event-dot{border-radius:var(--cal-radius-full);flex-shrink:0;width:8px;height:8px;margin-top:6px}.calendar-schedule-event-content{flex:1}.calendar-schedule-event-title{font-size:var(--cal-font-size-md);color:var(--cal-text-primary);font-weight:500}.calendar-schedule-event-details{font-size:var(--cal-font-size-sm);color:var(--cal-text-secondary);margin-top:2px}.calendar-quick-add{background-color:var(--cal-bg-primary);border:2px solid var(--cal-accent);border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow-lg);z-index:50;min-width:200px;padding:8px;position:absolute}.calendar-quick-add-input{width:100%;font-size:var(--cal-font-size-md);font-family:var(--cal-font-family);border:none;outline:none;padding:8px}.calendar-quick-add-input::placeholder{color:var(--cal-text-muted)}.calendar-drag-preview{pointer-events:none;z-index:1000;opacity:.8;position:fixed}.calendar-drop-indicator{background-color:var(--cal-accent);z-index:20;height:2px;position:absolute;left:0;right:0}.calendar-loading{color:var(--cal-text-secondary);flex:1;justify-content:center;align-items:center;display:flex}.calendar-empty{color:var(--cal-text-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.calendar-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.calendar-empty-text{font-size:var(--cal-font-size-md)}@media (width<=768px){:root{--cal-time-column-width:48px;--cal-hour-height:40px}.calendar-header{flex-wrap:wrap;height:auto;padding:8px}.calendar-title{font-size:var(--cal-font-size-lg)}.calendar-view-switcher{order:3;justify-content:center;width:100%;margin-top:8px}.calendar-view-btn{text-align:center;flex:1}.calendar-day-header-date{width:36px;height:36px;font-size:20px}.calendar-time-label{font-size:9px}.calendar-month-day{min-height:80px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.calendar-event-flash{animation:.5s ease-in-out pulse}.calendar-sidebar{border-right:1px solid var(--cal-border-color);background:var(--cal-bg-primary);flex-direction:column;flex-shrink:0;width:240px;display:flex;position:relative;overflow:hidden}.calendar-sidebar-content{flex:1;padding:12px;overflow-y:auto}.calendar-sidebar-divider{background:var(--cal-border-light);height:1px;margin:16px 0}.calendar-sidebar-expand-btn{border:1px solid var(--cal-border-color);background-color:var(--cal-bg-primary);cursor:pointer;z-index:100;width:20px;height:56px;color:var(--cal-text-muted);transition:all var(--cal-transition-fast);border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 3px #00000014}.calendar-sidebar-expand-btn:hover{background-color:var(--cal-accent);border-color:var(--cal-accent);color:var(--cal-text-inverse)}.calendar-sidebar-collapse-btn{border:1px solid var(--cal-border-color);background-color:var(--cal-bg-primary);cursor:pointer;z-index:100;width:20px;height:56px;color:var(--cal-text-muted);transition:all var(--cal-transition-fast);border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:221px;transform:translateY(-50%);box-shadow:-1px 1px 3px #00000014}.calendar-sidebar-collapse-btn:hover{background-color:var(--cal-accent);border-color:var(--cal-accent);color:var(--cal-text-inverse)}.mini-calendar{user-select:none}.mini-calendar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-calendar-title{font-size:var(--cal-font-size-md);color:var(--cal-text-primary);font-weight:500}.mini-calendar-nav-btn{border-radius:var(--cal-radius-full);width:28px;height:28px;color:var(--cal-text-secondary);cursor:pointer;transition:background-color var(--cal-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mini-calendar-nav-btn:hover{background-color:var(--cal-bg-hover)}.mini-calendar-days-header{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.mini-calendar-day-name{font-size:var(--cal-font-size-xs);color:var(--cal-text-secondary);text-align:center;padding:4px 0;font-weight:500}.mini-calendar-grid{flex-direction:column;gap:2px;display:flex}.mini-calendar-week{grid-template-columns:repeat(7,1fr);display:grid}.mini-calendar-day{border-radius:var(--cal-radius-full);width:28px;height:28px;color:var(--cal-text-primary);font-size:var(--cal-font-size-xs);cursor:pointer;transition:all var(--cal-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin:0 auto;display:flex}.mini-calendar-day:hover{background-color:var(--cal-bg-hover)}.mini-calendar-day.other-month{color:var(--cal-text-muted)}.mini-calendar-day.today{background-color:var(--cal-accent);color:var(--cal-text-inverse);font-weight:500}.mini-calendar-day.today:hover{background-color:var(--cal-accent-hover)}.mini-calendar-day.selected{background-color:var(--cal-accent-light);color:var(--cal-accent);font-weight:500}.mini-calendar-day.selected.today{background-color:var(--cal-accent);color:var(--cal-text-inverse)}.mini-calendar-day.in-range{background-color:var(--cal-bg-selected);border-radius:0}.mini-calendar-day.in-range:first-child,.mini-calendar-week .mini-calendar-day.in-range:first-of-type{border-radius:var(--cal-radius-full)0 0 var(--cal-radius-full)}.mini-calendar-day.in-range:last-child,.mini-calendar-week .mini-calendar-day.in-range:last-of-type{border-radius:0 var(--cal-radius-full)var(--cal-radius-full)0}.custom-views-section{margin-top:8px;padding:0 8px}.custom-views-header{border-radius:var(--cal-radius-md);cursor:pointer;width:100%;color:var(--cal-text-secondary);text-transform:uppercase;letter-spacing:.3px;text-align:left;transition:background-color var(--cal-transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.custom-views-header:hover{background-color:var(--cal-bg-secondary)}.custom-views-title{flex:1}.custom-views-chevron{width:20px;height:20px;color:var(--cal-text-muted);transition:transform var(--cal-transition-fast);justify-content:center;align-items:center;display:flex}.custom-views-chevron.expanded{transform:rotate(180deg)}.custom-views-content{padding:4px 0}.custom-view-item{border-radius:var(--cal-radius-md);cursor:pointer;width:100%;color:var(--cal-text-primary);text-align:left;transition:background-color var(--cal-transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:6px 12px;font-size:13px;font-weight:400;display:flex}.custom-view-item:hover{background-color:var(--cal-bg-secondary)}.custom-view-item.selected{background-color:var(--cal-bg-tertiary)}.custom-view-checkbox{box-sizing:border-box;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.custom-view-checkbox svg{color:#fff;opacity:0;width:12px;height:12px;transition:opacity var(--cal-transition-fast)}.custom-view-item.selected .custom-view-checkbox svg,.google-calendar-item.selected .custom-view-checkbox svg,.board-view-item.selected .custom-view-checkbox svg,.board-toggle-btn .custom-view-checkbox svg{opacity:1}.custom-view-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.custom-view-check{width:16px;height:16px;color:var(--cal-accent);flex-shrink:0;margin-left:auto}.custom-views-loading{font-size:var(--cal-font-size-xs);color:var(--cal-text-muted);padding:8px 12px}