:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-hover: #dee2e6;--bg-active: #ced4da;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #dee2e6;--border-color-strong: #ced4da;--border-color-light: #f1f3f4;--primary-color: #007bff;--primary-hover: #0056b3;--primary-active: #004085;--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--shadow-color: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15);--calendar-bg: transparent;--calendar-header-bg: var(--bg-secondary);--calendar-day-bg: var(--bg-primary);--calendar-today-bg: rgba(0, 123, 255, .1);--calendar-event-bg: var(--primary-color);--calendar-event-text: #ffffff}:root[data-theme=black]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: #333333;--bg-active: #404040;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--border-color: #404040;--border-color-strong: #555555;--border-color-light: #333333;--primary-color: #007bff;--primary-hover: #0056b3;--primary-active: #004085;--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--shadow-color: rgba(255, 255, 255, .1);--shadow-hover: rgba(255, 255, 255, .15);--calendar-bg: transparent;--calendar-header-bg: var(--bg-secondary);--calendar-day-bg: var(--bg-primary);--calendar-today-bg: rgba(0, 123, 255, .2);--calendar-event-bg: var(--primary-color);--calendar-event-text: #ffffff}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--primary-color);background-color:var(--bg-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:var(--text-primary);background-color:var(--bg-primary)}a:hover{color:var(--primary-hover)}button{background-color:var(--bg-tertiary)}}.confirm-dialog-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--border-color);min-width:400px;max-width:500px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.confirm-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.confirm-dialog-body{padding:1.5rem}.confirm-dialog-body p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.confirm-dialog-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.confirm-dialog-button{padding:.65rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.confirm-dialog-button.cancel{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.confirm-dialog-button.cancel:hover{background-color:var(--bg-hover);border-color:var(--border-color-strong);color:var(--text-primary);transform:translateY(-1px)}.confirm-dialog-button.confirm{background-color:var(--primary-color);color:var(--calendar-event-text);border:1px solid var(--primary-color);box-shadow:0 2px 8px var(--shadow-color)}.confirm-dialog-button.confirm:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-hover)}.confirm-dialog-button.confirm:active{transform:translateY(0)}.confirm-dialog-button.confirm.danger{background-color:var(--error-color);border-color:var(--error-color)}.confirm-dialog-button.confirm.danger:hover{background-color:#c82333;border-color:#c82333;box-shadow:0 4px 12px var(--shadow-hover)}.confirm-dialog-button.confirm.warning{background-color:var(--warning-color);border-color:var(--warning-color)}.confirm-dialog-button.confirm.warning:hover{background-color:#e0a800;border-color:#e0a800;box-shadow:0 4px 12px var(--shadow-hover)}.confirm-dialog-button.confirm.info{background-color:var(--primary-color);border-color:var(--primary-color)}.confirm-dialog-button.confirm.info:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px var(--shadow-hover)}@media(max-width:600px){.confirm-dialog{min-width:auto;width:calc(100vw - 2rem);margin:1rem}}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background-color:var(--bg-primary);box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--border-color);animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1);min-width:300px;max-width:500px;color:var(--text-primary);font-size:14px;line-height:1.5;position:relative}.toast.toast-removing{animation:toastSlideOut .2s cubic-bezier(.5,0,.75,0) forwards}@keyframes toastSlideIn{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.9);opacity:0}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.toast-success .toast-icon{color:var(--success-color)}.toast-error .toast-icon{color:var(--error-color)}.toast-warning .toast-icon{color:var(--warning-color)}.toast-info .toast-icon{color:var(--primary-color)}.toast-message{flex:1;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toast-close:active{transform:scale(.95)}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.event-detail-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.event-detail-dialog{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px var(--shadow-color);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);padding:0}.event-detail-dialog-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.event-detail-dialog-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.event-detail-dialog-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s}.event-detail-dialog-close:hover{color:var(--text-primary);background-color:var(--bg-hover)}.event-detail-dialog-body{padding:20px 24px}.event-detail-field{margin-bottom:16px}.event-detail-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:6px}.event-detail-input,.event-detail-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;box-sizing:border-box;background-color:var(--bg-tertiary);color:var(--text-primary);transition:border-color .3s}.event-detail-input:focus,.event-detail-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.event-detail-textarea{resize:vertical;font-family:inherit}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;box-sizing:border-box;background-color:var(--bg-tertiary);color:var(--text-primary);transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.event-detail-dialog-footer{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.event-detail-dialog-button{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid var(--border-color);transition:all .2s;background:var(--bg-primary);color:var(--text-primary)}.event-detail-dialog-button:hover{background-color:var(--bg-hover);border-color:var(--border-color-strong)}.event-detail-dialog-button.primary{background-color:var(--primary-color);color:var(--calendar-event-text);border-color:var(--primary-color)}.event-detail-dialog-button.danger{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.event-detail-dialog-button.danger:hover{background-color:#c82333;border-color:#bd2130}.event-detail-dialog-button:disabled{opacity:.6;cursor:not-allowed}.tag-input-container{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-tertiary);min-height:40px;align-items:center;transition:border-color .3s}.tag-input-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--primary-color);color:#fff;border-radius:12px;font-size:13px;font-weight:500;white-space:nowrap}.tag-remove-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin-left:2px;cursor:pointer;color:#fff;opacity:.8;transition:opacity .2s;width:16px;height:16px}.tag-remove-btn:hover{opacity:1}.tag-remove-btn svg{display:block}.tag-input-field{flex:1;min-width:120px;border:none;background:transparent;padding:4px;font-size:14px;color:var(--text-primary);outline:none}.tag-input-field::placeholder{color:var(--text-muted)}.form-item{width:100%}.inline{display:flex;width:100%;justify-content:space-between}.event-detail-datetime{display:flex;gap:8px}.event-detail-datetime .event-detail-input{flex:1}.event-detail-color-input{width:41px;height:41px;border:0px;border-radius:4px;cursor:pointer;padding:0;background-color:inherit;margin-top:-3px}.event-panel{position:relative;width:300px;min-width:300px;height:100%;background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease,min-width .3s ease,margin-left .3s ease,background-color .3s,border-color .3s;flex-shrink:0}.event-panel.collapsed{width:20px;min-width:20px;border-right:none;margin-left:0}.event-panel.expanded{width:300px;min-width:300px}.event-panel-toggle{position:absolute;left:280px;top:50%;transform:translateY(-50%);z-index:100;width:20px;height:100vh;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:left .3s ease,background-color .3s;padding:0;color:var(--text-primary)}.event-panel-toggle:hover{background-color:var(--bg-hover)}.event-panel-toggle.collapsed{left:0}@media(max-width:768px){.event-panel{position:fixed;left:0;top:0;width:280px;min-width:280px;max-width:80vw;box-shadow:2px 0 12px var(--shadow-color);z-index:1000}.event-panel.collapsed{width:20px;min-width:20px;box-shadow:none}.event-panel-toggle{left:280px}.event-panel-toggle.collapsed{left:0}}.event-panel-header{padding:6px 26px 6px 6px;border-bottom:1px solid var(--border-color)}.event-panel-header h2{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--text-primary)}.event-panel-search{position:relative;margin-bottom:12px}.event-panel-search input{width:90%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:var(--bg-tertiary);color:var(--text-primary);transition:border-color .3s}.event-panel-search input:focus{outline:none;border-color:var(--primary-color)}.event-panel-search input::placeholder{color:var(--text-muted)}.event-panel-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:4px 12px;border:1px solid var(--border-color);border-radius:16px;font-size:12px;background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-chip:hover{background-color:var(--bg-hover)}.filter-chip.active{background-color:var(--primary-color);color:var(--calendar-event-text);border-color:var(--primary-color)}.event-panel-body{flex:1;overflow-y:auto;padding:6px 26px 6px 6px}.event-panel-section{margin-bottom:24px}.event-panel-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.event-template{position:relative;padding:12px;margin-bottom:8px;border-radius:6px;cursor:move;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;background-color:var(--template-bg-color);color:var(--template-text-color);border-left:4px solid var(--template-border-color)}.event-template:hover{transform:translate(4px);box-shadow:0 2px 8px var(--shadow-color)}.event-template:active{cursor:grabbing}.event-template.hidden{display:none}.event-template-title{font-weight:600;font-size:14px;margin-bottom:4px}.event-template-info{font-size:12px;opacity:.9;display:flex;align-items:center;gap:8px}.event-template-duration{display:flex;align-items:center;gap:4px}.event-template-type{padding:2px 6px;border-radius:3px;background-color:var(--bg-secondary);font-size:11px}.event-panel-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:14px}.event-panel-body::-webkit-scrollbar{width:8px}.event-panel-body::-webkit-scrollbar-track{background:var(--bg-tertiary)}.event-panel-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.event-panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.add-event-button{width:100%;padding:10px 6px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:6px;transition:background-color .3s}.add-event-button:hover{background-color:var(--primary-hover)}.fc-event-mirror{opacity:.75;z-index:9999}.event-template-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.event-template:hover .event-template-actions{opacity:1}.event-template-action-btn{background:#0009;border:none;border-radius:4px;padding:4px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s;width:24px;height:24px}.event-template-action-btn:hover{background:#000c;transform:scale(1.1)}.event-template-action-btn:active{transform:scale(.95)}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:0}.fc-direction-ltr .fc-timegrid-slot-label-frame{text-align:center}.calendar-wrapper{position:relative;width:100%;height:100%;display:flex;overflow:hidden;background-color:var(--bg-primary)}.calendar-container{flex:1;height:100%;padding:0;background-color:var(--calendar-bg);border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.calendar-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-primary);font-size:16px;background-color:var(--bg-primary)}.fc{font-family:inherit;color:var(--text-primary);height:100%;background-color:var(--calendar-bg);overflow:hidden}.fc-view-harness{flex:1;overflow:hidden;display:flex;flex-direction:column}.fc-view-harness-active>.fc-view{overflow:hidden;flex:1;display:flex;flex-direction:column}.fc-timegrid,.fc-timegrid-body{flex:1}.fc .fc-timegrid-slot,.fc .fc-timegrid-slot-minor{height:auto!important}.fc .fc-button-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--calendar-event-text)}.fc .fc-button-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.fc .fc-button-primary:not(:disabled):active,.fc .fc-button-primary:not(:disabled).fc-button-active{background-color:var(--primary-active);border-color:var(--primary-active)}.fc .fc-daygrid-day.fc-day-today{background-color:var(--calendar-today-bg)}.fc .fc-col-header-cell{background-color:var(--calendar-header-bg);color:var(--text-primary);border-color:var(--border-color)}.fc .fc-daygrid-day{border-color:var(--border-color);background-color:var(--calendar-day-bg)}.fc .fc-event{padding:2px 4px;cursor:pointer;background-color:var(--calendar-event-bg);border-color:var(--calendar-event-bg);color:var(--calendar-event-text)}.fc .fc-event:hover{opacity:.8}:root[data-theme=dark] .calendar-container,:root[data-theme=black] .calendar-container{background-color:var(--calendar-bg)}:root[data-theme=dark] .fc,:root[data-theme=black] .fc{color:var(--text-primary);background-color:var(--calendar-bg)}:root[data-theme=dark] .fc .fc-col-header-cell,:root[data-theme=black] .fc .fc-col-header-cell{background-color:var(--calendar-header-bg);color:var(--text-primary);border-color:var(--border-color)}:root[data-theme=dark] .fc .fc-daygrid-day,:root[data-theme=black] .fc .fc-daygrid-day{background-color:var(--calendar-day-bg);border-color:var(--border-color)}:root[data-theme=dark] .fc .fc-daygrid-day-frame,:root[data-theme=black] .fc .fc-daygrid-day-frame{background-color:var(--calendar-day-bg)}:root[data-theme=dark] .fc .fc-daygrid-day.fc-day-today,:root[data-theme=black] .fc .fc-daygrid-day.fc-day-today{background-color:var(--calendar-today-bg)}:root[data-theme=dark] .fc .fc-daygrid-day-number,:root[data-theme=black] .fc .fc-daygrid-day-number{color:var(--text-primary)}:root[data-theme=dark] .fc .fc-daygrid-blank,:root[data-theme=black] .fc .fc-daygrid-blank{background-color:var(--calendar-day-bg)}.fc-theme-standard td,.fc-theme-standard th{border-style:dotted}.fc .fc-timegrid-slot-minor{height:auto!important;border:none}.fc .fc-timegrid-axis-cushion,.fc .fc-timegrid-slot-label-cushion{padding:4px}.theme-toggle{display:flex;align-items:center}.theme-toggle-button{background:none;border:none;padding:0;cursor:pointer;outline:none}.theme-toggle-track{position:relative;width:56px;height:32px;background-color:var(--bg-tertiary);border-radius:16px;border:2px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.theme-toggle-button:hover .theme-toggle-track{background-color:var(--bg-hover);border-color:var(--border-color-strong)}.theme-toggle-thumb{position:absolute;top:2px;width:24px;height:24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:var(--calendar-event-text);box-shadow:0 2px 4px var(--shadow-color)}.theme-toggle-button.black .theme-toggle-thumb{transform:translate(2px)}.theme-toggle-button.white .theme-toggle-thumb{transform:translate(26px);background:linear-gradient(135deg,var(--text-secondary) 0%,var(--text-primary) 100%)}.theme-toggle-thumb svg{display:block;width:16px;height:16px}#root{width:100vw;height:100vh;margin:0;padding:0;text-align:left;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.authenticated-content{display:flex;flex-direction:column;width:100%;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;box-shadow:0 1px 3px var(--shadow-color);position:relative;z-index:10}.header-left{display:flex;align-items:center}.app-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.show-id-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0;margin-left:.25rem}.show-id-btn:hover{color:var(--primary-hover)}@media(max-width:768px){.app-header{padding:.5rem;flex-direction:column;gap:.5rem}.app-title{font-size:1rem}.header-right{gap:.75rem}.user-info{font-size:.8rem}}.app-content{display:flex;flex-direction:column;flex:1;width:100%;overflow:hidden}