@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@media (max-width: 768px){.top-nav{flex-wrap:wrap;padding:.5rem 1rem}.logo-image{margin-bottom:.5rem}}.dark-mode .search-container{background-color:#1f2937;border-color:#4b5563;color:#e5e7eb}.search-container{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%;position:relative;flex:1;margin-right:.5rem}.dark-mode .search-container:focus-within,.dark-mode .search-container.expanded{width:800px;box-shadow:0 2px 8px var(--shadow-color);color:#fff;background-color:#1f2937}@media (max-width: 480px){.search-container{display:none}}.nav-icon[data-v-5c4e16ba]{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .2s;position:relative}.dark-mode .nav-icon[data-v-5c4e16ba]{color:#f0f8ff}.nav-icon[data-v-5c4e16ba]:hover{background-color:var(--hover-bg)}@media (max-width: 768px){.nav-icon[data-v-5c4e16ba]{width:2rem;height:2rem}}@media (max-width: 768px){.notification-badge{width:.8rem;height:.8rem;font-size:.6rem}}.top-nav[data-v-2476d8d6]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-bottom:1px solid var(--border-color);width:100%;position:fixed;top:0;background-color:#fff;z-index:100;height:60px}@media (max-width: 768px){.top-nav[data-v-2476d8d6]{flex-wrap:wrap;padding:.5rem 1rem}}@media (max-width: 480px){.top-nav[data-v-2476d8d6]{justify-content:space-between}}.dark-mode .top-nav[data-v-2476d8d6]{background-color:var(--white)}.quill-editor[data-v-ef66d68e]{min-height:300px;border-bottom:1px solid var(--border-color)}.format-btn{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:all .2s;background:none;border:none;cursor:pointer;font-size:16px;position:relative}.format-btn:hover{background-color:var(--hover-color)}.format-btn.active{background-color:var(--active-color);color:var(--primary-color)}@media screen and (max-width: 375px){.format-btn{width:30px;height:30px}}.font-size-container[data-v-4ff07bd9]{display:flex;align-items:center;gap:.3rem}.format-btn[data-v-4ff07bd9]{padding:6px;background:none;border:none;cursor:pointer}.format-select[data-v-4ff07bd9]{padding:4px}.formatting-toolbar[data-v-f235e6f6]{display:flex;flex-wrap:wrap;overflow-x:auto;border-radius:5px;margin-top:3px;margin-bottom:3px;padding:5px 10px;background-color:#fff;border-bottom:1px solid var(--border-color);gap:5px;position:sticky;top:0;z-index:10}.format-dropdown[data-v-f235e6f6],.dropdown[data-v-f235e6f6]{position:relative}@media (max-width: 900px){.formatting-toolbar .toolbar-section[data-v-f235e6f6]:not(:first-child):not(:last-child){display:none}.formatting-toolbar .toolbar-section.more-options[data-v-f235e6f6]{display:flex!important}}.format-btn-group[data-v-f235e6f6]{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;padding-bottom:2}.format-btn-group .format-btn[data-v-f235e6f6]{border-radius:0;border-right:1px solid var(--border-color)}.format-btn-group .format-btn[data-v-f235e6f6]:last-child{border-right:none}:root{--white: #ffffff;--blue-dark: #051440}html,body{margin:0;padding:0;box-sizing:border-box;height:100%;font-family:Arial,sans-serif}.sidebar{position:fixed;top:0;left:0;width:3rem;height:100vh;background-color:var(--blue-dark);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.5rem 0;z-index:1000}.sidebar-icons{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.sidebar-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background-color .2s ease;cursor:pointer}.sidebar-icon:hover{background-color:#ffffff1a}.sidebar-icon img{width:30px;height:30px}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:1.8rem;padding-bottom:1rem}.sidebar-bottom .logout i{color:var(--white);font-size:1.5rem}.user-avatar img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#051440;color:#333;font-size:20px;line-height:1.5}.dashboard{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;color:#fff}.mobile-nav{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#fff;border-bottom:1px solid #e5e5e5}.mobile-nav-title{display:flex;align-items:center}.mobile-nav-title span{font-weight:600;margin-left:.5rem}.mobile-nav-tabs{display:flex;gap:.5rem}.mobile-nav-tab{padding:.5rem;border-radius:9999px;background-color:transparent;border:none;cursor:pointer}.mobile-nav-tab.active{background-color:#e6f0ff;color:#3b82f6}#mobile-title,.blue{color:#3b82f6}.gray,.orange{color:#e48202}.center-column{flex-direction:column;flex:1;border-right:1px solid #e5e5e5}.center-column .calendar-panel{border-bottom:1px solid #e5e5e5;overflow-y:hidden}#calendar-left-btn,#calendar-right-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:20px;background-color:#d6d6d6}.center-column .calendar-panel .calendar-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5}.center-column .calendar-panel .calendar-header h4{margin:0;font-size:1.125rem;font-weight:600}.center-column .calendar-panel .calendar-header .calendar-actions{display:flex;gap:.5rem}.calendar-dates-scroll{display:inline-flex;padding:0 .5rem;gap:.4rem}.center-column .drive-panel{height:45%;overflow:hidden}.panel{flex:1;background-color:#fff;border-right:1px solid #e5e5e5}.dashboard-panel-header{padding:1rem;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between}.panel-title{font-weight:600;font-size:1.125rem}.panel-title .blue{color:#3b82f6}.panel-title .gray{color:#e48202}.panel-actions{display:flex;gap:.5rem;align-items:center}.back-to-list-btn{background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;padding:.25rem;border-radius:4px}.back-to-list-btn:hover{background-color:#f3f4f6}.view-toggle-btn{background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;padding:.25rem;border-radius:4px}.view-toggle-btn:hover{background-color:#f3f4f6}.search-container{padding:1rem;position:relative}.search-input{width:100%;padding:.5rem .5rem .5rem 2.5rem;border:1px solid #e5e5e5;border-radius:.375rem;font-size:.875rem}.search-icon{position:absolute;left:1.75rem;top:1.625rem;color:#9ca3af}.mail-list,.chat-list{border-top:1px solid #e5e5e5}.fixed-mail-list{height:calc(100% - 60px);overflow:hidden}.mail-item,.chat-item{display:flex;padding:.7rem;border-bottom:1px solid #e5e5e5;cursor:pointer}.mail-item:hover,.chat-item:hover{background-color:#f0f7ff}.avatar{width:2.5rem;height:2.5rem;border-radius:9999px;margin-right:.75rem;flex-shrink:0;overflow:hidden;background-color:#e5e5e5;display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:.75rem;font-weight:500}.mail-content,.chat-content{flex:1;min-width:0}.mail-header,.chat-header{display:flex;justify-content:space-between;align-items:flex-start}.sender-name,.chat-name{font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-time,.chat-time{font-size:.75rem;color:#6b7280;white-space:nowrap;margin-left:.7rem}.chat-time{font-size:12px;color:#6b7280;white-space:nowrap;margin-left:.7rem;text-align:center}.mail-subject{font-size:.75rem;color:#4b5563;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-preview,.chat-message{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{margin-left:.5rem;background-color:#3b82f6;color:#fff;font-size:.75rem;border-radius:9999px;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}.mail-detail-view{padding:1.5rem}.mail-detail-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5}.mail-detail-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;background-color:#e5e5e5;display:flex;align-items:center;justify-content:center}.mail-detail-avatar img{width:100%;height:100%;object-fit:cover}.mail-detail-info h4{margin:0 0 .25rem;font-size:1.125rem}.mail-detail-meta{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.mail-detail-subject{margin:0;font-size:1rem;font-weight:600}.mail-detail-body{line-height:1.6;font-size:.875rem}.mail-detail-body p{margin-bottom:1rem}.chat-detail-view{display:flex;flex-direction:column;height:calc(100% - 80px)}.chat-detail-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #e5e5e5}.chat-detail-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}.chat-detail-avatar img{width:100%;height:100%;object-fit:cover}.chat-detail-info h4{margin:0;font-size:1rem}.online-status{width:8px;height:8px;background:#10b981;border-radius:50%;border:2px solid white}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:.75rem}.message.sent{flex-direction:row-reverse}.message-avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-content{max-width:70%}.message.sent .message-content{background:#3b82f6;color:#fff;border-radius:18px 18px 4px;padding:.75rem 1rem}.message.received .message-content{background:#f3f4f6;border-radius:18px 18px 18px 4px;padding:.75rem 1rem}.message-time{font-size:.75rem;color:#6b7280;margin-top:.25rem;display:block}.message.sent .message-time{color:#ffffffb3}.drive-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e5e5}.drive-header h4{margin:0;font-size:1rem;font-weight:600}.more-files-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer}.more-files-btn:hover{background:#2563eb}.drive-files{padding:1rem}.fixed-drive-list{height:calc(100% - 60px);overflow:hidden}.drive-files.grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.drive-files.list-view{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.file-item:hover{background-color:#f9fafb;border-color:#3b82f6}.list-view .file-item{flex-direction:row;align-items:center;padding:.75rem}.file-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:.5rem}.list-view .file-icon{width:2rem;height:2rem;margin-bottom:0;margin-right:.75rem}.file-icon svg{width:100%;height:100%}.file-info{text-align:center}.list-view .file-info{text-align:left;flex:1}.file-name{font-size:.875rem;font-weight:500;margin-bottom:.25rem;word-break:break-word}.file-size{font-size:.75rem;color:#6b7280}.drive-detail-view{padding:1.5rem}.file-detail-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5}.file-detail-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;color:#3b82f6;background:#f0f7ff;border-radius:8px}.file-detail-icon svg{width:2.5rem;height:2.5rem}.file-detail-info h4{margin:0 0 .5rem;font-size:1.25rem}.file-detail-meta{display:flex;flex-direction:column;gap:.25rem;color:#6b7280;font-size:.875rem}.file-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.file-action-btn{padding:.5rem 1rem;border:1px solid #e5e5e5;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.file-action-btn:hover{background:#f9fafb}.file-action-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.file-action-btn.primary:hover{background:#2563eb}.shared-with{margin-bottom:1.5rem}.shared-with h5{margin:0 0 .75rem;font-size:1rem;font-weight:600}.shared-users{display:flex;flex-direction:column;gap:.75rem}.shared-user{display:flex;align-items:center;gap:.75rem}.shared-user-avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden}.shared-user-avatar img{width:100%;height:100%;object-fit:cover}.file-preview{background:#f9fafb;border:1px solid #e5e5e5;border-radius:8px;padding:1rem;text-align:center;color:#6b7280}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:.5rem 0;border-bottom:1px solid #e5e5e5}.calendar-day{font-size:.75rem;font-weight:500;color:#6b7280}.calendar-dates-container{overflow-x:auto;white-space:nowrap;padding:.5rem 0;border-bottom:1px solid #e5e5e5}.calendar-dates-scroll{display:inline-flex;padding:0 .5rem}.calendar-date{height:2.5rem;width:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 .25rem;font-size:.875rem;color:#4b5563;transition:background-color .3s ease-in-out,color .3s ease-in-out;cursor:pointer;flex-shrink:0}.calendar-date:hover{background-color:#537272;color:#000}.calendar-date.active{background-color:#9b9b9b;color:#fff}.calendar-date.active:hover{background-color:#555252}.calendar-content{padding:1rem 1rem 3rem;overflow-y:auto;height:calc(100% - 100px)}.date-header{display:flex;align-items:center;margin-bottom:1rem}.date-title{font-size:1.125rem;font-weight:600}.date-subtitle{font-size:.875rem;color:#6b7280;margin-left:.5rem}.events{display:flex;flex-direction:column;gap:1rem}.event{display:flex;cursor:pointer}.event-time{font-size:.75rem;color:#6b7280;width:3rem;padding-top:.25rem}.event-content{flex:1}.event-card{padding:.75rem;border-radius:.5rem;border-left-width:4px}.event-card.green{background-color:#eaf4fa;border-color:#00a3ff;border-style:solid;border-width:2px}.event-card.blue{background-color:#feebff;border-color:#f700ff;border-style:solid;border-width:2px}.event-card.orange{background-color:#fff5e1;border-color:#ffa600;border-style:solid;border-width:2px}.event-title{font-weight:500;font-size:.875rem}.event-description{font-size:.75rem;color:#4b5563}.event-attendees{display:flex;margin-top:.5rem;gap:.25rem}.attendee{width:1.5rem;height:1.5rem;border-radius:9999px;overflow:hidden;border:2px solid white}.attendee img{width:100%;height:100%;object-fit:cover}.attendee-more{width:1.5rem;height:1.5rem;border-radius:9999px;background-color:#e5e5e5;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:.75rem}.event-duration{font-size:.75rem;color:#6b7280;margin-top:.25rem}.event-detail-view{padding:1.5rem}.add-event-button:hover{background-color:#2563eb;transform:scale(1.1)}.add-event-button:active{background-color:#fff;transform:scale(1)}.icon{width:1.25rem;height:1.25rem;display:inline-block;transition:stroke .3s ease}.add-event-button:hover .icon{stroke:#fff}.fixed-chat-list{height:calc(100% - 60px);overflow:hidden}@media (min-width: 768px){.dashboard{flex-direction:row}.mobile-nav{display:none}.panel{display:block!important;flex:1}.center-column{width:33.333%}}@media (max-width: 767px){.panel{display:none}.panel.active,.center-column{display:block}.center-column .calendar-panel,.center-column .drive-panel{height:auto;border-bottom:none}.drive-files.grid-view{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-left .brand{display:none}}.header-center[data-v-242f9394]{flex:1;display:flex;justify-content:center;position:relative;font-size:1.2rem;padding:7.2px 0}@media (max-width: 768px){.header-center[data-v-242f9394]{justify-content:flex-start}.search-bar[data-v-242f9394]{display:none;width:200px}}.search-bar[data-v-242f9394]{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[data-v-242f9394]:focus-within,.search-bar.expanded[data-v-242f9394]{width:800px;box-shadow:0 2px 8px var(--shadow-color)}.search-bar input[data-v-242f9394]{flex:1;border:none;background:transparent;outline:none;color:var(--text-color);padding:8px 12px}.dark-mode .search-bar[data-v-242f9394]{background-color:#2c2f3a;border:1px solid #444}.dark-mode .search-bar input[data-v-242f9394]{color:var(--text-light)}.search-bar[data-v-242f9394]:focus-within,.search-bar.expanded[data-v-242f9394]{width:700px;box-shadow:0 2px 8px var(--shadow-color)}.search-bar[data-v-242f9394]:active,.search-bar[data-v-242f9394]:focus-within{background-color:#f3f4f6}@media (max-width: 768px){.header-right .icon-btn{display:none}}.icon-btn{position:relative;cursor:pointer;font-size:1.2rem;color:var(--text-color);transition:color var(--transition-speed)}.icon-btn:hover{color:var(--primary-color)}.dark-mode .icon-btn{color:var(--text-light)}.notification-wrapper{position:relative}.notification-btn{position:relative;cursor:pointer}.notification-badge{position:absolute;top:-6px;right:-8px;background-color:red;color:#fff;font-size:10px;padding:2px 5px;border-radius:10px}.dark-mode .notification-badge{background-color:#ff5722}.notification-panel{position:absolute;top:50px;right:-100px;width:300px;background-color:var(--bg-light, #fff);border:1px solid var(--border-color, #ccc);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;padding:10px 0}.notification-panel.show{display:block;animation:slideIn .3s}.notification-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #ddd)}.close-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .3s}.close-btn:hover{background-color:#eee}.notification-item{padding:10px 16px;cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#f0f0f0}.notification-title{font-weight:600;font-size:14px}.notification-time{font-size:12px;color:gray}.settings-panel[data-v-0cf58bde]{position:fixed;top:0;right:0;width:400px;height:100%;background-color:var(--bg-light);border-left:1px solid var(--border-color);z-index:1000;display:none;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.settings-panel.show[data-v-0cf58bde]{display:block;animation:slideInRight .3s}.settings-header[data-v-0cf58bde]{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition-speed)}.settings-header h2[data-v-0cf58bde]{font-size:18px;font-weight:600;color:var(--text-color);transition:color var(--transition-speed)}.settings-body[data-v-0cf58bde]{padding:16px;overflow-y:auto;height:calc(100% - 60px)}.settings-section[data-v-0cf58bde]{margin-bottom:24px}.settings-section h3[data-v-0cf58bde]{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-color);transition:color var(--transition-speed)}.setting-item[data-v-0cf58bde]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.setting-label[data-v-0cf58bde]{font-size:16px;margin-bottom:16px;color:var(--text-color);transition:color var(--transition-speed)}.setting-control[data-v-0cf58bde]{width:200px}.form-control[data-v-0cf58bde]{flex:1;height:36px}.setting-control select[data-v-0cf58bde]{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)}.setting-control select[data-v-0cf58bde]:focus{border-color:var(--primary-color)}.working-hours[data-v-0cf58bde],.toggle-switch[data-v-0cf58bde]{display:flex;align-items:center;gap:8px}.toggle-switch input[data-v-0cf58bde]{display:none}.toggle-switch label[data-v-0cf58bde]{width:36px;height:20px;background-color:var(--border-color);border-radius:10px;position:relative;cursor:pointer;transition:background-color var(--transition-speed)}.toggle-switch label[data-v-0cf58bde]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:left var(--transition-speed)}.toggle-switch input:checked+label[data-v-0cf58bde]{background-color:var(--primary-color)}.toggle-switch input:checked+label[data-v-0cf58bde]:after{left:18px}.expanded-event-editor.show{display:flex;transform:translateY(0);opacity:1}.expanded-event-editor{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-light);z-index:2000;display:none;flex-direction:column;transition:transform .3s ease,opacity .3s ease;transform:translateY(20px);opacity:0;overflow:hidden}.expanded-editor-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background-color:var(--bg-light);position:sticky;top:0;z-index:10}.editor-title h2{font-size:20px;font-weight:600;color:var(--text-color)}.editor-actions{display:flex;align-items:center;gap:12px}.save-btn{height:36px;padding:0 12px;background-color:var(--primary-color);border-radius:4px;color:#fff;font-weight:500;transition:background-color var(--transition-speed);align-items:center;display:flex;justify-content:center;gap:8px}.save-btn:hover{background-color:#0284c7}.send-btn-2{height:36px;padding:0 12px;background-color:var(--primary-color);border-radius:4px;color:#fff;font-weight:500;transition:background-color var(--transition-speed);align-items:center;display:flex;justify-content:center;gap:8px}.send-btn-2:hover{background-color:#0284c7}svg{color:var(--text-color);transition:color var(--transition-speed)}.expanded-editor-content{flex:1;padding:20px;overflow-y:auto}form-control{flex:1;height:36px}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)}.editor-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.editor-section:last-child{border-bottom:none}.form-group{margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--primary-color)}.date-time-group{align-items:center}@media (min-width: 768px){.section-title{grid-column:1 / -1}.date-time-controls{flex-direction:column;align-items:flex-start}.editor-section{display:grid;grid-template-columns:1fr 1fr;gap:30px}.expanded-editor-content{max-width:900px;margin:0 auto;padding:30px}}@media (max-width: 767px){.expanded-editor-content{padding:15px}.expanded-editor-header{padding:0 10px}.editor-actions{gap:8px}.editor-actions button{padding:0 8px}.editor-actions button span{display:none}}@media (max-width: 768px){.modal-content[data-v-a454aa9c]{width:90%}.date-input[data-v-a454aa9c],.time-input[data-v-a454aa9c]{width:100%}}.new-event-btn[data-v-a454aa9c]{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[data-v-a454aa9c]:hover{background-color:#0284c7}.new-event-btn svg[data-v-a454aa9c]{color:#fff}.modal[data-v-a454aa9c]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;align-items:center;justify-content:center}.modal.show[data-v-a454aa9c]{display:flex;animation:fadeIn .3s}.modal-content[data-v-a454aa9c]{max-height:80vh;background-color:var(--bg-light);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);display:flex;flex-direction:column;animation:slideIn .3s;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.modal-content[data-v-a454aa9c]{transition:width .3s ease,height .3s ease}.modal-content.expanded[data-v-a454aa9c]{width:700px;height:80vh;transition:width .3s ease,height .3s ease}.modal-header[data-v-a454aa9c]{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:20;transition:border-color var(--transition-speed)}.modal-header h2[data-v-a454aa9c]{font-size:18px;font-weight:600;color:var(--text-color);transition:color var(--transition-speed)}.modal-body[data-v-a454aa9c]{padding:16px 16px 0;overflow:hidden}.modal-actions[data-v-a454aa9c]{display:flex;align-items:center;gap:8px}.discard-btn[data-v-a454aa9c]{height:36px;padding:0 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-weight:500;transition:background-color var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed)}.discard-btn[data-v-a454aa9c]:hover{background-color:var(--bg-color)}.save-btn[data-v-a454aa9c]{height:36px;padding:0 12px;background-color:var(--primary-color);border-radius:4px;color:#fff;font-weight:500;transition:background-color var(--transition-speed);align-items:center;display:flex;justify-content:center;gap:8px}.save-btn[data-v-a454aa9c]:hover{background-color:#0284c7}.form-group[data-v-a454aa9c]{margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.icon-label[data-v-a454aa9c]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:color var(--transition-speed)}.toggle-switch input[data-v-a454aa9c]{display:none}.toggle-switch label[data-v-a454aa9c]{width:36px;height:20px;background-color:var(--border-color);border-radius:10px;position:relative;cursor:pointer;transition:background-color var(--transition-speed)}.toggle-switch label[data-v-a454aa9c]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:left var(--transition-speed)}.toggle-switch input:checked+label[data-v-a454aa9c]{background-color:var(--primary-color)}.toggle-switch input:checked+label[data-v-a454aa9c]:after{left:18px}.toggle-switch[data-v-a454aa9c]{display:flex;align-items:center;gap:8px}.attendees-list[data-v-a454aa9c]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.form-control[data-v-a454aa9c]{flex:1;height:36px}svg[data-v-a454aa9c]{color:var(--text-color);transition:color var(--transition-speed)}.date-input[data-v-a454aa9c]{width:120px}.time-input[data-v-a454aa9c]{width:80px}.dropdown[data-v-a454aa9c]{flex:1}input[data-v-a454aa9c],textarea[data-v-a454aa9c],select[data-v-a454aa9c]{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[data-v-a454aa9c]:focus,textarea[data-v-a454aa9c]:focus,select[data-v-a454aa9c]:focus{border-color:var(--primary-color)}.textarea[data-v-a454aa9c]{height:120px;resize:none}.color-selector[data-v-a454aa9c]{display:flex;align-items:center;gap:8px}.color-option[data-v-a454aa9c]{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:transform var(--transition-speed)}.color-option[data-v-a454aa9c]:hover{transform:scale(1.1)}.color-option.selected[data-v-a454aa9c]{border:2px solid var(--text-color)}.color-option.blue[data-v-a454aa9c]{background-color:var(--blue-border)}.color-option.orange[data-v-a454aa9c]{background-color:var(--orange-border)}.color-option.green[data-v-a454aa9c]{background-color:var(--green-border)}.color-option.purple[data-v-a454aa9c]{background-color:var(--purple-border)}.color-option.red[data-v-a454aa9c]{background-color:var(--red-border)}.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{position:relative;width:40px;height:20px}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle input:checked+.toggle-label{background-color:var(--primary-color)}.theme-toggle input:checked+.toggle-label:before{transform:translate(20px)}.theme-toggle input:checked+.toggle-label .sun-icon{opacity:0}.theme-toggle input:not(:checked)+.toggle-label .moon-icon{opacity:0}.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:5px;padding:6px 0}.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);display:flex;justify-content:center;align-items:center;gap:2px}.filter-btn:hover{background-color:var(--bg-color)}.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)}.toolbar-right{display:flex;align-items:center;gap:16px}.view-toggles{display:flex;align-items:center;gap:40px}.view-toggles span{position:relative;top:-4px;left:5px}.toolbar{height:50px;background-color:var(--bg-light);display:flex;align-items:center;justify-content:space-between;padding:0 15px;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)}@media (max-width: 768px){.toolbar-left .view-toggles,.toolbar-right .filter-dropdown,.toolbar-right .mini-calendar-toggle,.toolbar-right .theme-toggle{display:none}}.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)}@media (max-width: 768px){.date-controls-left .date-nav{gap:10px}}.week-grid{flex:1;display:flex;flex-direction:column;position:relative}.calendar-view{flex:1;flex-direction:column;overflow:hidden}.day-column-header{font-size:14px;flex:1;display:flex;align-items:center;justify-content:center;font-weight:500;border-right:1px solid var(--border-color)}: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}.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-center{flex:1;display:flex;justify-content:center;position:relative;font-size:1.2rem;padding:7.2px 0}.header-right{display:flex;align-items:center;gap:1.2rem}.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)}.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{display:flex;flex-direction:column;height:100%;overflow:hidden}.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)}.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-light);border-bottom:1px solid var(--border-color);transition:var(--time-cell-transition);height:auto}.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}.week-grid{flex:1;display:flex;position:relative}.day-column{flex:1;border-right:1px solid var(--border-color);position:relative}.day-column:last-child{border-right:none}.time-cell,.time-slot{border-bottom:1px solid var(--border-color);position:relative;transition:var(--time-cell-transition)}.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;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}.week-event,.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;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:5;transition:top var(--time-cell-transition)}.current-time-indicator:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;background-color:var(--secondary-color);border-radius:50%}.mini-calendar{width:220px;padding:16px;border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;margin-left:5px;border-top:1px solid var(--border-color);transition:border-color var(--transition-speed)}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between}.mini-month-nav{display:flex;align-items:center;gap:2px}.mini-nav-btn{width:24px;height:24px;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)}.mini-nav-btn:hover{background-color:var(--bg-color)}.mini-month{font-size:12px;font-weight:500;color:var(--text-color);transition:color var(--transition-speed)}.mini-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-weight:500;color:var(--text-light);font-size:12px;transition:color var(--transition-speed)}.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-day{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;color:var(--text-color);cursor:pointer;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,.mini-day.selected{background-color:var(--primary-color);color:#fff}.mini-day.has-events:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background-color:var(--primary-color)}.horizontal-line{height:1.5px;background-color:var(--border-color);width:100%;transition:background-color var(--transition-speed)}.calendar-categories{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.category-item{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;transition:opacity .2s ease}.mini-calendar-footer{margin-top:20px;padding-top:16px}.add-calendar-btn{width:100%;height:36px;font-size:12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:18px;color:var(--primary-color);font-weight:500;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.add-calendar-btn:hover{background-color:var(--bg-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;align-items:center;justify-content:center}.modal.show{display:flex;animation:fadeIn .3s}.modal-content{width:540px;max-height:80vh;background-color:var(--bg-light);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);display:flex;flex-direction:column;animation:slideIn .3s;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.modal-content{transition:width .3s ease,height .3s ease}.modal-content.expanded{width:700px;height:80vh;transition:width .3s ease,height .3s ease}.meet-now-content{width:460px;height:300px}.modal-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:20;transition:border-color var(--transition-speed)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-color);transition:color var(--transition-speed)}.modal-body{padding:16px;overflow-y:auto}.form-control{flex:1;height:36px}.textarea{height:120px;resize:none}.toggle-switch{display:flex;align-items:center;gap:8px}.toggle-switch input{display:none}.toggle-switch label{width:36px;height:20px;background-color:var(--border-color);border-radius:10px;position:relative;cursor:pointer;transition:background-color var(--transition-speed)}.toggle-switch label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:left var(--transition-speed)}.toggle-switch input:checked+label{background-color:var(--primary-color)}.toggle-switch input:checked+label:after{left:18px}.date-input{width:120px}.time-input{width:80px}.dropdown{flex:1}.dropdown-toggle{width:100%;height:36px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:var(--text-color);transition:border-color var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed)}.dropdown-toggle:hover{border-color:var(--primary-color)}.modal-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition-speed)}.more-options-btn{color:var(--primary-color);font-weight:500}.modal-actions{display:flex;align-items:center;gap:8px}.cancel-btn{height:36px;padding:0 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-weight:500;transition:background-color var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed)}.cancel-btn:hover{background-color:var(--bg-color)}.attendees-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.attendee-chip{display:flex;align-items:center;gap:8px;background-color:var(--bg-color);border-radius:16px;padding:4px 8px;font-size:12px;transition:background-color var(--transition-speed)}.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:500}.remove-attendee{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--border-color);color:var(--text-color);font-size:12px;cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed)}.remove-attendee:hover{background-color:var(--text-light);color:#fff}.color-selector{display:flex;align-items:center;gap:8px}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:transform var(--transition-speed)}.color-option.selected{border:2px solid 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)}.weekday-checkboxes{display:flex;gap:8px}.weekday-checkbox{display:flex;flex-direction:column;align-items:center;gap:4px}.weekday-checkbox label{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color);font-size:12px;cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed)}.weekday-checkbox input{display:none}.weekday-checkbox input:checked+label{background-color:var(--primary-color);color:#fff}.recurrence-input{display:flex;align-items:center;gap:8px}.recurrence-input input{width:60px}.recurrence-end{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:center;gap:8px}.radio-option input[type=number],.radio-option input[type=date]{width:100px}.show-as-dropdown{flex:1}.context-menu{position:fixed;width:150px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px var(--shadow-color);z-index:1000;display:none;transition:background-color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}.context-menu.show{display:block}.context-menu-item{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color var(--transition-speed)}.context-menu-item:hover{background-color:var(--bg-color)}.notification-header{padding:12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition-speed)}.notification-header h3{font-size:16px;font-weight:600;color:var(--text-color);transition:color var(--transition-speed)}.notification-item{padding:12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.notification-item:hover{background-color:var(--bg-color)}.notification-item:last-child{border-bottom:none}.notification-title{font-weight:500;margin-bottom:4px;color:var(--text-color);transition:color var(--transition-speed)}.notification-time{font-size:12px;color:var(--text-light);transition:color var(--transition-speed)}.notification-toast{position:fixed;bottom:20px;right:20px;width:300px;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;display:none;transition:background-color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}.notification-toast.show{display:flex;animation:slideIn .3s}.notification-toast-content{flex:1;padding:12px;display:flex;align-items:center;gap:12px}.notification-toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);transition:color var(--transition-speed)}.notification-toast-message{flex:1;font-size:14px;color:var(--text-color);transition:color var(--transition-speed)}.notification-toast-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:color var(--transition-speed)}.settings-panel{position:fixed;top:0;right:0;width:400px;height:100%;background-color:var(--bg-light);border-left:1px solid var(--border-color);z-index:1000;display:none;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.settings-panel.show{display:block;animation:slideInRight .3s}.settings-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition-speed)}.settings-header h2{font-size:18px;font-weight:600;color:var(--text-color);transition:color var(--transition-speed)}.settings-body{padding:16px;overflow-y:auto;height:calc(100% - 60px)}.settings-section{margin-bottom:24px}.settings-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-color);transition:color var(--transition-speed)}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.setting-label{font-size:14px;color:var(--text-color);transition:color var(--transition-speed)}.setting-control{width:200px}.working-hours{display:flex;align-items:center;gap:8px}.resize-handle{position:absolute;bottom:0;left:0;right:0;height:6px;cursor:ns-resize;background-color:#0000001a;border-radius:0 0 4px 4px;opacity:0;transition:opacity var(--transition-speed)}.week-event:hover .resize-handle,.day-event:hover .resize-handle{opacity:1}.fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--shadow-color);z-index:100;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.fab:hover{background-color:#0284c7}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dragging{opacity:.7;z-index:100}@media (max-width: 768px){.sidebar{width:50px}.sidebar-icon{width:36px;height:36px}.header-left .brand{display:none}.header-center{justify-content:flex-start}.search-bar,.search-results{width:200px}.header-right .icon-btn{display:none}.header-right .notification-btn{display:flex}.toolbar-left .view-toggles,.toolbar-right .filter-dropdown,.toolbar-right .mini-calendar-toggle,.toolbar-right .theme-toggle{display:none}.date-controls-left .date-nav{gap:10px}.mini-calendar{position:fixed;top:0;right:0;width:250px;height:100%;z-index:100;display:none;animation:slideInRight .3s}.mini-calendar.show,.fab{display:flex}.modal-content{width:90%}.date-input,.time-input{width:100%}}.additional-field{display:none;margin-top:12px}.recurrence-options{margin-top:16px;padding:16px;background-color:var(--bg-color);border-radius:8px}.file-upload-container{position:relative;width:100%;height:100px;border:2px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;cursor:pointer;transition:border-color var(--transition-speed)}.file-upload-container:hover{border-color:var(--primary-color)}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-light)}.attachments-list{display:flex;flex-wrap:wrap;gap:12px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--bg-color);border-radius:4px;font-size:12px}.attachment-item .remove-btn{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--border-color);color:var(--text-color);font-size:12px;cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed)}.attachment-item .remove-btn:hover{background-color:var(--text-light);color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--primary-color: #0085ff;--secondary-color: #ff8a00;--sidebar-bg: #0a2342;--outgoing-msg-bg: #0085ff;--incoming-msg-bg: #f1f1f1;--active-bg: #eaf3fc;--text-primary: #333;--text-secondary: #666;--text-light: #999;--border-color: #eee;--hover-bg: #f5f5f5;--shadow-color: rgba(0, 0, 0, .1);--white: #fff;--red: #ff3b30;--green: #34c759;--blue: #007aff}body.light-mode{--primary-color: #0085ff;--secondary-color: #ff8a00;--sidebar-bg: #0a2342;--outgoing-msg-bg: #0085ff;--incoming-msg-bg: #f1f1f1;--active-bg: #eaf3fc;--text-primary: #333;--text-secondary: #666;--text-light: #999;--border-color: #eee;--hover-bg: #f5f5f5;--shadow-color: rgba(0, 0, 0, .1);--white: #fff;--red: #ff3b30;--green: #34c759;--blue: #007aff}body.dark-mode{--primary-color: #3b82f6;--secondary-color: #f97316;--sidebar-bg: #111827;--outgoing-msg-bg: #3b82f6;--incoming-msg-bg: #374151;--active-bg: #1e293b;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-light: #9ca3af;--border-color: #1f2937;--hover-bg: #1f2937;--shadow-color: rgba(0, 0, 0, .3);--white: #111827;--red: #ef4444;--green: #10b981;--blue: #3b82f6}body{background-color:var(--white);color:var(--text-primary);height:100vh;overflow:hidden}.chat-app-container{display:flex;height:100vh;position:relative;background-color:var(--white);color:var(--text-primary)}.chat-main-content{flex:1;margin-left:3rem;display:flex;flex-direction:column;height:100%;width:calc(100% - 4.5rem);background-color:var(--white);color:var(--text-primary)}.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);margin-bottom:5px;border-radius:10px;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}.logo{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}.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)}.header-right{display:flex;align-items:center;gap:16px}.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}.center-nav{display:flex;align-items:center;border-bottom:1px solid var(--border-color);position:fixed;top:4rem;width:100%;background:var(--white);z-index:4;font-size:.875rem;font-weight:500}.tabs{display:flex}.tab{padding:1rem;cursor:pointer;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap;margin-left:1%}.tab:hover{color:var(--primary-color)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.new-items-dropdown{position:relative;display:inline-flex;align-items:center;cursor:pointer;margin-left:auto;margin-right:4%;background-color:#0085ff;padding:.5rem;border-radius:2rem;transition:background .2s}@media (max-width: 768px){.new-items-dropdown{padding:.5rem;font-size:1rem}}.dropdown-content{display:none;position:absolute;background-color:var(--white);min-width:160px;box-shadow:0 8px 16px #0003;z-index:2000;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;overflow-y:auto;max-height:15rem;right:0}.new-items-dropdown:hover .dropdown-content,.dropdown-content.show{display:block}.dropdown-item{padding:.75rem 1rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.dropdown-item:hover{background-color:var(--hover-bg)}.collapse-all-container{padding:.5rem 1rem;position:fixed;top:7.5rem;width:100%;background:var(--white);z-index:3;border-bottom:1px solid var(--border-color)}.collapse-all-button{background:none;border:none;font-size:.875rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem}.collapse-all-button:hover{color:var(--primary-color)}.chat-container{display:flex;flex:1;margin-top:4rem;height:calc(100% - 10rem)}.chat-list{width:20rem;border-right:1px solid var(--border-color);height:100%}.chat-section{margin-bottom:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.section-title{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer}.section-more{cursor:pointer;position:relative}.section-options{padding:.25rem;border-radius:.25rem}.section-options:hover{background-color:var(--hover-bg)}.section-dropdown{position:absolute;right:0;top:100%;background-color:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-color);z-index:10;min-width:10rem}.editable-input{font-size:16px;padding:2px 5px;width:auto;border:1px solid #ccc;border-radius:4px}.edit-mode .section-title{display:none}.edit-mode .editable-input{display:inline-block}.chat-items{display:flex;flex-direction:column}.chat-item{display:flex;padding:.25rem 1rem;cursor:pointer;position:relative;align-items:center}.chat-items.hidden{display:none!important}.chat-item:hover{background-color:var(--hover-bg)}.chat-item.active{background-color:var(--active-bg)}.chat-item.unread:before{content:"";position:absolute;left:.25rem;top:50%;transform:translateY(-50%);width:.25rem;height:.25rem;background-color:var(--green);border-radius:50%}.chat-avatar{width:2.5rem;height:2.5rem;background-color:#ccc;border-radius:50%;margin-right:.75rem;flex-shrink:0;background-size:cover;background-position:center}.chat-profile{width:2.5rem;height:2.5rem;background-color:#ccc;border-radius:50%;margin-right:.75rem;flex-shrink:0}.chat-details{flex:1;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:5px;border-radius:5px}.chat-header-1{margin-bottom:.25rem;padding-bottom:.15rem}.chat-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:.75rem;color:var(--text-light);white-space:nowrap}.chat-message{font-size:.654rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem;max-width:100%}.chat-options{opacity:0;transition:opacity .2s;position:relative;padding:.25rem}.chat-item:hover .chat-options{opacity:1}.user-dropdown{position:absolute;right:0;top:100%;background-color:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-color);z-index:10;min-width:10rem}.see-more{text-align:center;padding:1rem;color:var(--primary-color);font-size:.875rem;cursor:pointer}.user-dropdown{position:absolute;background:#fff;border:1px solid #ddd;padding:8px;border-radius:6px;width:180px;z-index:10}.nested-dropdown{position:absolute;background:#fff;border:1px solid #ddd;padding:8px;border-radius:6px;z-index:10;width:180px}.hidden{display:none}.has-submenu{position:relative}.has-submenu .nested-dropdown{top:0;left:100%;margin-left:4px}.chat-window{flex:1;display:flex;flex-direction:column;height:100%}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.empty-state-text{margin-top:1%;font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.empty-state h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary)}.active-chat{display:flex;flex-direction:column;height:100%}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-user{display:flex;align-items:center;margin-left:15%}.back-button{display:none;margin-right:.5rem;cursor:pointer}.user-info{margin-left:.75rem}.user-name{font-weight:500}.user-status{font-size:.75rem;color:var(--text-secondary)}.chat-actions{display:flex;gap:.75rem;margin-right:15%}.action-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .2s}.action-icon:hover{background-color:var(--hover-bg)}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;margin-bottom:.1rem;margin-left:15%;margin-right:15%}.message{display:flex;max-width:70%}.message.outgoing{align-self:flex-end}.message.incoming{align-self:flex-start}.message-content{padding:.75rem 1rem;border-radius:1rem;position:relative}.message.outgoing .message-content{background-color:var(--outgoing-msg-bg);color:var(--white);border-radius:1rem 1rem 0rem}.message.incoming .message-content{background-color:var(--incoming-msg-bg);color:var(--text-primary);border-radius:1rem 1rem 1rem 0rem}.message-time{font-size:.75rem;margin-top:.25rem;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.message.outgoing .message-time{color:#ffffffb3}.message.incoming .message-time{color:var(--text-light)}.message-status{display:inline-flex;align-items:center;margin-left:.25rem}.message-status-icon{font-size:.75rem}.message-status-icon.sent,.message-status-icon.delivered{color:#ffffffb3}.message-status-icon.seen{color:var(--blue)}.message-input-container{padding:1rem;margin-left:15%;margin-right:15%}.message-input-wrapper{display:flex;align-items:center;background-color:#f5f5f5;border-radius:2rem;padding:.5rem 1rem}.input-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);position:relative}.input-icon:hover,.input-icon.send{color:var(--primary-color)}.recording-indicator{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);background-color:var(--red);color:var(--white);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap}.message-input{flex:1;border:none;background:transparent;padding:.5rem;outline:none;font-size:.875rem;resize:none;min-height:40px;max-height:120px;overflow-y:auto;word-wrap:break-word;line-height:1.5}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background-color:var(--white);border-radius:.75rem;width:100%;max-width:30rem;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.settings-title{margin-left:.5rem;color:var(--text-secondary)}.modal-body{padding:1.5rem}.settings-section{margin-bottom:1.5rem}.settings-section h3{margin-bottom:1rem;font-size:1rem}.settings-option{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:1.1rem;width:1.1rem;left:.2rem;bottom:.2rem;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(1.5rem)}.slider.round{border-radius:1.5rem}.slider.round:before{border-radius:50%}.modal-footer{padding:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.save-button{padding:.5rem 1rem;background-color:var(--primary-color);color:var(--white);border:none;border-radius:.25rem;cursor:pointer;font-weight:500}.call-info{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.call-avatar{width:6rem;height:6rem;background-color:#ccc;border-radius:50%;margin-bottom:1rem}.call-name{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.call-status{color:var(--text-secondary)}.call-actions{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem}.call-action{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f5f5f5}.call-action.end{background-color:var(--red);color:var(--white)}.help-panel{position:fixed;top:0;right:0;bottom:0;width:24rem;background-color:var(--white);box-shadow:-2px 0 10px var(--shadow-color);z-index:50;display:flex;flex-direction:column}.help-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.help-content{flex:1;overflow-y:auto;padding:1.5rem}.help-section{margin-bottom:1.5rem}.help-section h3{margin-bottom:1rem;font-size:1rem}.help-section ul{list-style:none}.help-section li{margin-bottom:.5rem}.help-section a{color:var(--primary-color);text-decoration:none}.help-section a:hover{text-decoration:underline}.emoji-picker{position:absolute;bottom:4rem;left:40rem;background-color:var(--white);border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-color);width:16rem;z-index:20}.emoji-categories{display:flex;border-bottom:1px solid var(--border-color);padding:.5rem}.emoji-category{padding:.5rem;cursor:pointer;border-radius:.25rem}.emoji-category.active{background-color:var(--hover-bg)}.emoji-list{display:grid;grid-template-columns:repeat(8,1fr);padding:.5rem;max-height:12rem;overflow-y:auto}.emoji{font-size:1.25rem;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.emoji:hover{background-color:var(--hover-bg)}.notification-dropdown{position:absolute;top:3.5rem;right:1rem;background-color:var(--white);border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-color);width:20rem;z-index:20}.dropdown-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500}.dropdown-action{color:var(--primary-color);cursor:pointer;font-size:.75rem}.notification-list{max-height:20rem;overflow-y:auto}.notification-item{padding:.75rem 1rem;display:flex;align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer}.notification-item:hover{background-color:var(--hover-bg)}.notification-item.unread{background-color:#0085ff0d}.notification-avatar{width:2.5rem;height:2.5rem;background-color:#ccc;border-radius:50%;margin-right:.75rem}.notification-content{flex:1}.notification-text{font-size:.875rem;margin-bottom:.25rem}.notification-time{font-size:.75rem;color:var(--text-light)}.dropdown-footer{padding:.75rem 1rem;text-align:center;border-top:1px solid var(--border-color)}.dropdown-footer a{color:var(--primary-color);text-decoration:none;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;background-color:var(--white);color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-note{background-color:#0085ff1a;border:1px solid rgba(0,133,255,.2);border-radius:.5rem;padding:.75rem;margin-top:1rem}.form-note p{margin:0;font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.form-note i{color:var(--primary-color)}.cancel-button,.create-chat-button,.create-group-button,.create-section-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background-color:var(--hover-bg);color:var(--text-primary);margin-right:.5rem}.cancel-button:hover{background-color:var(--border-color)}.create-chat-button,.create-group-button,.create-section-button{background-color:var(--primary-color);color:var(--white)}.create-chat-button:hover,.create-group-button:hover,.create-section-button:hover{background-color:#06c}.call-history-container{flex:.3;flex-direction:column;border-right:1px solid var(--border-color);overflow-y:auto;font-size:14px;background-color:var(--white)}.call-history-header{padding:1rem;border-bottom:1px solid var(--border-color)}.call-history-header h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.call-history-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.filter-button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:none;cursor:pointer;font-size:.875rem;white-space:nowrap;color:var(--text-primary)}.filter-button.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.call-list{display:flex;flex-direction:column}.call-item{display:flex;padding:1rem;border-bottom:1px solid var(--border-color);align-items:center;cursor:pointer}.call-item:hover{background-color:var(--hover-bg)}.call-item.missed .call-info,.call-item.missed .call-name{color:var(--red)}.call-avatar{width:2rem;height:2rem;border-radius:50%;margin-right:1rem;flex-shrink:0}.call-details{flex:1}.call-name{font-weight:500;margin-bottom:.25rem;font-size:.875rem;color:var(--text-primary)}.call-info{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.call-actions{display:flex;gap:.5rem}.call-button,.video-call-button,.info-button{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background-color:var(--hover-bg);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.call-button{background-color:var(--primary-color);color:var(--white)}.call-history-close{cursor:pointer;padding:10px;color:var(--text-secondary)}.call-history-close:hover{color:var(--text-primary)}.search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--white);border:1px solid var(--border-color);border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1100;box-shadow:0 4px 8px #0000001a}.search-result-item{padding:10px 15px;display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid var(--border-color)}.search-result-item:hover{background-color:var(--hover-bg)}.search-result-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden}.search-result-avatar img{width:100%;height:100%;object-fit:cover}.search-result-details{flex:1}.search-result-name{font-weight:500;margin-bottom:2px}.search-result-text{font-size:12px;color:var(--text-secondary)}.search-result-type{font-size:11px;padding:2px 6px;border-radius:10px;background-color:var(--hover-bg)}.selected-members{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.selected-member{display:flex;align-items:center;background-color:var(--hover-bg);padding:.5rem;border-radius:.5rem;font-size:.875rem}.remove-member{margin-left:.5rem;cursor:pointer;color:var(--text-light)}.remove-member:hover{color:var(--red)}.contact-list{max-height:15rem;overflow-y:auto;border:1px solid var(--border-color);border-radius:.5rem}.contact-item{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color);cursor:pointer}.contact-item:hover{background-color:var(--hover-bg)}.contact-item:last-child{border-bottom:none}.contact-avatar{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:.75rem}.contact-name{font-size:.875rem;font-weight:500}.video-call-content{max-width:80vw;width:80vw;height:80vh;display:flex;flex-direction:column}.video-grid{flex:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative;background-color:#000;border-radius:.75rem .75rem 0 0;overflow:hidden}.video-container{width:100%;height:100%;position:relative}.video-container video{width:100%;height:100%;object-fit:cover}.video-name{position:absolute;bottom:1rem;left:1rem;background-color:#00000080;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem}.self-video{position:absolute;width:20%;height:20%;bottom:1rem;right:1rem;border:2px solid white;border-radius:.5rem;overflow:hidden}.video-call-controls{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem;background-color:#f5f5f5;border-radius:0 0 .75rem .75rem}.user-info-panel{position:absolute;right:0;top:0;bottom:0;width:300px;background-color:var(--white);border-left:1px solid var(--border-color);box-shadow:-2px 0 10px var(--shadow-color);z-index:20;display:flex;flex-direction:column}.user-info-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.close-panel{cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-panel:hover{background-color:var(--hover-bg)}.user-info-content{padding:1.5rem;display:flex;flex-direction:column;align-items:center}.user-info-avatar{margin-bottom:1rem}.large-avatar{width:6rem;height:6rem;border-radius:50%;object-fit:cover}.user-info-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.user-info-status{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.user-info-details{width:100%;margin-bottom:1.5rem}.info-item{display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.info-label{font-weight:500;color:var(--text-secondary)}.user-info-actions{display:flex;gap:.75rem;width:100%}.action-button{flex:1;padding:.75rem;border:none;border-radius:.5rem;background-color:var(--hover-bg);color:var(--text-primary);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-button.call{background-color:var(--primary-color);color:var(--white)}.action-button:hover{opacity:.9}@media (max-width: 576px){.chat-container{flex-direction:column}.chat-list{width:100%!important;height:auto;max-height:100%}.chat-window{width:100%}.active-chat{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:var(--white)}.messages-container,.message-input-container{margin-left:5%;margin-right:5%}.chat-user{margin-left:5%}.chat-actions{margin-right:5%}.user-info-panel,.call-history-container{width:100%}.search-input{width:8rem}.center-nav{padding:0 .5rem}.tab{padding:1rem .5rem}.collapse-all-container{padding:.5rem}}@media (min-width: 577px) and (max-width: 768px){.chat-list{width:40%}.messages-container,.message-input-container{margin-left:10%;margin-right:10%}.user-info-panel{width:50%}}@media (min-width: 769px) and (max-width: 1024px){.chat-list{width:30%}.messages-container,.message-input-container{margin-left:10%;margin-right:10%}}@media (min-width: 1025px){.chat-list{width:20rem}.messages-container,.message-input-container{margin-left:15%;margin-right:15%}}@media (max-width: 768px){.modal-content{width:95%;max-width:95%}.video-call-content{width:95vw;max-width:95vw}}.hidden{display:none!important}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:5px;margin-right:5px}.status-indicator.online{background-color:#34c759}.status-indicator.offline{background-color:#ff3b30}.file-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-preview-content{max-width:90%;max-height:80%;position:relative}.file-preview-content img,.file-preview-content video{max-width:100%;max-height:80vh;object-fit:contain}.file-preview-controls{position:absolute;bottom:-50px;left:0;right:0;display:flex;justify-content:center;gap:20px}.file-preview-control{width:40px;height:40px;border-radius:50%;background-color:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.file-preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Roboto,sans-serif}:root{--primary-color: #0085ff;--secondary-color: #ff8a00;--sidebar-bg: #0a2342;--outgoing-msg-bg: #0085ff;--incoming-msg-bg: #f1f1f1;--active-bg: #eaf3fc;--text-primary: #333;--text-secondary: #666;--text-light: #999;--border-color: #eee;--hover-bg: #f5f5f5;--shadow-color: rgba(0, 0, 0, .1);--white: #fff;--red: #ff3b30;--green: #34c759;--avatar-blue: #4a86e8;--avatar-teal: #00a3a3;--avatar-purple: #9c27b0;--avatar-cyan: #00bcd4;--star-color: #f1c40f;--active-color: #e8f0fe;--hover-color: #f5f5f5;--light-text: #999;--text-color: #333;--transition-speed: .3s}.dark-mode{--primary-color: #3b82f6;--secondary-color: #f97316;--sidebar-bg: #111827;--outgoing-msg-bg: #3b82f6;--incoming-msg-bg: #374151;--active-bg: #1e293b;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-light: #9ca3af;--border-color: #1f2937;--hover-bg: #1f2937;--shadow-color: rgba(0, 0, 0, .3);--white: #111827;--red: #ef4444;--green: #10b981;--star-color: #eab308;--active-color: #1e40af;--hover-color: #1f2937;--light-text: #9ca3af;--text-color: #f3f4f6}body{background-color:#051440;color:var(--text-color);font-size:14px;line-height:1.5;transition:all .3s ease}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer;font-size:14px}.search-container{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-container:focus-within,.search-container.expanded{width:800px;box-shadow:0 2px 8px var(--shadow-color)}.search-container:active,.search-container:focus-within{background-color:#f3f4f6}.search-container 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)}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;margin-left:3rem;display:flex;flex-direction:column;height:100%;width:calc(100% - 60px)}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-bottom:1px solid var(--border-color);width:100%;position:fixed;top:0;background-color:#fff;z-index:100;height:60px}.dark-mode .top-nav{background-color:var(--white)}.nav-center{flex:1;display:flex;justify-content:center;margin:0 2rem}.nav-quill-toolbar{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:#f8f9fa;border-radius:8px;border:1px solid var(--border-color);flex-wrap:wrap;max-width:800px;overflow-x:auto}.dark-mode .nav-quill-toolbar{background-color:#374151}.nav-format-btn{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:all .2s;background:none;border:none;cursor:pointer;font-size:18px}.nav-format-btn:hover{background-color:var(--hover-color)}.nav-format-btn.active{background-color:var(--active-color);color:var(--primary-color)}.nav-format-select{height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:4px;background-color:#fff;color:var(--text-color);font-size:12px;cursor:pointer;outline:none;min-width:80px}.dark-mode .nav-format-select{background-color:#374151;color:var(--text-color)}.nav-dropdown{position:relative}.nav-color-menu{position:absolute;top:100%;left:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:8px;z-index:1000;display:none;margin-top:4px}.dark-mode .nav-color-menu{background-color:#1f2937;box-shadow:0 2px 10px #0000004d}.notification-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:320px;z-index:1000;display:none;margin-top:8px}.dark-mode .notification-dropdown{background-color:#1f2937;box-shadow:0 4px 20px #0000004d}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.notification-header h3{font-size:16px;font-weight:600;color:var(--text-color)}.mark-all-read{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:12px}.notification-list{max-height:300px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:var(--hover-color)}.notification-item.unread{background-color:#f0f8ff;border-left:3px solid var(--primary-color)}.dark-mode .notification-item.unread{background-color:#1e40af}.notification-subject{font-weight:500;color:var(--text-color);margin-bottom:4px}.notification-preview{font-size:12px;color:#000;margin-bottom:4px}.notification-time{font-size:11px;color:var(--text-light)}.help-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:250px;z-index:1000;display:none;margin-top:8px}.dark-mode .help-dropdown{background-color:#1f2937;box-shadow:0 4px 20px #0000004d}.help-header{padding:16px;border-bottom:1px solid var(--border-color)}.help-header h3{font-size:16px;font-weight:600;color:var(--text-color)}.help-list{padding:8px 0}.help-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-color);text-decoration:none;transition:background-color .2s;gap:12px}.help-item:hover{background-color:var(--hover-color)}.help-item i{font-size:20px;color:#8b8b8b}.settings-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:280px;z-index:1000;display:none;margin-top:8px}.dark-mode .settings-dropdown{background-color:#1f2937;box-shadow:0 4px 20px #0000004d}.settings-header{padding:16px;border-bottom:1px solid var(--border-color)}.settings-header h3{font-size:16px;font-weight:600;color:var(--text-color)}.settings-list{padding:8px 0}.settings-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-color);text-decoration:none;transition:background-color .2s;gap:12px}.settings-item:hover{background-color:var(--hover-color)}.settings-item.logout{color:var(--red)}.settings-item i{font-size:20px;color:#8b8b8b}.settings-item.logout i{color:var(--red)}.settings-divider{height:1px;background-color:var(--border-color);margin:8px 0}.theme-toggle{transition:transform .3s ease}.logo,.logo-image{display:flex;align-items:center}.logo-img{width:2rem;height:2rem;margin-right:.5rem}.logo-saga{color:var(--primary-color);font-weight:700;font-size:1.25rem}.logo-chat{color:var(--secondary-color);font-weight:700;font-size:1.25rem}.nav-right{display:flex;align-items:center;gap:1rem;margin-right:3%}.search-container{position:relative}.search-input{padding:.5rem .75rem .5rem 2rem;border:1px solid #ddd;border-radius:.5rem;font-size:.875rem;width:12rem}.dark-mode .search-input{background-color:var(--hover-bg);color:var(--text-color);border-color:var(--border-color)}.search-container i{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:.875rem}.nav-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .2s;position:relative}.nav-icon:hover{background-color:var(--hover-bg)}.notification-badge{position:absolute;top:0;right:0;background-color:var(--red);color:var(--white);font-size:.7rem;width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.main-content{background-color:#e0e0e0;flex:1;display:flex;flex-direction:column;overflow:hidden;font-size:13px}.dark-mode .main-content{background-color:#1f2937}.top-header{display:flex;border-radius:5px;justify-content:space-between;align-items:center;padding:0 1px;background-color:#f2fbff;border-bottom:1px solid var(--border-color)}.dark-mode .top-header{background-color:#111827}.search-bar{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:8px 15px;width:500px;box-shadow:0 1px 3px #0000001a}.dark-mode .search-bar{background-color:#374151}.search-bar i{color:var(--light-text);margin-right:10px}.search-bar input{border:none;background:transparent;outline:none;width:100%;color:var(--text-color)}.header-actions{display:flex;gap:15px}.icon-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:background-color .2s}.icon-btn:hover{background-color:var(--hover-color)}.email-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;margin-top:60px;height:100vh}.dark-mode .email-container{background-color:var(--white)}.action-toolbar{display:flex;border-radius:5px;margin-top:10px;margin-bottom:2px;justify-content:space-between;padding:5px 20px;background-color:#fff;border-bottom:1px solid var(--border-color);font-size:14px;height:50px}.dark-mode .action-toolbar{background-color:#1f2937}@media (max-width: 1024px){.action-toolbar{flex-direction:column;align-items:flex-start;padding:10px;gap:10px}.toolbar-left{flex-wrap:wrap;gap:6px;justify-content:flex-start}.toolbar-right{justify-content:flex-end;width:100%}.toolbar-btn{padding:6px 10px;font-size:.85rem}}@media (max-width: 600px){.toolbar-left{flex-direction:column;width:100%}.toolbar-btn{justify-content:flex-start;width:100%}.dropdown-menu{position:relative;width:100%}}.toolbar-left{display:flex;gap:1px;flex-wrap:wrap}.toolbar-right{display:flex;gap:4px}.toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;color:var(--text-color);transition:background-color .2s}.toolbar-btn:hover{background-color:var(--hover-color)}.formatting-toolbar .toolbar-section.more-options{display:none;align-items:center;cursor:pointer;position:relative}.formatting-toolbar .more-dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px var(--shadow-color);z-index:100;min-width:150px;padding:8px 0}.formatting-toolbar .toolbar-section.more-options.open .more-dropdown{display:block}.dark-mode .formatting-toolbar{background-color:#1f2937}.toolbar-section{display:flex;gap:10px;margin-bottom:10px}.format-select{padding:6px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.format-select{height:36px;padding:0 8px;border:1px solid var(--border-color);border-radius:4px;background-color:#fff;color:var(--text-color);font-size:14px;cursor:pointer;outline:none;min-width:100px}.dark-mode .format-select{background-color:#374151;color:var(--text-color)}.mini-formatting-toolbar{display:none;flex-wrap:wrap;border-radius:5px;margin-top:3px;margin-bottom:3px;padding:5px 10px;background-color:#fff;border-bottom:1px solid var(--border-color);gap:5px;position:sticky;top:0;z-index:10}.dark-mode .mini-formatting-toolbar{background-color:#1f2937}.floating-format-toolbar{display:none;position:absolute;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:5px;z-index:1000;gap:5px}.dark-mode .floating-format-toolbar{background-color:#1f2937}.color-picker-menu{width:220px;padding:10px}.color-picker-title{font-size:14px;font-weight:500;margin-bottom:10px;color:var(--text-color)}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.color-cell{width:20px;height:20px;border-radius:2px;cursor:pointer;transition:transform .1s}.color-cell:hover{transform:scale(1.1)}.color-picker-footer{font-size:14px;color:var(--light-text);cursor:pointer;padding:5px 0}.color-picker-footer:hover{color:var(--primary-color)}.send-button-container{justify-content:flex-end;padding:5px 20px;background-color:#fff;border-bottom:1px solid var(--border-color)}.dark-mode .send-button-container{background-color:#1f2937}.compose-btns{display:flex;align-items:center;gap:5px}.send-btn{background-color:var(--primary-color);color:#fff;padding:8px 16px;border-radius:4px;display:flex;align-items:center;gap:10px;font-weight:500;transition:background-color .2s}.send-dropdown-btn{background-color:var(--primary-color);color:#fff;padding:8px 10px;border-radius:0 4px 4px 0;border-left:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:background-color .2s}.send-btn:hover,.send-dropdown-btn:hover{background-color:#01569c}.dark-mode .send-btn:hover,.dark-mode .send-dropdown-btn:hover{background-color:#1e40af}.send-options-menu{min-width:200px}.discard-btn{background-color:#f5f5f5;color:var(--text-color);padding:8px 16px;border-radius:4px;display:flex;align-items:center;gap:5px;font-weight:500;transition:background-color .2s}.dark-mode .discard-btn{background-color:#374151}.discard-btn:hover{background-color:#c4c4c4}.dark-mode .discard-btn:hover{background-color:#4b5563}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:180px;z-index:100;display:none;margin-top:5px}.dark-mode .dropdown-menu{background-color:#1f2937;box-shadow:0 2px 10px #0000004d}.dropdown-item{display:block;padding:10px 15px;transition:background-color .2s;color:var(--text-color);text-decoration:none}.dropdown-item:hover{background-color:var(--hover-color)}.dropdown.active .dropdown-menu{display:block}.email-fullscreen{display:flex;flex:1;overflow:hidden}.folder-panel{width:220px;border-radius:5px;background-color:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.dark-mode .folder-panel{background-color:#1f2937}.user-profile{display:flex;align-items:center;padding:15px;cursor:pointer;transition:background-color .2s}.user-profile:hover{background-color:var(--hover-color)}.avatar{width:40px;height:40px;border-radius:50%;background-color:var(--avatar-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:10px}.avatar.large{width:40px;height:40px;font-size:18px}.avatar.blue{background-color:var(--avatar-blue)}.avatar.teal{background-color:var(--avatar-teal)}.avatar.purple{background-color:var(--avatar-purple)}.avatar.cyan{background-color:var(--avatar-cyan)}.user-info h3{font-size:14px;margin-bottom:-4.5px;color:var(--text-color)}.user-info p{font-size:12px;color:var(--light-text)}.compose-btn{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px auto;padding:8px 16px;background-color:#44b1fa;border-radius:6px;font-weight:500;font-size:14px;width:fit-content;transition:background-color .1s,transform .1s ease;cursor:pointer;border:#e7e7e7 1px solid;box-shadow:inset 0 4px 8px #0000001a;color:#fff}.dark-mode .compose-btn{background-color:#3b82f6;border-color:#1f2937}.compose-btn:hover{transform:translateY(-2px);background-color:#7dcef7}.dark-mode .compose-btn:hover{background-color:#60a5fa}.folder-list{padding:15px 0;border-radius:8px;width:100%;font-family:Arial,sans-serif}.folder-item{display:flex;justify-content:space-between;align-items:center;padding:10px;text-decoration:none;color:var(--text-color);font-size:15px;transition:background-color .2s ease;margin-bottom:2px;border-radius:6px}.folder-item:hover{background-color:var(--hover-color)}.folder-item.active{background-color:#e8f0fe;color:#1a73e8;font-weight:700}.dark-mode .folder-item.active{background-color:#3b82f6;color:#fff}.icon-label{display:flex;align-items:center;gap:10px}.folder-item i{font-size:16px;width:20px;text-align:center}.badge{background-color:#dbe0e3;color:#333;padding:3px 8px;border-radius:12px;font-size:12px;min-width:30px;text-align:center}.dark-mode .badge{background-color:#4b5563;color:#e5e7eb}.folder-item.active .badge{background-color:#1a73e8;color:#fff}.dark-mode .folder-item.active .badge{background-color:#2563eb}.email-list-panel{width:330px;margin-left:3px;border-radius:5px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.dark-mode .email-list-panel{background-color:#1f2937}.panel-header{display:flex;background-color:#fff;justify-content:space-between;align-items:center;padding:1px 10px;border-bottom:1px solid var(--border-color)}.dark-mode .panel-header{background-color:#1f2937}.panel-header h2{font-size:16px;color:var(--text-color)}.avatar-checkbox-wrapper{position:relative;width:40px;height:40px}.email-avatar{width:40px;height:40px;border-radius:50%;background-color:#0d3338;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;margin-left:auto}.checkbox{display:flex;align-items:center;gap:5px}.email-checkbox{display:none;position:absolute;top:10px;left:5px;transform:scale(1.2)}#selectLable,.email-checkbox,.avatar-checkbox-wrapper.checked .email-avatar{display:none}.avatar-checkbox-wrapper.checked .email-checkbox{display:inline-block}.email-item:hover .email-avatar{display:none}.email-item:hover .email-checkbox{display:inline-block}.email-item.selected{background-color:#d8f3ff}.dark-mode .email-item.selected{background-color:#3b82f6}.checkbox{display:flex;align-items:center}.checkbox1{display:flex;align-items:center;justify-content:center}.checkbox input[type=checkbox]{opacity:0;position:absolute;left:0;top:0;height:25px;width:25px;cursor:pointer;z-index:2}.checkbox label{display:inline-block;width:18px;height:18px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:4px;cursor:pointer;position:relative;transition:background-color .2s,border-color .2s}.dark-mode .checkbox label{background-color:#374151;border-color:#4b5563}.checkbox input[type=checkbox]:checked+label{background-color:#007bff;border-color:#007bff}.checkbox input[type=checkbox]:checked+label:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.list-actions{display:flex;gap:10px}.date-separator{padding:5px 15px;background-color:#f9f9f9;font-weight:500;font-size:12px;color:var(--light-text)}.dark-mode .date-separator{background-color:#111827}.email-list{background-color:#fff;flex:1;overflow-y:auto}.dark-mode .email-list{background-color:#1f2937}.email-item{background-color:#fff;display:flex;padding:18px 8px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .1s,transform .1s,box-shadow .1s;position:relative}.dark-mode .email-item{background-color:#1f2937}.email-item:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a;background-color:var(--hover-color)}.email-item.active{background-color:var(--active-color)}.dark-mode .email-item.active{background-color:#374151}.email-item.unread{font-weight:700}.email-item.hidden{display:none}.email-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--avatar-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:15px;flex-shrink:0}.email-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:5px;margin-left:10px}.email-header{display:flex;align-items:center;margin-bottom:3px}.email-header h3{font-size:15px;font-weight:600;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color)}.email-date{font-size:12px;color:var(--light-text);margin-right:10px}.star-btn,.edit-btn,.not-spam-btn,.restore-btn{color:#ccc;transition:color .2s;background:none;border:none;cursor:pointer;font-size:16px}.star-btn.starred,.star-btn:hover{color:var(--star-color)}.edit-btn:hover{color:var(--primary-color)}.not-spam-btn:hover{color:#4caf50}.restore-btn:hover{color:var(--primary-color)}.email-subject{font-weight:500;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-5px;font-size:12px;color:var(--text-color)}.email-preview{color:var(--light-text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-2px}.email-quick-actions{position:absolute;right:10px;top:70%;transform:translateY(-50%);display:none;gap:5px;background-color:#fff;padding:5px;border-radius:4px;box-shadow:0 2px 5px #0000001a}.dark-mode .email-quick-actions{background-color:#374151}.email-item:hover .email-quick-actions{display:flex}.quick-action-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--light-text);transition:background-color .2s}.quick-action-btn:hover{background-color:var(--hover-color);color:var(--primary-color)}.email-view-panel{flex:1;margin-left:3px;border-radius:5px;background-color:#fff;display:flex;flex-direction:column;overflow-y:auto}.dark-mode .email-view-panel{background-color:#1f2937}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--light-text);text-align:center;padding:20px}.empty-icon{margin-bottom:20px}.envelope-icon{width:250px;height:auto}.empty-state h2{font-size:18px;margin-bottom:10px;color:var(--text-color)}.email-detail{padding:20px}.email-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.email-detail-subject{font-size:18px;font-weight:600;color:var(--text-color)}.email-detail-actions{display:flex;gap:10px}.email-detail-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sender-info{display:flex;align-items:center}.sender-profile{display:flex;align-items:center;gap:12px}.sender-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.sender-details{display:flex;flex-direction:column}.sender-name{font-weight:600;color:var(--text-color);font-size:16px}.sender-email{color:var(--text-light);font-size:14px}.sender-status{color:var(--green);font-size:12px;font-weight:500}.email-detail-date{color:var(--light-text);font-size:12px}.email-detail-recipients{margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:15px;color:var(--text-color)}.email-detail-body{line-height:1.6;color:var(--text-color)}.email-detail-body p{margin-bottom:15px}.compose-view,.reply-view,.forward-view{padding:5px}.compose-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:10px}.compose-header h2{font-size:18px;font-weight:600;color:var(--text-color)}.compose-right{display:flex;gap:10px;align-items:center}.from-section{display:flex;align-items:center;gap:8px}.from-label{color:var(--text-color);font-weight:500}.from-email-select{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s;color:var(--text-color)}.from-email-select:hover{background-color:var(--hover-color)}.from-dropdown-menu{min-width:250px;left:0;top:100%}.field-row{display:flex;align-items:flex-start;padding:10px}.field-label{background-color:#046;color:#fff;padding:4px 12px;border-radius:4px;min-width:40px;text-align:center}.dark-mode .field-label{background-color:#3b82f6}.recipient-tags-container{display:flex;flex-wrap:wrap;flex-grow:1;margin-left:8px;padding:4px;border:none;border-bottom:1px solid #ddd;gap:5px;align-items:center}.dark-mode .recipient-tags-container{border-bottom-color:#4b5563}.recipient-tags{display:flex;flex-wrap:wrap;gap:5px}.recipient-tag{background-color:#e3f2fd;color:#0078d4;padding:2px 8px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:5px}.dark-mode .recipient-tag{background-color:#3b82f6;color:#fff}.remove-tag{cursor:pointer;font-weight:700}.recipient-input{flex-grow:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--text-color)}.cc-bcc-buttons{display:flex;gap:8px;margin-left:8px}.cc-btn,.bcc-btn{background:none;border:none;font-size:14px;color:var(--light-text);cursor:pointer}.cc-btn.active,.bcc-btn.active{color:var(--primary-color)}.cc-row,.bcc-row{display:none;margin-bottom:12px}.cc-row.visible,.bcc-row.visible{display:flex;align-items:center}.cc-label,.bcc-label{min-width:40px;text-align:center;color:var(--light-text)}.compose-field{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--border-color)}.compose-field label{width:60px;color:var(--light-text)}.compose-field input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--text-color)}.draft-status{padding:10px;color:var(--light-text);font-size:12px;text-align:right;font-style:italic}blockquote{border-left:3px solid rgb(85,116,163);padding-left:15px;margin:15px 0;color:var(--light-text)}.ql-container.ql-snow{border:none!important;font-family:inherit}.ql-editor{padding:12px 15px!important;font-size:14px;line-height:1.5;min-height:300px;color:var(--text-color)}.dark-mode .ql-editor{color:var(--text-color)}.ql-toolbar.ql-snow{border:none!important;border-bottom:1px solid var(--border-color)!important;padding:8px!important;display:none!important}.ql-tooltip{z-index:1000}.attachment-list{padding:10px 15px;border-top:1px dashed var(--border-color);margin-top:10px}.attachment-item{display:flex;align-items:center;padding:8px 10px;background-color:#f5f5f5;border-radius:4px;margin-bottom:8px;font-size:14px;color:var(--text-color)}.dark-mode .attachment-item{background-color:#374151}.attachment-item i{margin-right:8px;color:var(--primary-color)}.file-size{margin-left:8px;color:var(--light-text);font-size:12px}.remove-attachment{margin-left:auto;color:var(--light-text);background:none;border:none;cursor:pointer}.remove-attachment:hover{color:var(--red)}.email-list::-webkit-scrollbar{width:5px}.email-list::-webkit-scrollbar-track{background:transparent}.email-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px;background-color:#aedaff}.email-list::-webkit-scrollbar-thumb:hover{background-color:#74747433}.email-view-panel::-webkit-scrollbar{width:5px}.email-view-panel::-webkit-scrollbar-track{background:transparent}.email-view-panel::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px;background-color:#aedaff}.email-view-panel::-webkit-scrollbar-thumb:hover{background-color:#74747433}.email-actions-menu{min-width:200px}.dropdown-divider{height:1px;background-color:var(--border-color);margin:4px 0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;width:90%;box-shadow:0 4px 20px #00000026}.dark-mode .modal-content{background-color:#1f2937}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-color)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-light);font-size:24px}.modal-close:hover{color:var(--text-color)}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.form-group input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--text-color);background-color:#fff}.dark-mode .form-group input{background-color:#374151;color:var(--text-color)}.color-options{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-color);transform:scale(1.1)}.btn{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#f8f9fa;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--hover-color)}@media (max-width: 1200px){.email-list-panel{width:350px}}@media (max-width: 992px){.folder-panel{width:200px}.email-list-panel{width:300px}}@media (max-width: 768px){.folder-panel{width:60px}.user-info,.compose-btn span,.folder-item span{display:none}.compose-btn{justify-content:center;padding:10px}.folder-item{justify-content:center;padding:10px 0}.folder-item i{margin-right:0}.badge{position:absolute;top:5px;right:5px;min-width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center}.email-list-panel{width:250px}.formatting-toolbar{padding:2px 5px}.toolbar-section{padding:0 2px;margin-bottom:5px}}@media (max-width: 576px){.app-container{flex-direction:column}.sidebar{width:100%;height:60px;flex-direction:row;justify-content:space-around;position:relative}.sidebar-icons,.sidebar-bottom{flex-direction:row;margin-top:0;gap:1rem}.main-content{margin-left:0;width:100%}@media (max-width: 768px){.top-nav{flex-wrap:wrap;padding:.5rem 1rem}.logo-image{margin-bottom:.5rem}.nav-right{width:100%;justify-content:space-between;margin-top:.5rem}.search-container{flex:1;margin-right:.5rem}.search-input{width:100%}.nav-icon{width:2rem;height:2rem}.notification-badge{width:.8rem;height:.8rem;font-size:.6rem}}@media (max-width: 480px){.search-container{display:none}.top-nav{justify-content:space-between}.nav-right{gap:.5rem}}.email-container{margin-top:0}.email-fullscreen{flex-direction:column}.folder-panel{width:100%;height:auto;max-height:60px;flex-direction:row;overflow-x:auto;overflow-y:hidden}.user-profile{display:none}.compose-btn{margin:5px;padding:5px 10px}.folder-list{display:flex;padding:5px 0;overflow-x:auto}.folder-item{flex-shrink:0;margin-right:5px}.email-list-panel{width:100%;height:40vh}.email-view-panel{width:100%;height:60vh;margin-left:0;margin-top:3px}.panel-header h2{margin-left:0;text-align:center}.toolbar-left{overflow-x:auto;padding-bottom:5px}.toolbar-btn span{display:none}.formatting-toolbar{overflow-x:auto;justify-content:flex-start}.toolbar-section{flex-shrink:0}.format-select{min-width:80px}}@media (max-width: 375px){.sidebar-icon{width:2.5rem;height:2.5rem}.compose-btn{padding:5px}.folder-item{padding:8px 5px}.email-item{padding:10px 5px}.email-avatar{width:30px;height:30px}.email-header h3{font-size:13px}.email-subject,.email-preview{font-size:11px}}.emoji-picker{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:10px;z-index:1000}.dark-mode .emoji-picker{background-color:#1f2937;box-shadow:0 2px 10px #0000004d}.emoji-btn{transition:transform .1s}.emoji-btn:hover{transform:scale(1.2)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}