@charset "UTF-8";.e-btn,.e-dropdownlist,.e-input-group.e-ddl,.e-dropdownbase.e-popup,.e-popup.e-ddl.e-popup-open,.e-textbox,.e-input-group,.e-float-input .e-float-text{transition:all .2s ease}.my-profile{display:inline-block;position:relative}.my-profile .e-dropdown-btn{background:transparent;border:none;padding:0;box-shadow:none}.my-profile .e-dropdown-btn:hover,.my-profile .e-dropdown-btn:focus,.my-profile .e-dropdown-btn:active{background:transparent;box-shadow:none}.my-profile .e-dropdown-btn .e-btn-content{padding:0}.my-profile .e-dropdown-btn .e-btn-icon.e-caret{display:none!important}.my-profile .profile-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;margin-right:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:40px;color:var(--text-primary)}.my-profile .profile-avatar{position:relative;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#e3f2fd}.my-profile .profile-avatar .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.my-profile .profile-avatar .avatar-initials{font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#1976d2}.my-profile .profile-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;flex:1;height:100%}.my-profile .profile-info .profile-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;line-height:1.2;color:var(--text-primary)}.my-profile .profile-info .profile-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;line-height:1.2;font-size:.85em;color:var(--text-secondary)}.my-profile .profile-chevron{transition:transform .2s ease;flex-shrink:0;color:var(--text-secondary)}.my-profile .profile-chevron i{font-size:12px}.my-profile.dropdown-left .profile-dropdown .e-dropdown-popup{right:0;left:auto}.my-profile.dropdown-right .profile-dropdown .e-dropdown-popup{left:0;right:auto}.my-profile.profile-small .profile-trigger{gap:4px}.my-profile.profile-small .profile-trigger .profile-avatar{width:28px;height:28px}.my-profile.profile-small .profile-trigger .profile-avatar .avatar-initials{font-size:11px}.my-profile.profile-small .profile-trigger .profile-chevron i{font-size:12px}.my-profile.profile-medium .profile-trigger .profile-avatar{width:32px;height:32px}.my-profile.profile-medium .profile-trigger .profile-avatar .avatar-initials{font-size:13px}.my-profile.profile-large .profile-trigger .profile-avatar{width:40px;height:40px}.my-profile.profile-large .profile-trigger .profile-avatar .avatar-initials{font-size:16px}.my-profile.profile-large .profile-trigger .profile-info .profile-name{font-size:15px}.my-profile.profile-large .profile-trigger .profile-info .profile-email{font-size:12px}.my-profile .profile-dropdown .e-dropdown-popup{min-width:250px!important;width:250px!important;border-radius:8px}.my-profile .profile-dropdown .e-dropdown-popup .e-item{padding:12px 16px;transition:all .2s ease;cursor:pointer}.my-profile .profile-dropdown .e-dropdown-popup .e-item:not(.e-disabled){cursor:pointer}.my-profile .profile-dropdown .e-dropdown-popup .e-item.e-disabled{opacity:.6;cursor:default}.my-profile .profile-dropdown .e-dropdown-popup .e-item.e-disabled .e-text{white-space:pre-line;font-weight:500}.my-profile .profile-dropdown .e-dropdown-popup .e-item i{margin-right:12px;font-size:16px;width:16px;text-align:center;display:inline-block}.my-profile .profile-dropdown .e-dropdown-popup .e-item .e-log-out:before{content:"↗";transform:rotate(45deg);display:inline-block}.my-profile .e-dropdown-btn.e-ddb-active .profile-chevron{transform:rotate(180deg)}.my-profile.profile-online .profile-avatar:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;border:2px solid;border-radius:50%}.my-profile.profile-small.profile-online .profile-avatar:after{width:6px;height:6px;border-width:1px}.my-profile.profile-large.profile-online .profile-avatar:after{width:10px;height:10px;border-width:2px}@media(max-width:768px){.my-profile .profile-info,.my-profile .profile-info .profile-name,.my-profile .profile-info .profile-email{max-width:100px}}@media(max-width:480px){.my-profile .profile-info{display:none}.my-profile .profile-trigger{gap:4px;padding:4px}}.e-dropdown-popup.profile-dropdown{border-radius:6px}.e-dropdown-popup.profile-dropdown .e-item{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:36px;transition:background-color .2s ease}.e-dropdown-popup.profile-dropdown .e-item .e-menu-icon{width:16px;display:flex;justify-content:center}.e-dropdown-popup.profile-dropdown .e-item.e-separator{min-height:0px}.e-dropdown-popup.profile-dropdown .e-item.profile-menu-separator{border-top:1px solid var(--border-color, rgba(0, 0, 0, .1));margin-top:4px;padding-top:12px}.e-dropdown-popup.profile-dropdown .e-item.danger-action,.e-dropdown-popup.profile-dropdown .e-item.danger-action .e-menu-icon{color:var(--danger-color)!important}.e-dropdown-popup.profile-dropdown .e-item.danger-action:hover{background-color:var(--danger-light)!important}.theme-selector{display:flex;flex-direction:column;gap:.5rem}.theme-selector.theme-selector-small .theme-selector-label{font-size:.75rem}.theme-selector.theme-selector-small .theme-selector-dropdown,.theme-selector.theme-selector-medium .theme-selector-label,.theme-selector.theme-selector-medium .theme-selector-dropdown{font-size:.875rem}.theme-selector.theme-selector-large .theme-selector-label,.theme-selector.theme-selector-large .theme-selector-dropdown{font-size:1rem}.theme-selector-label{font-weight:500;color:var(--text-color);margin-bottom:.25rem;transition:color .2s ease}.theme-selector-dropdown{min-width:180px}.checklist-container{display:flex;flex-direction:column;height:100%;padding:1.5rem;gap:1rem}.checklist-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid;border-color:var(--border-primary)}.checklist-header .header-title{display:flex;flex-direction:column;gap:.5rem}.checklist-header .header-title h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.checklist-header .header-title .task-summary{display:flex;gap:1rem}.checklist-header .header-title .task-summary .summary-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.checklist-header .header-title .task-summary .summary-item .count{font-weight:600;font-size:1rem}.checklist-header .header-title .task-summary .summary-item.pending .count{color:#f57c00}.checklist-header .header-title .task-summary .summary-item.completed .count{color:#2e7d32}.checklist-header .add-task-btn{flex-shrink:0}.checklist-filters .filter-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.checklist-filters .filter-row .search-input{flex:1;min-width:250px}.checklist-filters .filter-row .search-input .e-input-group{border-radius:6px}.checklist-filters .filter-row .search-input .e-input-group .e-input{padding:8px 12px;font-size:14px}.checklist-filters .filter-row .filter-panel-component{flex-shrink:0}.checklist-content{flex:1;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.empty-state p{margin:0 0 1.5rem;max-width:400px}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item-wrapper{position:relative;cursor:grab;transition:all .2s ease}.task-item-wrapper:active{cursor:grabbing}.task-item-wrapper.dragging{opacity:.5;transform:rotate(2deg)}.task-item-wrapper.drag-over:before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:var(--primary-color);border-radius:2px;z-index:10}.checklist-item{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1rem;transition:all .2s ease}.checklist-item:hover{box-shadow:var(--shadow-sm)}.checklist-item.completed{opacity:.7}.checklist-item.completed .item-title{text-decoration:line-through;color:var(--text-secondary)}.checklist-item.overdue{border-color:#d32f2f;background:#ffebee}.checklist-item .item-main{display:flex;align-items:flex-start;gap:.75rem}.checklist-item .task-checkbox{margin-top:.25rem;flex-shrink:0}.checklist-item .item-content{flex:1;min-width:0}.checklist-item .item-actions{display:flex;align-items:flex-start;gap:.5rem;flex-shrink:0}.checklist-item .item-actions .reorder-actions{display:flex;flex-direction:column;gap:.25rem;margin-right:.5rem;padding-right:.5rem;border-right:1px solid var(--border-primary)}.checklist-item .item-actions .reorder-actions .reorder-btn{min-width:24px;min-height:24px;padding:.125rem}.checklist-item .item-actions .reorder-actions .reorder-btn:disabled{opacity:.3;cursor:not-allowed}.checklist-item .item-actions .action-btn{min-width:auto;padding:.25rem}.checklist-item .item-actions .danger-btn{color:#d32f2f}.checklist-item .item-actions .danger-btn:hover{background:#ffebee}.checklist-item .item-actions .priority-dropdown{min-width:100px}.view-mode .item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.view-mode .item-header .item-title{margin:0;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:color .2s ease}.view-mode .item-header .item-title.editable:hover{color:var(--primary-color)}.view-mode .item-header .item-meta{display:flex;gap:.5rem;flex-shrink:0;margin-left:1rem}.view-mode .item-description{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.5;cursor:pointer}.view-mode .item-description.editable:hover{color:var(--text-primary)}.view-mode .item-dates{display:flex;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.view-mode .item-dates .date-info{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.view-mode .item-dates .date-info.due-soon{color:#f57c00}.view-mode .item-dates .date-info.overdue{color:#d32f2f;font-weight:500}.view-mode .item-dates .date-info .overdue-indicator{background:#d32f2f;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem}.view-mode .item-tags{display:flex;gap:.5rem;flex-wrap:wrap}.view-mode .item-tags .tag-chip{background:var(--background-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:500}.priority-badge{padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-badge.priority-high{background:#ffebee;color:#d32f2f}.priority-badge.priority-medium{background:#fff3e0;color:#f57c00}.priority-badge.priority-low{background:#e8f5e8;color:#2e7d32}.category-badge{background:var(--background-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:500}.edit-mode .edit-title,.edit-mode .edit-description{margin-bottom:.75rem}.edit-mode .edit-actions{display:flex;gap:.5rem}.item-date-pickers{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary);display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.item-date-pickers .date-picker-group{display:flex;flex-direction:column;gap:.25rem}.item-date-pickers .date-picker-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.item-date-pickers .date-picker-group .date-picker{min-width:150px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:var(--background-primary);border-radius:var(--radius-lg);width:90vw;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-header .modal-close{min-width:auto;padding:.25rem}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-primary)}.add-task-form{display:flex;flex-direction:column;gap:1rem}.add-task-form .form-group{display:flex;flex-direction:column;gap:.5rem}.add-task-form .form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.add-task-form .form-group.half{flex:1}.add-task-form .form-row{display:flex;gap:1rem}.add-task-form .tag-input-container{display:flex;gap:.5rem;align-items:flex-end}.add-task-form .tag-input-container .tag-input{flex:1}.add-task-form .tags-display{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.add-task-form .tags-display .tag-item{display:flex;align-items:center;gap:.25rem;background:var(--background-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:500}.add-task-form .tags-display .tag-item .tag-remove{min-width:auto;padding:.125rem;margin-left:.25rem}@media(max-width:768px){.checklist-container{padding:1rem}.checklist-header{flex-direction:column;align-items:flex-start;gap:1rem}.checklist-header .header-title .task-summary{flex-wrap:wrap}.checklist-filters .filter-row{flex-direction:column}.checklist-filters .filter-row .search-input,.checklist-filters .filter-row .filter-dropdown{min-width:auto}.item-actions{flex-direction:column;align-items:stretch}.item-actions .priority-dropdown{min-width:auto}.item-date-pickers{flex-direction:column;align-items:stretch}.item-date-pickers .date-picker{min-width:auto}.form-row{flex-direction:column}.modal-container{margin:1rem;width:calc(100vw - 2rem)}}.filter-panel{position:relative;display:inline-block}.filter-panel .filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-color, #e0e0e0);background:var(--background-color, #ffffff);color:var(--text-color, #333333);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.filter-panel .filter-toggle-btn:hover{border-color:var(--primary-color, #007bff);box-shadow:0 2px 4px #007bff1a}.filter-panel .filter-toggle-btn.active{border-color:var(--primary-color, #007bff);background:var(--primary-color-light, #e3f2fd);color:var(--primary-color, #007bff)}.filter-panel .filter-toggle-btn .filter-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--danger-color, #dc3545);border-radius:50%;border:2px solid var(--background-color, #ffffff)}.filter-panel .filter-toggle-btn i{font-size:16px}.filter-panel .filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;max-width:350px;background:var(--background-color, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:filterDropdownOpen .2s ease}@keyframes filterDropdownOpen{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-panel .filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid var(--border-color-light, #f0f0f0)}.filter-panel .filter-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-color, #333333);display:flex;align-items:center;gap:8px}.filter-panel .filter-header .clear-filters-btn{display:flex;align-items:center;gap:6px;padding:4px 8px;background:none;border:none;color:var(--danger-color, #dc3545);font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.filter-panel .filter-header .clear-filters-btn:hover{background:var(--danger-color-light, #f8d7da)}.filter-panel .filter-header .clear-filters-btn i{font-size:14px}.filter-panel .filter-sections{padding:16px 20px;max-height:400px;overflow-y:auto}.filter-panel .filter-section{margin-bottom:20px}.filter-panel .filter-section:last-child{margin-bottom:0}.filter-panel .filter-section .filter-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-color-secondary, #666666);margin-bottom:12px}.filter-panel .filter-section .filter-label i{font-size:16px;color:var(--primary-color, #007bff)}.filter-panel .filter-section .filter-options{display:flex;flex-direction:column;gap:8px}.filter-panel .filter-section .filter-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.filter-panel .filter-section .filter-option:hover{background:var(--background-color-hover, #f8f9fa)}.filter-panel .filter-section .filter-option input[type=radio]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--primary-color, #007bff)}.filter-panel .filter-section .filter-option .option-label{flex:1;color:var(--text-color, #333333);font-weight:500}.filter-panel .filter-section .filter-option .priority-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.filter-panel .filter-section .filter-option .priority-dot.priority-high{background:var(--danger-color, #dc3545)}.filter-panel .filter-section .filter-option .priority-dot.priority-medium{background:var(--warning-color, #ffc107)}.filter-panel .filter-section .filter-option .priority-dot.priority-low{background:var(--success-color, #28a745)}.filter-panel .filter-section .filter-option:has(input:checked){background:var(--primary-color-light, #e3f2fd);color:var(--primary-color, #007bff)}.filter-panel .filter-section .filter-option:has(input:checked) .option-label{color:var(--primary-color, #007bff);font-weight:600}.filter-panel .filter-footer{padding:12px 20px;border-top:1px solid var(--border-color-light, #f0f0f0);display:flex;justify-content:flex-end}.filter-panel .filter-footer .close-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-color-secondary, #666666)}.filter-panel .filter-footer .close-btn:hover{background:var(--background-color-hover, #f8f9fa)}[data-theme=dark] .filter-panel .filter-toggle-btn{border-color:var(--border-color, #404040);background:var(--background-color, #2a2a2a);color:var(--text-color, #ffffff)}[data-theme=dark] .filter-panel .filter-toggle-btn:hover{border-color:var(--primary-color, #0d6efd);box-shadow:0 2px 4px #0d6efd33}[data-theme=dark] .filter-panel .filter-toggle-btn.active{border-color:var(--primary-color, #0d6efd);background:#0d6efd1a;color:var(--primary-color, #0d6efd)}[data-theme=dark] .filter-panel .filter-toggle-btn .filter-badge{border-color:var(--background-color, #2a2a2a)}[data-theme=dark] .filter-panel .filter-dropdown{background:var(--background-color, #2a2a2a);border-color:var(--border-color, #404040);box-shadow:0 4px 20px #0006}[data-theme=dark] .filter-panel .filter-header{border-bottom-color:var(--border-color-light, #404040)}[data-theme=dark] .filter-panel .filter-header h4{color:var(--text-color, #ffffff)}[data-theme=dark] .filter-panel .filter-header .clear-filters-btn:hover{background:#dc35451a}[data-theme=dark] .filter-panel .filter-section .filter-label{color:var(--text-color-secondary, #cccccc)}[data-theme=dark] .filter-panel .filter-section .filter-option:hover{background:var(--background-color-hover, #3a3a3a)}[data-theme=dark] .filter-panel .filter-section .filter-option .option-label{color:var(--text-color, #ffffff)}[data-theme=dark] .filter-panel .filter-section .filter-option:has(input:checked){background:#0d6efd26}[data-theme=dark] .filter-panel .filter-section .filter-option:has(input:checked) .option-label{color:var(--primary-color, #0d6efd)}[data-theme=dark] .filter-panel .filter-footer{border-top-color:var(--border-color-light, #404040)}[data-theme=dark] .filter-panel .filter-footer .close-btn{color:var(--text-color-secondary, #cccccc)}[data-theme=dark] .filter-panel .filter-footer .close-btn:hover{background:var(--background-color-hover, #3a3a3a)}@media(max-width:768px){.filter-panel .filter-dropdown{right:auto;left:0;min-width:260px;max-width:calc(100vw - 40px)}}.my-footer{width:100%;background:var(--surface-alt);border-top:1px solid var(--border-color);padding:1.5rem 1rem;margin-top:auto;transition:all .2s ease}.my-footer .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.my-footer .footer-custom{width:100%;text-align:center;color:var(--text-color)}.my-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.my-footer .footer-links .footer-link .footer-link-anchor,.my-footer .footer-links .footer-link .footer-link-button{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all .2s ease;padding:.25rem .5rem;border-radius:4px}.my-footer .footer-links .footer-link .footer-link-anchor:hover,.my-footer .footer-links .footer-link .footer-link-button:hover{color:var(--primary-color);background:var(--hover-color)}.my-footer .footer-links .footer-link .footer-link-anchor:focus,.my-footer .footer-links .footer-link .footer-link-button:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 .2rem var(--primary-light)}.my-footer .footer-links .footer-link .footer-link-button{background:transparent;border:none;cursor:pointer;font-family:inherit}.my-footer .footer-social{display:flex;justify-content:center;gap:.75rem}.my-footer .footer-social .footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--surface-color);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border:1px solid var(--border-light)}.my-footer .footer-social .footer-social-link:hover{background:var(--primary-light);color:var(--primary-color);transform:translateY(-2px);border-color:var(--primary-color)}.my-footer .footer-social .footer-social-link:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 .2rem var(--primary-light)}.my-footer .footer-social .footer-social-link .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.my-footer .footer-copyright{text-align:center}.my-footer .footer-copyright .copyright-text{color:var(--text-muted);font-size:.75rem;line-height:1.4}@media(min-width:768px){.my-footer .footer-content{flex-direction:row;justify-content:space-between;align-items:center}.my-footer .footer-links{order:1;flex:1;justify-content:center}.my-footer .footer-social{order:2}.my-footer .footer-copyright{order:3;text-align:right}.my-footer .footer-custom{order:0;text-align:left}}@media(max-width:480px){.my-footer{padding:1rem .75rem}.my-footer .footer-links{gap:.75rem}.my-footer .footer-links .footer-link .footer-link-anchor,.my-footer .footer-links .footer-link .footer-link-button{font-size:.8125rem}}.sidebar-container{display:flex;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar-container .custom-sidebar{background:var(--background-sidebar);border-right:1px solid var(--border-sidebar);transition:background-color .2s ease,border-color .2s ease}.sidebar-container .custom-sidebar .sidebar-content{height:100%;padding:0;display:flex;flex-direction:column}.sidebar-container .custom-sidebar .sidebar-header{padding:20px;text-align:center;border-bottom:1px solid var(--border-color)}.sidebar-container .custom-sidebar .sidebar-header h1{color:var(--text-color);font-size:24px;font-weight:700;margin:0 0 5px;transition:color .2s ease}.sidebar-container .custom-sidebar .sidebar-header p{color:var(--text-secondary);font-size:14px;margin:0;transition:color .2s ease}.sidebar-container .custom-sidebar .sidebar-menu{flex:1;padding:0}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item-wrapper{margin:0}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item{background:transparent;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item:hover:not(.selected){background:var(--nav-hover)}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item.selected{background:var(--nav-active)}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item.selected .menu-text{font-weight:700}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item.submenu-item{background:var(--nav-hover)}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item.submenu-item:hover:not(.selected){background:var(--hover-color)}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item.submenu-item.selected{background:var(--nav-active)}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item .menu-item-content{display:flex;align-items:center;padding:16px 20px;color:var(--nav-text);text-decoration:none;position:relative;min-height:52px;transition:color .2s ease}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item.submenu-item .menu-item-content{padding:12px 36px;min-height:44px}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item .menu-icon{width:24px;height:24px;margin-right:16px;flex-shrink:0;font-size:20px;display:flex;align-items:center;justify-content:center}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item.submenu-item .menu-icon{width:20px;height:20px;margin-right:12px;font-size:16px}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item .menu-text{flex:1;font-size:14px;font-weight:400}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item .expand-icon{width:20px;height:20px;transition:transform .3s ease;font-size:16px;display:flex;align-items:center;justify-content:center}.sidebar-container .custom-sidebar .sidebar-menu .sidebar-menu-item .expand-icon.expanded{transform:rotate(180deg)}.sidebar-container .custom-sidebar .sidebar-menu .submenu{background:var(--background-sidebar);overflow:hidden}.sidebar-container .main-content{flex:1;display:flex;flex-direction:column;background:var(--background-secondary)}.sidebar-container .main-content .content-header{background:var(--surface-color);padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:16px;transition:background-color .2s ease,border-color .2s ease}.sidebar-container .main-content .content-header .sidebar-toggle{border:none;background:transparent;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.sidebar-container .main-content .content-header .sidebar-toggle:hover{background:var(--hover-color)}.sidebar-container .main-content .content-header h2{margin:0;color:var(--text-color);font-size:20px;font-weight:600;transition:color .2s ease}.sidebar-container .main-content .content-body{flex:1;padding:24px}.sidebar-container .main-content .content-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:16px;transition:color .2s ease}.sidebar-container .main-content .content-body p:last-child{margin-bottom:0}.sidebar-container .main-content .content-body p strong{color:var(--text-color);font-weight:600;transition:color .2s ease}@media(max-width:768px){.sidebar-container .custom-sidebar{width:100%!important}.sidebar-container .main-content .content-header{padding:12px 16px}.sidebar-container .main-content .content-body{padding:16px}}.my-top-nav{width:100%;position:sticky;top:0;z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:0 1px 3px var(--shadow-color);transition:all .2s ease}.my-top-nav .e-appbar{background:transparent;border:none;box-shadow:none;padding:0}.my-top-nav .top-nav-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 1rem}.my-top-nav .nav-left{display:flex;align-items:center;gap:1rem}.my-top-nav .nav-left .menu-toggle-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;color:var(--nav-text)}.my-top-nav .nav-left .menu-toggle-btn:hover{background:var(--nav-hover)}.my-top-nav .nav-left .menu-toggle-btn:active{background:var(--hover-color)}.my-top-nav .nav-left .menu-toggle-btn:focus{outline:none;background:var(--nav-hover);box-shadow:0 0 0 .2rem var(--primary-light)}.my-top-nav .nav-left .menu-toggle-btn i{font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.my-top-nav .nav-left .nav-brand .brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.my-top-nav .nav-left .nav-brand .brand-link .brand-text{font-size:1.25rem;font-weight:600;color:var(--primary-color);white-space:nowrap}.my-top-nav .nav-left .nav-brand .brand-link img{height:32px;width:auto}.my-top-nav .nav-center{flex:1;display:flex;justify-content:center}.my-top-nav .nav-center .nav-toolbar{display:flex;align-items:center;gap:.25rem}.my-top-nav .nav-center .nav-toolbar .nav-item-btn{background:transparent;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:4px;transition:all .2s ease;color:var(--nav-text);display:flex;align-items:center;gap:.25rem;font-size:.875rem}.my-top-nav .nav-center .nav-toolbar .nav-item-btn:hover{background:var(--nav-hover)}.my-top-nav .nav-center .nav-toolbar .nav-item-btn:active{background:var(--hover-color)}.my-top-nav .nav-center .nav-toolbar .nav-item-btn.active{background:var(--nav-active);color:var(--primary-color)}.my-top-nav .nav-center .nav-toolbar .nav-item-btn i{font-size:16px}.my-top-nav .nav-right{display:flex;align-items:center;gap:.75rem}.my-top-nav .nav-right .user-menu{display:flex;align-items:center;gap:.5rem}.my-top-nav .nav-right .my-profile .profile-trigger{min-height:40px}@media(max-width:768px){.my-top-nav .top-nav-content{padding:0 .75rem}.my-top-nav .nav-center{display:none}.my-top-nav .nav-left{gap:.75rem}.my-top-nav .nav-left .nav-brand .brand-text{font-size:1.125rem}}@media(max-width:480px){.my-top-nav .top-nav-content{padding:0 .5rem}.my-top-nav .nav-left{gap:.5rem}.my-top-nav .nav-left .nav-brand .brand-text{font-size:1rem}}:root{--text-color: #212529;--text-secondary: #6c757d;--text-muted: #9ca3af;--background-color: #f8f9fa;--surface-color: #ffffff;--surface-alt: #f8f9fa;--surface-hover: #f1f3f4;--border-color: #e9ecef;--border-light: #f1f3f4;--hover-color: #f8f9fa;--focus-color: #e3f2fd;--shadow-color: rgba(0, 0, 0, .1);--primary-color: #007bff;--primary-hover: #0056b3;--primary-light: rgba(0, 123, 255, .1);--primary-dark: #004085;--secondary-color: #6c757d;--secondary-hover: #545b62;--secondary-light: rgba(108, 117, 125, .1);--success-color: #28a745;--success-light: rgba(40, 167, 69, .1);--warning-color: #ffc107;--warning-light: rgba(255, 193, 7, .1);--danger-color: #dc3545;--danger-light: rgba(220, 53, 69, .1);--info-color: #17a2b8;--info-light: rgba(23, 162, 184, .1);--nav-bg: #ffffff;--nav-text: #212529;--nav-border: #e9ecef;--nav-hover: rgba(0, 0, 0, .04);--nav-active: rgba(0, 123, 255, .1);--input-bg: #ffffff;--input-border: #ced4da;--input-focus: #80bdff;--input-placeholder: #6c757d;--btn-primary-bg: #007bff;--btn-primary-text: #ffffff;--btn-secondary-bg: #6c757d;--btn-secondary-text: #ffffff;--background-primary: #f8f9fa;--background-secondary: #ffffff;--background-sidebar: #ffffff;--text-primary: #212529;--border-sidebar: #e9ecef;--sidebar-width: 280px;--sidebar-collapsed-width: 60px;--sidebar-transition: all .3s ease;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--z-sidebar: 100;--z-overlay: 200;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}[data-theme=dark]{--text-color: #ffffff;--text-secondary: #b3b3b3;--text-muted: #6b7280;--background-color: #121212;--surface-color: #1e1e1e;--surface-alt: #2d2d2d;--surface-hover: #353535;--border-color: #333333;--border-light: #404040;--hover-color: #2d2d2d;--focus-color: #1a365d;--shadow-color: rgba(0, 0, 0, .3);--primary-color: #90caf9;--primary-hover: #64b5f6;--primary-light: rgba(144, 202, 249, .1);--primary-dark: #42a5f5;--secondary-color: #9ca3af;--secondary-hover: #d1d5db;--secondary-light: rgba(156, 163, 175, .1);--success-color: #4caf50;--success-light: rgba(76, 175, 80, .1);--warning-color: #ff9800;--warning-light: rgba(255, 152, 0, .1);--danger-color: #f44336;--danger-light: rgba(244, 67, 54, .1);--info-color: #2196f3;--info-light: rgba(33, 150, 243, .1);--nav-bg: #1e1e1e;--nav-text: #ffffff;--nav-border: #333333;--nav-hover: rgba(255, 255, 255, .04);--nav-active: rgba(144, 202, 249, .1);--input-bg: #2d2d2d;--input-border: #404040;--input-focus: #90caf9;--input-placeholder: #b3b3b3;--btn-primary-bg: #90caf9;--btn-primary-text: #121212;--btn-secondary-bg: #6c757d;--btn-secondary-text: #ffffff;--background-primary: #121212;--background-secondary: #1e1e1e;--background-sidebar: #1e1e1e;--text-primary: #ffffff;--border-sidebar: #333333;--sidebar-width: 280px;--sidebar-collapsed-width: 60px;--sidebar-transition: all .3s ease;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--z-sidebar: 100;--z-overlay: 200;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .2s ease,color .2s ease}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.theme-loading *{transition:none!important}.theme-light{color-scheme:light}.theme-dark{color-scheme:dark}@media(prefers-contrast:high){:root{--border-color: #000000;--text-secondary: #000000}[data-theme=dark]{--border-color: #ffffff;--text-secondary: #ffffff}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{:root{--text-color: #000000;--background-color: #ffffff;--surface-color: #ffffff;--border-color: #000000}}.layout-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--background-primary);color:var(--text-primary);overflow:hidden}.layout-container .layout-body{display:flex;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.layout-container .layout-body .layout-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--background-sidebar);border-right:1px solid var(--border-sidebar);transition:var(--sidebar-transition);height:100%;flex-shrink:0;display:flex;flex-direction:column;position:relative;z-index:var(--z-sidebar)}.layout-container .layout-body .layout-sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.layout-container .layout-body .layout-sidebar .my-left-nav{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.layout-container .layout-body .layout-main{flex:1 1 0;min-width:0;padding:var(--spacing-lg);overflow-y:auto;background:var(--background-secondary);width:100%;display:flex;flex-direction:column}@media(max-width:768px){.layout-container .layout-body .layout-sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:var(--z-sidebar);box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .3s ease}.layout-container .layout-body .layout-sidebar.open{transform:translate(0)}.layout-container .layout-body .layout-main{width:100%;max-width:100vw;padding:var(--spacing-md)}.layout-container .mobile-overlay{position:fixed;inset:60px 0 0;background:#00000080;z-index:var(--z-overlay);transition:all .3s ease}}@media(max-width:480px){.layout-container .layout-body .layout-main{padding:var(--spacing-sm)}}.layout-container.layout-sidebar-collapsed .layout-body .layout-sidebar{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.layout-container.layout-no-sidebar .layout-body .layout-sidebar{display:none}.layout-container.layout-no-sidebar .layout-body .layout-main{width:100%}.layout-container.layout-full-width .layout-body .layout-main{padding:0}.layout-container.loading .layout-main{position:relative;overflow:hidden}.layout-container.loading .layout-main:before{content:"";position:absolute;inset:0;background:#fffc;z-index:100;display:flex;align-items:center;justify-content:center}.layout-container *{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.tailwind .schedule-overview .overview-content .right-panel .control-panel,.tailwind3 .schedule-overview .overview-content .right-panel .control-panel{background-color:#f3f4f6}.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel,.tailwind3-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#374151;color:#fff}.material .schedule-overview .overview-content .right-panel .control-panel{background-color:#fafafa}.material-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#2a2a2a;color:#fff}.fabric .schedule-overview .overview-content .right-panel .control-panel{background-color:#fff}.fabric-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#333232;color:#fff}.fluent .schedule-overview .overview-content .right-panel .control-panel{background-color:#f3f2f1}.fluent-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#252423;border-color:#c1c1c1;color:#fff}.bootstrap .schedule-overview .overview-content .right-panel .control-panel{background-color:#f8f8f8}.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#2a2a2a;color:#fff}.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel,.bootstrap5_3 .schedule-overview .overview-content .right-panel .control-panel{background-color:#f8f9fa;color:#212529}.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel,.bootstrap5_3-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#343a40;color:#fff}.highcontrast .schedule-overview .overview-content .right-panel .control-panel{background-color:#000;color:#fff}.material3 .schedule-overview .overview-content .right-panel .control-panel{background-color:#f3f1f8}.material3-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#2a2731}.fluent2 .schedule-overview .overview-content .right-panel .control-panel{background-color:#fff}.fluent2-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#292929}.fluent2-highcontrast .schedule-overview .overview-content .right-panel .control-panel{background-color:#000}.schedule-overview .overview-toolbar.e-rtl+*{flex-direction:row-reverse}.schedule-overview .overview-toolbar.e-toolbar{border-radius:0}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt{display:inline-grid}.material .schedule-overview .overview-toolbar.e-toolbar{border-style:solid}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item:not(.e-separator){padding:3.5px}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-tbar-btn-text{line-height:23px!important;min-height:23px!important;padding:0!important}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item.e-template{margin:0 5px}.schedule-overview .overview-content{display:flex}.schedule-overview .overview-content .left-panel{height:700px;width:100%}.schedule-overview .overview-content .right-panel{display:block;height:700px;transform:translate(0);transition:transform .5s ease,width .5s;width:500px}.schedule-overview .overview-content .right-panel.hide{display:none;transform:translate(100%);transition:transform .5s ease,width .5s;width:0}.schedule-overview .overview-content .right-panel .control-panel{background:#f8f9fa;font-size:14px;height:100%;overflow:auto;padding:15px;width:100%}.schedule-overview .overview-content .right-panel .control-panel .col-row{display:flex;flex-wrap:wrap}.schedule-overview .overview-content .right-panel .control-panel label{font-weight:500}.schedule-overview .overview-content .right-panel .control-panel .col-left{flex:0 0 41.666667%;max-width:41.666667%;margin-bottom:1rem}.schedule-overview .overview-content .right-panel .control-panel .col-right{flex:0 0 58.333333%;max-width:58.333333%;margin-bottom:1rem}.schedule-overview .overview-scheduler{height:100%;width:100%}.schedule-overview .e-schedule-toolbar .e-views,.schedule-overview .e-schedule-toolbar .e-schedule-seperator,.schedule-workweek.e-multi-select-list-wrapper.e-checkbox .e-filter-parent,.schedule-resource.e-multi-select-list-wrapper.e-checkbox .e-filter-parent{display:none}.schedule-overview .e-timeline-view .e-resource-left-td,.schedule-overview .e-timeline-month-view .e-resource-left-td{width:120px}.schedule-resource.e-multi-select-list-wrapper.e-checkbox .e-list-parent:first-child li:first-child{background-image:none;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.schedule-overview .calendar-import.e-upload{border:0;padding-left:0!important}.schedule-overview .calendar-import.e-upload .e-btn-icon{margin-left:initial}.schedule-overview .calendar-import.e-upload .e-file-select-wrap{padding:0}.schedule-overview .calendar-import.e-upload .e-file-select-wrap .e-file-select,.schedule-overview .calendar-import.e-upload .e-file-select-wrap .e-file-drop,.calendar-import .e-upload-files{display:none}.e-bigger .schedule-context-menu ul .e-menu-item .e-menu-icon{font-size:14px}.schedule-context-menu ul .e-menu-item .e-menu-icon{font-size:12px}.schedule-overview.e-schedule .e-vertical-view .e-header-cells,.schedule-overview.e-schedule .e-timeline-month-view .e-header-cells{padding:0;text-align:center!important}.schedule-overview.e-schedule .date-text{font-size:14px}.schedule-overview.e-schedule.e-device .date-text{font-size:12px}.schedule-overview.e-schedule .weather-image{width:20px;height:20px;background-position:center center;background-repeat:no-repeat;background-size:cover}.schedule-overview.e-schedule .e-month-view .weather-image{float:right;margin:-20px 2px 0 0;width:20px;height:20px}.fluent2 .schedule-overview .overview-toolbar .e-template .template .icon-child .e-checkbox-wrapper .e-frame,.fluent2-dark .schedule-overview .overview-toolbar .e-template .template .icon-child .e-checkbox-wrapper .e-frame,.fluent2-highcontrast .schedule-overview .overview-toolbar .e-template .template .icon-child .e-checkbox-wrapper .e-frame{margin:0}.fluent .e-appbar .e-btn-icon.e-icons,.fluent-dark .e-appbar .e-btn-icon.e-icons{margin-top:-2px}.fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame,.fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame{height:17px;line-height:17px;width:17px}.fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check,.fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check{font-size:15px;line-height:16px}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn{padding-top:2px;padding-bottom:2px}#exportBtn{white-space:nowrap}.time{display:flex;gap:5px;align-items:center;padding:0 5px}.template{height:46px;line-height:23px}.template .icon-child{text-align:center;height:23px!important}.template .text-child{font-size:14px;line-height:23px!important;font-weight:400}@media(max-width:481px){.schedule-overview .overview-content .right-panel{position:absolute;width:90%}.import-button,#printBtn,#exportBtn{display:none}}@media(max-width:1024px){.schedule-overview .overview-content .right-panel .control-panel .col-row{display:initial}.schedule-overview .overview-content .right-panel .control-panel .col-left{flex:initial;max-width:initial;margin-bottom:initial}.schedule-overview .overview-content .right-panel .control-panel .col-right{flex:initial;max-width:initial}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:auth-spin 1s ease-in-out infinite;margin-bottom:1rem}.auth-loading p{font-size:1.125rem;font-weight:500;margin:0;opacity:.9}@keyframes auth-spin{to{transform:rotate(360deg)}}*{margin:0;box-sizing:border-box}* paddin .calendar-overlay{position:absolute;width:100%;height:100%;opacity:.8}.splash-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:grid;grid-template-columns:1fr 1fr;position:relative}.image-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899)}.hero-image{width:75%;height:87.5%;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:6.25%;left:12.5%;border-radius:1rem;box-shadow:0 20px 40px #0000004d;z-index:1}.image-overlay{position:absolute;top:6.25%;left:12.5%;width:75%;height:87.5%;background:transparent;border-radius:1rem;z-index:2}.scheduling-elements{position:absolute;width:100%;height:100%;pointer-events:none}.calendar-overlay{position:absolute;width:100%;height:100%;opacity:.6}.calendar-lines{position:absolute;width:100%;height:100%}.calendar-lines.horizontal .line{position:absolute;width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(79,70,229,1),transparent);left:20%;box-shadow:0 0 8px #4f46e5cc}.calendar-lines.vertical .line{position:absolute;height:40%;width:2px;background:linear-gradient(0deg,transparent,rgba(79,70,229,1),transparent);top:30%}.clock-elements{position:absolute;width:100%;height:100%;opacity:.5}.clock{position:absolute;border:5px solid rgba(79,70,229,1);border-radius:50%;box-shadow:0 0 12px #4f46e599}.clock-1{width:60px;height:60px;top:15%;left:20%}.clock-2{width:80px;height:80px;bottom:20%;right:15%}.clock-face{position:relative;width:100%;height:100%}.clock-hand{position:absolute;background:#4f46e5;border-radius:1px;transform-origin:bottom center}.clock-hand.hour{width:5px;height:40%;top:10%;left:50%;margin-left:-2.5px;transform:rotate(45deg);box-shadow:0 0 6px #4f46e580}.clock-hand.minute{width:3px;height:45%;top:5%;left:50%;margin-left:-1.5px;transform:rotate(90deg);box-shadow:0 0 6px #4f46e580}.floating-dots{position:absolute;width:100%;height:100%}.dot{position:absolute;background:#7c3aed;border-radius:50%;opacity:1;box-shadow:0 0 10px #7c3aed99}.dot-1{width:16px;height:16px;top:25%;left:60%;animation:float-1 4s ease-in-out infinite}.dot-2{width:12px;height:12px;top:65%;left:25%;animation:float-2 6s ease-in-out infinite}.dot-3{width:14px;height:14px;top:45%;right:30%;animation:float-3 5s ease-in-out infinite}.dot-4{width:10px;height:10px;bottom:35%;left:45%;animation:float-4 7s ease-in-out infinite}@keyframes float-1{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes float-2{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-3{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes float-4{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.welcome-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.welcome-content{max-width:500px;z-index:2}.brand-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.1);line-height:1.1}.brand-highlight{display:block;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text{font-size:1.3rem;color:#ffffffe6;margin-bottom:3rem;line-height:1.6;font-weight:300}.login-button{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 15px 35px #ff6b6b4d;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;min-width:200px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 25px 50px #ff6b6b66}.login-button:hover:before{left:100%}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{font-size:.875rem;color:#ffffffb3;margin:0}.decorative-lines{position:absolute;width:100%;height:100%;opacity:.1;pointer-events:none}.sliding-line{position:absolute;background:linear-gradient(90deg,transparent,white,transparent);height:1px}.line-1{top:20%;width:300px;left:-300px;animation:slideIn 8s ease-in-out infinite}.line-2{top:80%;width:200px;right:-200px;animation:slideIn 8s ease-in-out infinite reverse;animation-delay:4s}@keyframes slideIn{0%{transform:translate(0)}50%{transform:translate(400px)}to{transform:translate(0)}}@media(max-width:768px){.splash-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.brand-title{font-size:2.5rem}.welcome-text{font-size:1.1rem}.welcome-section{padding:2rem}}@media(max-width:480px){.welcome-section{padding:1.5rem}.brand-title{font-size:2rem}.welcome-text{font-size:1rem;margin-bottom:2rem}.login-button{padding:.875rem 2rem;font-size:1rem}}@media(prefers-color-scheme:dark){.welcome-section{background:#0003}}