.sidebar[data-v-81d4d61a]{width:3rem;background-color:#0a2342;display:flex;flex-direction:column;align-items:center;padding:1rem 0;position:fixed;left:0;top:0;height:100vh;z-index:1000;justify-content:space-between}.sidebar-icons[data-v-81d4d61a]{display:flex;flex-direction:column;gap:1rem;align-items:center}.sidebar-icon[data-v-81d4d61a]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;transition:background-color .2s;cursor:pointer;text-decoration:none}.sidebar-icon[data-v-81d4d61a]:hover,.sidebar-icon.active[data-v-81d4d61a]{background-color:#ffffff1a}.sidebar-icon i[data-v-81d4d61a]{color:#ffffffb3;font-size:1.2rem}.sidebar-icon:hover i[data-v-81d4d61a],.sidebar-icon.active i[data-v-81d4d61a]{color:#fff}.sidebar-bottom[data-v-81d4d61a]{display:flex;flex-direction:column;gap:1rem;align-items:center}.user-avatar[data-v-81d4d61a]{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;cursor:pointer}.user-avatar img[data-v-81d4d61a]{width:100%;height:100%;object-fit:cover}.logout[data-v-81d4d61a]{color:#ffffffb3}.logout[data-v-81d4d61a]:hover{color:#fff;background-color:#ffffff1a}.recurrence-modal[data-v-5b4b2cd7]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10}.recurrence-content[data-v-5b4b2cd7]{background:var(--bg-light);border-radius:8px;padding:24px;max-width:400px;width:90%}.recurrence-content h3[data-v-5b4b2cd7]{margin-bottom:8px;color:var(--text-color)}.recurrence-content p[data-v-5b4b2cd7]{margin-bottom:20px;color:var(--text-light)}.recurrence-buttons[data-v-5b4b2cd7]{display:flex;flex-direction:column;gap:12px}.recurrence-btn[data-v-5b4b2cd7]{padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-light);text-align:left;cursor:pointer;transition:all .2s}.recurrence-btn[data-v-5b4b2cd7]:hover{background:var(--bg-color);border-color:var(--primary-color)}.recurrence-btn span[data-v-5b4b2cd7]{display:block;font-weight:500;color:var(--text-color);margin-bottom:4px}.recurrence-btn small[data-v-5b4b2cd7]{color:var(--text-light);font-size:12px}.cancel-recurrence[data-v-5b4b2cd7]{padding:12px;background:transparent;border:none;color:var(--text-light);cursor:pointer}.error-popup[data-v-5b4b2cd7]{position:fixed;top:20px;right:20px;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;z-index:1002;animation:slideIn-5b4b2cd7 .3s ease-out}.error-content[data-v-5b4b2cd7]{display:flex;align-items:center;gap:12px}.error-icon svg[data-v-5b4b2cd7]{color:#ef4444}.error-message[data-v-5b4b2cd7]{color:#7f1d1d;font-weight:500}@keyframes slideIn-5b4b2cd7{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.reminder-notification[data-v-23fafaa8]{position:fixed;top:20px;right:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;width:320px;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.reminder-notification.show[data-v-23fafaa8]{opacity:1;transform:translateY(0)}.reminder-content[data-v-23fafaa8]{padding:16px}.reminder-header[data-v-23fafaa8]{display:flex;align-items:center;margin-bottom:12px;color:var(--primary-color)}.reminder-header svg[data-v-23fafaa8]{width:20px;height:20px;margin-right:8px}.reminder-header h3[data-v-23fafaa8]{font-size:18px;margin:0;flex-grow:1}.close-reminder[data-v-23fafaa8]{background:none;border:none;cursor:pointer;padding:0}.close-reminder svg[data-v-23fafaa8]{width:16px;height:16px}.reminder-body h4[data-v-23fafaa8]{margin:0 0 8px;font-size:16px}.reminder-time[data-v-23fafaa8],.reminder-location[data-v-23fafaa8]{font-size:14px;color:#777;margin:4px 0}.reminder-actions[data-v-23fafaa8]{display:flex;justify-content:flex-end;margin-top:16px}.snooze-btn[data-v-23fafaa8],.view-event-btn[data-v-23fafaa8]{background-color:var(--primary-color);color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px;transition:background-color .2s ease}.snooze-btn[data-v-23fafaa8]:hover,.view-event-btn[data-v-23fafaa8]:hover{background-color:var(--primary-color-dark)}.snooze-btn[data-v-23fafaa8]{margin-right:8px;background-color:#6c757d}.snooze-btn[data-v-23fafaa8]:hover{background-color:#5a6268}.reminder-message[data-v-23fafaa8]{font-size:12px;color:var(--primary-color);font-weight:500;margin-top:8px;padding:4px 8px;background:var(--primary-color-light);border-radius:4px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--primary-color: #00a3ff;--secondary-color: #ff7a00;--accent-color: #f89321;--text-color: #333;--text-light: #6c757d;--bg-color: #f8f9fa;--bg-light: #ffffff;--border-color: #e0e0e0;--blue-event: #e6f7ff;--blue-border: #0ea5e9;--orange-event: #fff4e6;--orange-border: #ff7a00;--green-event: #e6fcf5;--green-border: #12b886;--purple-event: #f3e8ff;--purple-border: #9333ea;--red-event: #fee2e2;--red-border: #ef4444;--shadow-color: rgba(0, 0, 0, .1);--sidebar-bg: #0a1e3c;--search-bg: #eff3f9;--search-shadow: #868686;--transition-speed: .2s;--time-cell-transition: height .3s ease}[data-theme=dark]{--text-color: #e0e0e0;--text-light: #adb5bd;--bg-color: #121212;--bg-light: #1e1e1e;--border-color: #333;--blue-event: #0c4a6e;--blue-border: #0ea5e9;--orange-event: #7a2e00;--orange-border: #ff7a00;--green-event: #064e3b;--green-border: #10b981;--purple-event: #5b21b6;--purple-border: #a855f7;--red-event: #7f1d1d;--red-border: #ef4444;--shadow-color: rgba(0, 0, 0, .3);--sidebar-bg: #000;--search-bg: #333;--search-shadow: #000}body{background-color:#051440;color:var(--text-color);font-size:14px;line-height:1.5;transition:background-color var(--transition-speed),color var(--transition-speed)}button{cursor:pointer;border:none;background:none;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-color)}input,textarea,select{font-size:14px;border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;outline:none;background-color:var(--bg-light);color:var(--text-color);transition:border-color var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed)}input:focus,textarea:focus,select:focus{border-color:var(--primary-color)}svg{color:var(--text-color);transition:color var(--transition-speed)}.app-container{display:flex;height:100vh;overflow:hidden;margin-left:3rem}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition-speed),visibility var(--transition-speed)}.sidebar-overlay.show{opacity:1;visibility:visible}.right-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:var(--bg-light);border-left:1px solid var(--border-color);box-shadow:-4px 0 12px var(--shadow-color);z-index:1000;transition:right var(--transition-speed),background-color var(--transition-speed);overflow-y:auto;display:flex;flex-direction:column}.right-sidebar.show{right:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-light);position:sticky;top:0;z-index:10}.sidebar-header h3{font-size:18px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:8px}.close-btn{width:32px;height:32px;border-radius:50%;background:transparent;color:var(--text-light);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:var(--bg-color);color:var(--text-color)}.sidebar-content{flex:1;padding:24px;overflow-y:auto}.notification-panel .empty-state{text-align:center;padding:40px 20px;color:var(--text-light)}.notification-panel .empty-state svg{margin-bottom:16px;opacity:.5}.notification-panel .empty-state h4{margin-bottom:8px;color:var(--text-color)}.notification-list{display:flex;flex-direction:column;gap:1px}.notification-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:8px}.notification-item:hover{background:var(--bg-color);border-color:var(--primary-color)}.notification-content{flex:1}.notification-title{font-weight:500;color:var(--text-color);margin-bottom:4px}.notification-time{font-size:12px;color:var(--text-light)}.dismiss-notification{width:24px;height:24px;border-radius:50%;background:transparent;color:var(--text-light);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-left:12px}.dismiss-notification:hover{background:var(--red-event);color:var(--red-border)}.settings-section{margin-bottom:32px}.settings-section h4{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-label{font-size:14px;color:var(--text-color);font-weight:500}.setting-control,.working-hours{display:flex;align-items:center;gap:8px}.working-hours span{color:var(--text-light);font-size:14px}.help-content{display:flex;flex-direction:column;gap:24px}.help-section{display:flex;flex-direction:column;gap:12px}.help-section h4{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.help-section ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.help-section li{padding:8px 12px;background:var(--bg-color);border-radius:6px;color:var(--text-color);font-size:14px;line-height:1.4}.help-section strong{color:var(--primary-color);font-weight:600}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{height:60px;background-color:var(--bg-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);border-left:1px solid var(--border-color);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.header-left{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;width:2rem;height:2rem;margin-right:.5rem}.brand{font-family:sans-serif;font-size:20px;font-weight:600}.brand-name{color:var(--primary-color)}.brand-highlight{color:var(--secondary-color)}.header-center{flex:1;display:flex;justify-content:center;position:relative;font-size:1.2rem}.search-bar{background-color:#f3f4f6;border-radius:7px;display:flex;align-items:center;padding:0 15px;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed),width .3s cubic-bezier(.4,0,.2,1);margin-left:auto;box-sizing:border-box;cursor:pointer;width:300px;max-width:100%;height:35px;border:1px solid #b6e3fa;margin-right:1%}.search-bar:focus-within,.search-bar.expanded{width:800px;box-shadow:0 2px 8px var(--shadow-color)}.search-bar:active,.search-bar:focus-within{background-color:#f3f4f6}.search-bar input{flex:1;border:none;background:transparent;outline:none;color:var(--text-color)}.search-results{position:absolute;top:100%;left:50%;transform:translate(-50%);width:349px;max-height:300px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px var(--shadow-color);z-index:100;overflow-y:auto;display:none}.search-results.show{display:block}.search-result-item{padding:8px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-speed)}.search-result-item:hover{background-color:var(--bg-color)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-weight:500;margin-bottom:4px}.search-result-date{font-size:12px;color:var(--text-light)}.search-result-location{font-size:11px;color:var(--text-light);margin-top:2px}.header-right{display:flex;align-items:center;gap:16px}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-light);transition:background-color var(--transition-speed),color var(--transition-speed)}.icon-btn:hover{background-color:var(--bg-color)}.notification-btn{position:relative}.notification-badge{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background-color:var(--secondary-color);color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center}.toolbar{height:50px;background-color:var(--bg-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);border-left:1px solid var(--border-color);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.toolbar-left{display:flex;align-items:center}.new-event-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;margin-right:20px;transition:background-color var(--transition-speed)}.new-event-btn:hover{background-color:#0284c7}.new-event-btn svg{color:#fff}.view-toggles{display:flex;align-items:center;gap:8px}.view-toggle{width:120px;height:35px;border-radius:5px;color:var(--text-color);font-weight:500;transition:background-color var(--transition-speed),color var(--transition-speed)}.view-toggle:hover{background-color:var(--bg-color)}.view-toggle.active{background-color:var(--primary-color);color:#fff}.view-toggle.active svg{color:#fff}.meet-now-btn{width:140px;height:35px;border-radius:5px;color:var(--text-color);font-weight:500;background-color:var(--bg-light);border:1px solid var(--border-color);margin-left:12px;transition:background-color var(--transition-speed),color var(--transition-speed)}.meet-now-btn:hover{background-color:var(--bg-color)}.toolbar-right{display:flex;align-items:center;gap:16px}.time-scale-dropdown select{width:100px;height:35px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:5px;padding:0 10px;color:var(--text-color);font-weight:500;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.filter-dropdown{position:relative}.filter-btn{width:120px;height:35px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-weight:500;transition:background-color var(--transition-speed)}.filter-btn:hover{background-color:var(--bg-color)}.filter-menu{position:absolute;top:100%;right:0;width:250px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px var(--shadow-color);z-index:100;padding:12px;display:none}.filter-menu.show{display:block}.filter-section{margin-bottom:12px}.filter-section h4{margin-bottom:8px;font-size:14px;color:var(--text-color)}.filter-item{display:flex;align-items:center;gap:8px;padding:6px 0}.mini-calendar-toggle{width:35px;height:35px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed)}.mini-calendar-toggle:hover{background-color:var(--bg-color)}.color-dot{width:12px;height:12px;border-radius:50%}.color-dot.blue{background-color:var(--blue-border)}.color-dot.orange{background-color:var(--orange-border)}.color-dot.green{background-color:var(--green-border)}.color-dot.purple{background-color:var(--purple-border)}.color-dot.red{background-color:var(--red-border)}.theme-toggle{position:relative;width:40px;height:20px}.theme-toggle input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);border-radius:10px;transition:background-color var(--transition-speed);display:flex;align-items:center;justify-content:space-between;padding:0 4px}.toggle-label:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform var(--transition-speed);z-index:2}.theme-toggle input:checked+.toggle-label{background-color:var(--primary-color)}.theme-toggle input:checked+.toggle-label:before{transform:translate(20px)}.sun-icon,.moon-icon{width:12px;height:12px;color:var(--text-color)}.theme-toggle input:checked+.toggle-label .sun-icon{opacity:0}.theme-toggle input:not(:checked)+.toggle-label .moon-icon{opacity:0}.date-controls{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--bg-light);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);border-left:1px solid var(--border-color);transition:background-color var(--transition-speed),border-color var(--transition-speed)}.date-controls-left{display:flex;align-items:center;gap:16px}.today-btn{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:10px;padding:6px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;margin-right:20px;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.today-btn:hover{background-color:var(--bg-color)}.date-nav{display:flex;align-items:center;gap:20px}.date-nav-btn{width:30px;height:30px;border-radius:50%;border:none;background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color var(--transition-speed)}.date-nav-btn:hover{background-color:var(--bg-color)}.current-date{display:flex;align-items:center;gap:8px}.month-year{color:var(--primary-color);font-size:18px;font-weight:600}.calendar-container{flex:1;display:flex;overflow:hidden;background-color:var(--bg-light);transition:background-color var(--transition-speed)}.calendar-view,.calendar-grid{flex:1;display:flex;flex-direction:column;overflow:hidden}.weekday-header{display:flex;height:40px;border-bottom:1px solid var(--border-color);transition:border-color var(--transition-speed)}.week-number-header{width:62px;display:inline-block;align-items:center;font-size:12px;font-weight:500;color:var(--text-light);border-right:1px solid var(--border-color);border-top:1px solid var(--border-color);text-transform:rotate(90deg);transform-origin:left-top;white-space:nowrap;transition:border-color var(--transition-speed),color var(--transition-speed)}.weekday{flex:1;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--text-color);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);transition:border-color var(--transition-speed),color var(--transition-speed)}.calendar-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.calendar-row{display:flex;flex:1;border-bottom:1px solid var(--border-color);transition:border-color var(--transition-speed)}.week-number{width:62px;display:flex;align-items:column;justify-content:center;font-weight:500;color:var(--text-light);border-right:1px solid var(--border-color);transition:border-color var(--transition-speed),color var(--transition-speed)}.calendar-cell{flex:1;border-right:1px solid var(--border-color);padding:8px;position:relative;transition:background-color var(--transition-speed),border-color var(--transition-speed);cursor:pointer}.calendar-cell:hover{background-color:var(--bg-color)}.calendar-cell:last-child{border-right:1px solid var(--border-color)}.date-number{font-size:16px;font-weight:500;color:var(--text-color);margin-bottom:8px;transition:color var(--transition-speed)}.date-number.other-month{color:var(--text-light);font-size:16px}.date-number.today{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px;background-color:var(--primary-color);color:#fff;border-radius:50%}.event{margin-bottom:4px;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.event:hover{transform:translateY(-2px);box-shadow:0 2px 4px var(--shadow-color)}.event.blue{background-color:var(--blue-event);border-left:3px solid var(--blue-border);color:var(--blue-border)}.event.orange{background-color:var(--orange-event);border-left:3px solid var(--orange-border);color:var(--orange-border)}.event.green{background-color:var(--green-event);border-left:3px solid var(--green-border);color:var(--green-border)}.event.purple{background-color:var(--purple-event);border-left:3px solid var(--purple-border);color:var(--purple-border)}.event.red{background-color:var(--red-event);border-left:3px solid var(--red-border);color:var(--red-border)}.week-view{flex-direction:column;overflow:auto}.week-header{display:flex;height:40px;border-bottom:1px solid var(--border-color)}.time-column-header{width:60px;border-right:1px solid var(--border-color)}.day-column-header{flex:1;display:flex;align-items:center;justify-content:center;font-weight:500;border-right:1px solid var(--border-color);transition:background-color var(--transition-speed)}.day-column-header.today{background-color:var(--blue-event);color:var(--blue-border)}.week-body{flex:1;display:flex;overflow-y:auto}.time-slots{width:60px;border-right:1px solid var(--border-color)}.time-slot{display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-size:12px;color:var(--text-color);border-bottom:1px solid var(--border-color);transition:var(--time-cell-transition);height:auto}.time-slot.working-hours{background-color:var(--bg-light)}.time-slot.non-working-hours{background-color:var(--bg-color)}.time-scale-transition{transition:var(--time-cell-transition)}.time-cell{border-bottom:1px solid var(--border-color);position:relative;transition:var(--time-cell-transition);height:40px;cursor:pointer}.time-cell:hover{background-color:#00a3ff1a}.time-cell.working-hours{background-color:var(--bg-light)}.time-cell.non-working-hours{background-color:var(--bg-color);opacity:.7}.week-grid{flex:1;display:flex;position:relative}.day-column{flex:1;border-right:1px solid var(--border-color);position:relative;height:100%;min-height:0}.day-column:last-child{border-right:none}.day-column.today{background-color:#0ea5e90d}.week-event{position:absolute;left:4px;right:4px;border-radius:4px;padding:4px 8px;font-size:12px;overflow:hidden;cursor:pointer;z-index:10;transition:transform var(--transition-speed),box-shadow var(--transition-speed),top var(--time-cell-transition),height var(--time-cell-transition)}.week-event:hover{transform:translateY(-2px);box-shadow:0 2px 4px var(--shadow-color)}.week-event.blue{background-color:var(--blue-event);border-left:3px solid var(--blue-border);color:var(--blue-border)}.week-event.orange{background-color:var(--orange-event);border-left:3px solid var(--orange-border);color:var(--orange-border)}.week-event.green{background-color:var(--green-event);border-left:3px solid var(--green-border);color:var(--green-border)}.week-event.purple{background-color:var(--purple-event);border-left:3px solid var(--purple-border);color:var(--purple-border)}.week-event.red{background-color:var(--red-event);border-left:3px solid var(--red-border);color:var(--red-border)}.week-event-title{font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-event-time{font-size:10px;opacity:.8}.day-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.day-header{display:flex;height:40px;border-bottom:1px solid var(--border-color)}.day-body{flex:1;display:flex;overflow-y:auto}.day-events{flex:1;position:relative}.day-event{position:absolute;left:4px;right:4px;border-radius:4px;padding:4px 8px;font-size:12px;overflow:hidden;cursor:pointer;z-index:10;transition:transform var(--transition-speed),box-shadow var(--transition-speed),top var(--time-cell-transition),height var(--time-cell-transition)}.day-event:hover{transform:translateY(-2px);box-shadow:0 2px 4px var(--shadow-color)}.day-event.blue{background-color:var(--blue-event);border-left:3px solid var(--blue-border);color:var(--blue-border)}.day-event.orange{background-color:var(--orange-event);border-left:3px solid var(--orange-border);color:var(--orange-border)}.day-event.green{background-color:var(--green-event);border-left:3px solid var(--green-border);color:var(--green-border)}.day-event.purple{background-color:var(--purple-event);border-left:3px solid var(--purple-border);color:var(--purple-border)}.day-event.red{background-color:var(--red-event);border-left:3px solid var(--red-border);color:var(--red-border)}.day-event-title{font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-event-time{font-size:10px;opacity:.8}.current-time-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--secondary-color);z-index:20;pointer-events:none}.current-time-indicator:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;background-color:var(--secondary-color);border-radius:50%}.mini-calendar{width:280px;background-color:var(--bg-light);border-left:1px solid var(--border-color);display:flex;flex-direction:column;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.mini-calendar-header{padding:16px;border-bottom:1px solid var(--border-color)}.mini-month-nav{display:flex;align-items:center;justify-content:space-between}.mini-nav-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed)}.mini-nav-btn:hover{background-color:var(--bg-color)}.mini-month{font-weight:600;color:var(--text-color)}.mini-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:8px 16px;font-size:12px;font-weight:500;color:var(--text-light)}.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:0 16px}.mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border-radius:4px;transition:background-color var(--transition-speed),color var(--transition-speed)}.mini-day:hover{background-color:var(--bg-color)}.mini-day.other-month{color:var(--text-light)}.mini-day.today{background-color:var(--primary-color);color:#fff}.mini-day.selected{background-color:var(--secondary-color);color:#fff}.mini-day.has-events{position:relative}.mini-day.has-events:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--primary-color);border-radius:50%}.mini-day.today.has-events:after{background-color:#fff}.horizontal-line{height:1px;background-color:var(--border-color);margin:16px}.mini-calendar-footer{padding:16px;flex:1;display:flex;flex-direction:column;gap:16px}.calendar-categories{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;transition:opacity var(--transition-speed)}.category-item:hover{opacity:.8}.add-calendar-btn{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;font-size:12px;color:var(--text-color);transition:background-color var(--transition-speed)}.add-calendar-btn:hover{background-color:var(--border-color)}.context-menu{position:fixed;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);z-index:1000;min-width:150px;padding:4px 0}.context-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-color);transition:background-color var(--transition-speed)}.context-menu-item:hover{background-color:var(--bg-color)}.context-menu-item.delete{color:var(--red-border)}.context-menu-item.delete:hover{background-color:var(--red-event)}.context-menu-separator{height:1px;background-color:var(--border-color);margin:4px 0}.reminder-notification{position:fixed;top:20px;right:20px;width:350px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);z-index:1001;transform:translate(100%);transition:transform var(--transition-speed)}.reminder-notification.show{transform:translate(0)}.reminder-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--primary-color);color:#fff;border-radius:8px 8px 0 0}.reminder-header h3{flex:1;font-size:14px;font-weight:600}.reminder-header svg{color:#fff}.close-reminder{background:none;border:none;color:#fff;cursor:pointer;padding:2px;border-radius:4px;transition:background-color var(--transition-speed)}.close-reminder:hover{background-color:#fff3}.reminder-body{padding:16px}.reminder-body h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-color)}.reminder-time{font-size:14px;color:var(--text-light);margin-bottom:4px}.reminder-location{font-size:14px;color:var(--text-light)}.reminder-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color)}.snooze-btn,.view-event-btn{flex:1;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;transition:background-color var(--transition-speed)}.snooze-btn{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.snooze-btn:hover{background-color:var(--border-color)}.view-event-btn{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.view-event-btn:hover{background-color:#0284c7}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-speed),visibility var(--transition-speed)}.modal.show{opacity:1;visibility:visible}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-light);border-radius:8px;box-shadow:0 4px 24px #0003;width:100%;max-width:600px;max-height:90vh;transition:opacity var(--transition-speed),background-color var(--transition-speed);opacity:1;pointer-events:auto;z-index:1001;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-color)}.modal-actions{display:flex;align-items:center;gap:12px}.cancel-btn,.discard-btn,.save-btn,.close-btn,.expand-btn{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;transition:background-color var(--transition-speed)}.cancel-btn{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.cancel-btn:hover{background-color:var(--border-color)}.discard-btn{background-color:var(--red-event);color:var(--red-border);border:1px solid var(--red-border)}.discard-btn:hover{background-color:var(--red-border);color:#fff}.save-btn{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.save-btn:hover{background-color:#0284c7}.close-btn,.expand-btn{background-color:transparent;color:var(--text-light);border:none;padding:4px}.close-btn:hover,.expand-btn:hover{color:var(--text-color)}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.more-options-btn{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color var(--transition-speed)}.more-options-btn:hover{background-color:var(--border-color)}.form-group{display:flex;align-items:center;gap:12px;margin-bottom:16px}.form-group.additional-field{display:none}.additional-options .form-group.additional-field{display:flex}.icon-label{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-light)}.form-control{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);color:var(--text-color);font-size:14px}.form-control:focus{border-color:var(--primary-color);outline:none}.textarea{min-height:80px;resize:vertical}.date-time-group{flex-direction:column;align-items:flex-start}.date-time-controls{display:flex;align-items:center;gap:8px;width:100%;margin-left:32px}.date-input,.time-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);color:var(--text-color);font-size:14px}.recurrence-container{flex:1;display:flex;flex-direction:column;gap:8px}.recurrence-options{display:flex;flex-wrap:wrap;gap:8px}.recurrence-option{padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);color:var(--text-color);font-size:12px;cursor:pointer;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.recurrence-option:hover{background-color:var(--bg-color)}.recurrence-option.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.custom-recurrence{display:flex;align-items:center;gap:8px;margin-top:8px}.custom-recurrence input,.custom-recurrence select{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);color:var(--text-color);font-size:12px}.toggle-switch{display:flex;align-items:center;gap:8px}.toggle-switch input[type=checkbox]{position:relative;width:40px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--border-color);border-radius:10px;cursor:pointer;transition:background-color var(--transition-speed)}.toggle-switch input[type=checkbox]:checked{background-color:var(--primary-color)}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform var(--transition-speed)}.toggle-switch input[type=checkbox]:checked:before{transform:translate(20px)}.toggle-switch span{font-size:14px;color:var(--text-color)}.invite-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:12px;cursor:pointer;transition:background-color var(--transition-speed)}.invite-btn:hover{background-color:#0284c7}.attendees-list{display:flex;flex-wrap:wrap;gap:8px;margin-left:32px;margin-bottom:16px}.attendee-chip{display:flex;align-items:center;gap:8px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:4px 12px;font-size:12px}.attendee-avatar{width:20px;height:20px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.remove-attendee{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.remove-attendee:hover{color:var(--red-border)}.color-selector{display:flex;gap:8px;margin-left:32px}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-speed)}.color-option:hover{border-color:var(--text-light)}.color-option.selected{border-color:var(--text-color)}.color-option.blue{background-color:var(--blue-border)}.color-option.orange{background-color:var(--orange-border)}.color-option.green{background-color:var(--green-border)}.color-option.purple{background-color:var(--purple-border)}.color-option.red{background-color:var(--red-border)}.meeting-link-container{display:flex;align-items:center;gap:8px;flex:1;margin-left:32px}.generate-link-btn,.copy-link-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:12px;cursor:pointer;transition:background-color var(--transition-speed)}.generate-link-btn:hover,.copy-link-btn:hover{background-color:#0284c7}@media (max-width: 768px){.app-container{margin-left:0}.header-center{display:none}.search-bar{width:200px}.search-bar:focus-within{width:300px}.toolbar-left{flex-wrap:wrap;gap:8px}.view-toggles{gap:4px}.view-toggle{width:80px;font-size:12px}.mini-calendar{display:none}.right-sidebar{width:100%;right:-100%}.modal-content{width:95%;max-width:none;margin:20px}.date-time-controls{flex-wrap:wrap;gap:8px}.attendees-list,.color-selector{margin-left:0}.meeting-link-container{margin-left:0;flex-wrap:wrap}}@media (max-width: 480px){.header,.toolbar,.date-controls{padding:0 12px}.new-event-btn{padding:6px 12px;font-size:12px}.view-toggle{width:60px;height:30px;font-size:11px}.today-btn{padding:4px 8px;font-size:12px}.modal-content{margin:10px}.modal-header,.modal-body,.modal-footer{padding:16px}.form-group{flex-direction:column;align-items:flex-start;gap:8px}.date-time-controls{margin-left:0}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-speed)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-speed)}.slide-enter-from{transform:translate(100%)}.slide-leave-to{transform:translate(-100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}@media print{.header,.toolbar,.mini-calendar,.right-sidebar{display:none!important}.calendar-container{height:auto!important}.event{break-inside:avoid}}