.workspace-container_ws{background-color:#f6f8fa;background-image:linear-gradient(#00000003 1px,#0000 0),linear-gradient(90deg,#00000003 1px,#0000 0);background-size:20px 20px;cursor:grab;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;min-height:100vh;overflow:hidden;position:relative;transition:background-color .3s ease;width:100vw}.workspace-container_ws:active{cursor:grabbing}.dark-mode .workspace-container_ws{background-color:#121212;background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:20px 20px;color:#e0e0e0}.workspace_ws{height:3000px;left:0;position:absolute;top:0;transform-origin:top left;transition:all .3s ease;width:3000px}.dark-mode .workspace_ws,.workspace_ws{background-color:initial}.menu_ws{animation:floatIn .3s ease;border-radius:12px;box-shadow:0 10px 30px #0000001f,0 1px 5px #0000001a;padding:16px;width:220px}.dark-mode .menu_ws{border:1px solid #444;box-shadow:0 10px 30px #0000004d,0 1px 5px #0003}@keyframes floatIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.menu_list_ws{margin:0}.menu_item_ws{border-radius:8px;margin-bottom:4px;padding:12px 16px}.menu_item_ws:hover{background-color:#f0f5ff;transform:translateX(4px)}.dark-mode .menu_item_ws:hover{background-color:#3a3f4d}.menu_button_ws{border-radius:8px;box-shadow:0 2px 6px #007aff4d;margin:16px auto 0;padding:10px 20px}.dark-mode .menu_button_ws{box-shadow:0 2px 6px #0a84ff4d}.dark-mode .menu_button_ws:hover{box-shadow:0 4px 10px #0a84ff66}.menu_button_ws:hover{box-shadow:0 4px 12px #007aff66}.menu_button_ws:active{box-shadow:0 2px 6px #007aff4d}.item_ws{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 20px #00000014;cursor:move;position:absolute;transition:all .2s ease}.dark-mode .item_ws{background-color:#2d2d2d;box-shadow:0 4px 20px #0003;color:#e0e0e0}.item_ws:hover{box-shadow:0 8px 26px #0000001f;transform:translateY(-2px)}.dark-mode .item_ws:hover{box-shadow:0 8px 26px #0000004d}.text_item_ws{font-size:15px;line-height:1.5}.dark-mode .text_item_ws{color:#e0e0e0}.image_item_ws{align-items:center;background-color:#f5f5f7;border-radius:8px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.dark-mode .image_item_ws{background-color:#3d3d3d}.file_item_ws{align-items:center;background-color:#f5f5f7;border-radius:8px;display:flex;flex-direction:column;height:100px;justify-content:center;overflow:hidden;padding:15px;width:100px}.dark-mode .file_item_ws{background-color:#3d3d3d}.workspace-title_ws{align-items:center;color:#333;display:flex;font-size:28px;font-weight:300;height:60px;justify-content:center;letter-spacing:1px;margin-bottom:20px;pointer-events:none;position:relative;z-index:2}.workspace-title_ws:after{background-color:#007aff;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.dark-mode .workspace-title_ws{color:#e0e0e0}.dark-mode .workspace-title_ws:after{background-color:#0a84ff}.floating-buttons-container{bottom:20px;display:flex;gap:16px;left:50%;position:fixed;transform:translateX(-50%);z-index:900}.add-element-button,.floating-chat-button,.meet-button,.save-button,.theme-toggle-button,.trash-can{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:56px;z-index:1000}.trash-can:hover{background-color:#ff2d55}.trash-can svg{font-size:24px}.save-button{background-color:#007aff;color:#fff}.dark-mode .save-button{background-color:#0a84ff}.save-button:hover{background-color:#0062cc;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.dark-mode .save-button:hover{background-color:#0070e8}.save-button svg{color:#fff;font-size:24px}.add-element-button{background-color:#34c759;color:#fff}.dark-mode .add-element-button{background-color:#30d158}.add-element-button:hover{background-color:#248a3d;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.dark-mode .add-element-button:hover{background-color:#28bd4c}.add-element-button svg{color:#fff;font-size:24px}.floating-chat-button{background-color:#5856d6;color:#fff}.dark-mode .floating-chat-button{background-color:#5e5ce6}.floating-chat-button:hover{background-color:#4a43cf;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.dark-mode .floating-chat-button:hover{background-color:#5252dc}.meet-button{background-color:#ff9500;color:#fff}.dark-mode .meet-button{background-color:#ff9f0a}.meet-button:hover{background-color:#e68300;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.dark-mode .meet-button:hover{background-color:#e8920b}.meet-button:active{transform:scale(.95)}.theme-toggle-button{background-color:#6c757d}.theme-toggle-button:hover{background-color:#5a6268;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.theme-toggle-button svg{color:#fff;font-size:24px}.dark-mode .theme-toggle-button{background-color:#ffc107}.dark-mode .theme-toggle-button:hover{background-color:#e5ac06}.dark-mode .theme-toggle-button svg{color:#333}.zoom-controls{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.zoom-button{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:40px}.dark-mode .zoom-button{background-color:#2d2d2d;box-shadow:0 2px 8px #0000004d;color:#e0e0e0}.zoom-button:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.dark-mode .zoom-button:hover{box-shadow:0 4px 12px #0006}.zoom-button:active{transform:scale(.95)}.zoom-in{background-color:#007aff;color:#fff}.dark-mode .zoom-in{background-color:#0a84ff}.zoom-out{background-color:#ff375f;color:#fff}.dark-mode .zoom-out{background-color:#ff453a}.reset-view{background-color:#34c759;color:#fff;font-size:16px}.dark-mode .reset-view{background-color:#30d158}.zoom-indicator{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #00000026;color:#333;font-size:12px;font-weight:500;padding:4px 8px;text-align:center;-webkit-user-select:none;user-select:none}.dark-mode .zoom-indicator{background-color:#2d2d2d;box-shadow:0 2px 8px #0000004d;color:#e0e0e0}.pasting-message{align-items:center;animation:pulse 1.5s infinite;background-color:#ffffffe6;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;font-weight:500;gap:10px;left:50%;padding:16px 32px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.dark-mode .pasting-message{background-color:#2d2d2de6;box-shadow:0 10px 30px #0000004d;color:#e0e0e0}.dark-mode .spinner{border:3px solid #0a84ff1a;border-top-color:#0a84ff}@keyframes spin{to{transform:rotate(1turn)}}.navigation-arrow{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;height:44px;justify-content:center;left:20px;position:absolute;top:20px;transition:all .2s ease;width:44px;z-index:100}.navigation-arrow:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.dark-mode .navigation-arrow{background-color:#2d2d2d;box-shadow:0 2px 10px #0003;color:#e0e0e0}.dark-mode .navigation-arrow:hover{background-color:#3a3a3a}@media (max-width:768px){.ToWorkSpace{display:none}.workspace-title_ws{font-size:20px;margin-bottom:15px;padding-top:60px;text-align:center}.workspace-title_ws:after{bottom:-5px}.floating-buttons-container{bottom:15px;box-sizing:border-box;gap:10px;justify-content:center;padding:0 10px;width:100%}.add-element-button,.floating-chat-button,.meet-button,.save-button,.theme-toggle-button,.trash-can{box-shadow:0 2px 8px #00000026;height:48px;width:48px}.add-element-button svg,.floating-chat-button svg,.meet-button svg,.save-button svg,.theme-toggle-button svg,.trash-can svg{font-size:20px}.navigation-arrow{height:40px;left:15px;top:15px;width:40px}.navigation-arrow svg{font-size:18px}.menu_ws{left:50%;max-width:320px;padding:12px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px)}.menu_item_ws{font-size:14px;padding:10px 12px}.menu_button_ws{font-size:14px;padding:8px 16px}}.autosave-indicator-subtle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:1px solid #0000001a;border-radius:20px;bottom:20px;box-shadow:0 2px 8px #0000000d;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;gap:6px;left:20px;opacity:.8;padding:6px 12px;position:fixed;transition:all .3s ease;z-index:1000}.autosave-indicator-subtle:hover{box-shadow:0 4px 12px #0000001a;opacity:1;transform:translateY(-2px)}.autosave-indicator-subtle.saving{background-color:#3b82f60d;border-color:#3b82f633;color:#3b82f6}.autosave-indicator-subtle.saved{background-color:#22c55e0d;border-color:#22c55e33;color:#22c55e}.autosave-indicator-subtle.error{background-color:#ef44440d;border-color:#ef444433;color:#ef4444}.autosave-text-subtle{font-size:11px;font-weight:500;white-space:nowrap}.dark-mode .autosave-indicator-subtle{background-color:#1e1e1ee6;border-color:#ffffff1a;box-shadow:0 2px 8px #0003}.dark-mode .autosave-indicator-subtle:hover{box-shadow:0 4px 12px #0000004d}.dark-mode .autosave-indicator-subtle.saving{background-color:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.dark-mode .autosave-indicator-subtle.saved{background-color:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.dark-mode .autosave-indicator-subtle.error{background-color:#ef44441a;border-color:#ef44444d;color:#f87171}@keyframes subtlePulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.autosave-indicator-subtle.saving{animation:subtlePulse 2s infinite}@media (max-width:768px){.autosave-indicator-subtle{bottom:15px;font-size:10px;left:15px;padding:4px 8px}.autosave-text-subtle{font-size:9px}}.menu_ws{animation:fadeInUp .3s ease;background-color:#fff;border:none;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 4px 8px #0000000f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:24px;position:absolute;width:280px;z-index:1000}.dark-mode .menu_ws{background-color:#2d2d2d;box-shadow:0 10px 30px #00000040,0 4px 8px #00000026;color:#e0e0e0}@keyframes fadeInUp{0%{box-shadow:0 5px 15px #0000000d,0 1px 5px #00000005;opacity:0;transform:translateY(12px)}to{box-shadow:0 10px 30px #0000001f,0 4px 8px #0000000f;opacity:1;transform:translateY(0)}}.menu_list_ws{list-style:none;margin:0 0 20px;padding:0}.menu_item_ws{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:500;margin-bottom:8px;overflow:hidden;padding:14px 18px;position:relative;transition:all .2s ease}.menu_item_ws:before{background:linear-gradient(90deg,#007aff1f,#007aff00);border-radius:10px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.menu_item_ws:hover{background-color:#007aff0d;color:#007aff;transform:translateX(5px)}.menu_item_ws:hover:before{left:0}.dark-mode .menu_item_ws{color:#e0e0e0}.dark-mode .menu_item_ws:before{background:linear-gradient(90deg,#0a84ff26,#0a84ff00)}.dark-mode .menu_item_ws:hover{background-color:#0a84ff1a;color:#0a84ff}.menu_item_ws .menu-icon{align-items:center;color:#888;display:flex;font-size:16px;height:24px;justify-content:center;margin-right:12px;transition:all .2s ease;width:24px}.menu_item_ws:hover .menu-icon{color:#007aff;transform:scale(1.1)}.dark-mode .menu_item_ws .menu-icon{color:#aaa}.dark-mode .menu_item_ws:hover .menu-icon{color:#0a84ff}.menu_button_ws{background-color:#007aff;border:none;border-radius:10px;box-shadow:0 2px 10px #007aff33;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:500;margin:10px auto 0;padding:14px 20px;text-align:center;transition:all .2s ease;width:100%}.dark-mode .menu_button_ws{background-color:#0a84ff;box-shadow:0 2px 10px #0a84ff4d}.menu_button_ws:hover{background-color:#0062cc;box-shadow:0 4px 15px #007aff4d;transform:translateY(-2px)}.dark-mode .menu_button_ws:hover{background-color:#0070e8;box-shadow:0 4px 15px #0a84ff66}.menu_button_ws:active{box-shadow:0 2px 8px #007aff33;transform:translateY(0)}.menu_title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:20px}.dark-mode .menu_title{color:#e0e0e0}.menu_close{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.menu_close:hover{background-color:#0000000d;color:#333}.dark-mode .menu_close{color:#aaa}.dark-mode .menu_close:hover{background-color:#ffffff1a;color:#e0e0e0}.element-container{max-width:100%;min-width:120px;position:relative;transition:transform .3s ease}.element{border:none;border-radius:10px;box-shadow:0 4px 12px #00000014;min-height:50px;overflow:hidden;padding:0;transition:all .3s ease}.dark-mode .element{box-shadow:0 4px 12px #00000026}.element:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.dark-mode .element:hover{box-shadow:0 6px 16px #00000040}.element label,.element textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}.paint-icon{align-items:center;background-color:#ffffffb3;border-radius:50%;bottom:10px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:10px;transition:all .2s ease;width:36px;z-index:10}.dark-mode .paint-icon{background-color:#323232b3}.element:hover .paint-icon{opacity:1}.paint-icon:hover{background-color:#ffffffe6;transform:scale(1.1)}.dark-mode .paint-icon:hover{background-color:#3c3c3ce6}.colorPalettePopup{animation:slideIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;overflow:visible;width:280px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .colorPalettePopup{background-color:#2a2a2a;border:1px solid #444;box-shadow:0 10px 25px #0000004d}.colorPaletteContainer{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);padding:16px}.colorOption{align-items:center;border:none;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dark-mode .colorOption{box-shadow:inset 0 0 0 1px #ffffff1a}.colorOption:hover{box-shadow:0 2px 5px #0000001a;transform:scale(1.1);z-index:1}.dark-mode .colorOption:hover{box-shadow:0 2px 5px #0000004d}.colorOption.selected{box-shadow:0 0 0 2px #0072ff,0 0 0 4px #0072ff4d}.dark-mode .colorOption.selected{box-shadow:0 0 0 2px #0a84ff,0 0 0 4px #0a84ff4d}@media (hover:none){.paint-icon{opacity:1}}@media (max-width:768px){.colorPalettePopup{width:250px}.colorPaletteContainer{grid-template-columns:repeat(5,1fr)}.paint-icon{opacity:1}}.action-buttons{display:flex;gap:8px;position:absolute;right:10px;top:10px;z-index:15}.cancel-button33,.save-button33{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.save-button33{background-color:#28a745e6}.save-button33:hover{background-color:#28a745;box-shadow:0 3px 8px #28a7454d;transform:scale(1.1)}.cancel-button33{background-color:#dc3545e6}.cancel-button33:hover{background-color:#dc3545;box-shadow:0 3px 8px #dc35454d;transform:scale(1.1)}.dark-mode .save-button33{background-color:#28a745cc;box-shadow:0 2px 5px #0000004d}.dark-mode .cancel-button33{background-color:#dc3545cc;box-shadow:0 2px 5px #0000004d}.dark-mode .cancel-button33:hover,.dark-mode .save-button33:hover{box-shadow:0 3px 8px #0006}.element{border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.element:hover{box-shadow:0 8px 16px #0003;transform:scale(1.02)}.uploading{background-color:#f0f0f0;border:2px dashed #ccc;border-radius:8px;color:#555;font-size:18px;font-weight:700;height:200px}.enlarged-image-container,.uploading{align-items:center;display:flex;justify-content:center}.enlarged-image-container{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.enlarged-image{border:4px solid #fff;border-radius:8px;max-height:90%;max-width:90%}.close-button{background-color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:20px;padding:10px;position:absolute;right:20px;top:20px;transition:background-color .3s ease}.close-button:hover{background-color:#ddd}.video-box{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:move;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:16px;position:relative;transition:all .25s cubic-bezier(.25,.8,.25,1)}.dark-mode .video-box{background-color:#2c2c2c;box-shadow:0 4px 20px #0003;color:#e0e0e0}.video-box:hover{box-shadow:0 8px 26px #0000001f;transform:scale(1.02) translateY(-3px)}.dark-mode .video-box:hover{box-shadow:0 8px 26px #0000004d}.video-box-edit{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:16px;padding:24px}.dark-mode .video-box-edit{background-color:#2c2c2c;box-shadow:0 4px 20px #0003}.video-container{align-items:center;background-color:initial;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative}.video-container iframe{border:none;border-radius:8px;height:100%;transition:all .3s ease;width:100%}.dark-mode .video-container{background-color:#2c2c2c;box-shadow:0 4px 12px #0003}.edit-button,.save-button{align-items:center;background-color:#007aff;border:none;border-radius:8px;box-shadow:0 2px 6px #007aff4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.edit-button:hover,.save-button:hover{background-color:#0062cc;box-shadow:0 4px 12px #007aff66;transform:translateY(-2px)}.dark-mode .edit-button,.dark-mode .save-button{background-color:#0a84ff;box-shadow:0 2px 6px #0a84ff4d}.dark-mode .edit-button:hover,.dark-mode .save-button:hover{background-color:#0070e8;box-shadow:0 4px 12px #0a84ff66}.edit-button:active,.save-button:active{box-shadow:0 2px 6px #007aff4d;transform:translateY(0)}.dark-mode .button,.dark-mode .edit-button{background-color:#0a84ff;color:#fff}.dark-mode .button:hover,.dark-mode .edit-button:hover,.dark-mode .save-button:hover{background-color:#0070e8}.button .icon,.edit-button .icon,.save-button .icon{font-size:16px;margin-right:8px}input[type=text]:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff26;outline:none}.dark-mode input[type=text]{background-color:#3d3d3d;border:1px solid #555;box-shadow:0 2px 4px #0000001a;color:#e0e0e0}.dark-mode input[type=text]:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff33}.input-hint{color:#666;font-size:13px;margin-bottom:10px;margin-top:-6px}.dark-mode .input-hint{color:#aaa}.element{border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 6px #0000001a;cursor:move;flex-direction:column;padding:8px;width:280px}.element,.file-box{align-items:center;background-color:#fff;display:flex;justify-content:center;position:relative}.file-box{border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:120px;width:120px}.file-content{padding:8px}.file-content,.file-info{flex-direction:column;height:100%;width:100%}.file-content,.file-icon,.file-info{align-items:center;display:flex;justify-content:center}.file-icon{border-radius:4px;height:40px;margin-bottom:4px;width:40px}.file-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:10px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.upload-placeholder span{color:#999;font-size:10px;margin-top:4px}.upload-placeholder{align-items:center;background-color:#f0f0f0;border-radius:8px;color:#333;display:flex;flex-direction:column;font-size:12px;height:70px;justify-content:center;width:70px}.checklist-element-ws{background-color:#fff;border:none;border-radius:14px;box-shadow:0 4px 20px #00000014;cursor:move;max-width:400px;min-width:280px;padding:20px;transition:all .3s ease}.dark-mode .checklist-element-ws{background-color:#2d2d2d;box-shadow:0 4px 20px #0003;color:#e0e0e0}.checklist-element-ws:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.checklist-header{margin-bottom:16px}.checklist-progress{display:flex;flex-direction:column;gap:8px}.progress-text{color:#555;font-size:14px;font-weight:500;text-align:right}.dark-mode .progress-text{color:#b0b0b0}.progress-bar{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.dark-mode .progress-bar{background-color:#3d3d3d}.progress-value{background:linear-gradient(90deg,#00c6ff,#0072ff);border-radius:4px;height:100%;transition:width .4s ease}.dark-mode .progress-value{background:linear-gradient(90deg,#0a84ff,#5e5ce6)}.new-task-form{display:flex;gap:10px;margin-bottom:16px}.new-task-input{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:12px;transition:all .2s ease}.dark-mode .new-task-input{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}.new-task-input:focus{border-color:#0072ff;box-shadow:0 0 0 2px #0072ff33;outline:none}.dark-mode .new-task-input:focus{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff4d}.add-task-button{align-items:center;background-color:#0072ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}.dark-mode .add-task-button{background-color:#0a84ff}.add-task-button:hover{background-color:#005ac2;box-shadow:0 4px 10px #0072ff33;transform:translateY(-2px)}.dark-mode .add-task-button:hover{background-color:#0064d6;box-shadow:0 4px 10px #0a84ff4d}.add-task-button:active{transform:translateY(0)}.checklist-tasks{display:flex;flex-direction:column;gap:8px;list-style-type:none;margin:0;max-height:300px;overflow-y:auto;padding:0 4px 0 0}.checklist-tasks::-webkit-scrollbar{width:6px}.checklist-tasks::-webkit-scrollbar-track{background:#0000}.checklist-tasks::-webkit-scrollbar-thumb{background-color:#0003;border-radius:20px}.dark-mode .checklist-tasks::-webkit-scrollbar-thumb{background-color:#fff3}.task-item{align-items:center;background-color:#f8f8f8;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:12px;transition:all .2s ease}.dark-mode .task-item{background-color:#3a3a3a}.task-item:hover{background-color:#f0f0f0;transform:translateX(2px)}.dark-mode .task-item:hover{background-color:#444}.task-completed{background-color:#f0f8ff}.dark-mode .task-completed{background-color:#2c3e50}.task-content{cursor:pointer;flex:1 1;gap:10px}.task-check,.task-content{align-items:center;display:flex}.task-check{border:2px solid #ddd;border-radius:50%;height:22px;justify-content:center;transition:all .2s ease;width:22px}.dark-mode .task-check{border-color:#555}.task-completed .task-check{background-color:#0072ff;border-color:#0072ff}.dark-mode .task-completed .task-check{background-color:#0a84ff;border-color:#0a84ff}.check-icon{color:#fff;font-size:16px;opacity:0;transition:opacity .2s ease}.check-icon.visible{opacity:1}.task-text{flex:1 1;line-height:1.4;transition:all .2s ease}.task-completed .task-text{color:#888;text-decoration:line-through}.dark-mode .task-completed .task-text{color:#888}.task-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.task-item:hover .task-actions{opacity:1}.cancel-edit-button,.delete-task-button,.edit-task-button,.save-edit-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.edit-task-button:hover{background-color:#f0f0f0;color:#0072ff}.dark-mode .edit-task-button:hover{background-color:#444;color:#0a84ff}.delete-task-button:hover{background-color:#fff0f0;color:#ff3b30}.dark-mode .delete-task-button:hover{background-color:#482c2c;color:#ff453a}.task-edit-container{display:flex;gap:10px;width:100%}.edit-task-input{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:8px}.dark-mode .edit-task-input{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}.edit-task-input:focus{border-color:#0072ff;outline:none}.dark-mode .edit-task-input:focus{border-color:#0a84ff}.edit-actions{display:flex;gap:6px}.save-edit-button{color:#0072ff}.dark-mode .save-edit-button{color:#0a84ff}.save-edit-button:hover{background-color:#f0f8ff}.dark-mode .save-edit-button:hover{background-color:#1c3246}.cancel-edit-button{color:#ff3b30}.dark-mode .cancel-edit-button{color:#ff453a}.cancel-edit-button:hover{background-color:#fff0f0}.dark-mode .cancel-edit-button:hover{background-color:#482c2c}.empty-list-message{background-color:#f8f8f8;border-radius:8px;color:#888;font-style:italic;padding:30px 20px;text-align:center}.dark-mode .empty-list-message{background-color:#3a3a3a;color:#999}.task-item{animation:fadeIn .3s ease}@media (max-width:768px){.checklist-element-ws{max-width:320px;width:90%!important}.task-actions{opacity:1}}.trash-can{align-items:center;background-color:#ff375f;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:56px}.trash-can:before{background-color:#ffffff1a;border-radius:50%;content:"";height:100%;position:absolute;transform:scale(0);transition:transform .3s ease;width:100%}.dark-mode .trash-can{background-color:#ff453a}.trash-can:hover{box-shadow:0 6px 16px #0003;transform:scale(1.1)}.dark-mode .trash-can:hover{background-color:#ff3b30}.trash-can.can-drop{animation:pulse 1.5s infinite;background-color:red;box-shadow:0 8px 24px #ff00004d;transform:scale(1.15)}.dark-mode .trash-can.can-drop{background-color:#ff2d55}.trash-can.dropping{animation:shake .5s ease}.trash-can svg{color:#fff;font-size:22px;transition:all .3s ease;z-index:2}.trash-can.can-drop svg{animation:bounce .5s ease infinite}.delete-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.particle{background-color:#ff375f;border-radius:50%;height:8px;opacity:0;position:absolute;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff000080}70%{box-shadow:0 0 0 15px #f000}to{box-shadow:0 0 0 0 #f000}}@keyframes shake{0%,to{transform:scale(1.1) rotate(0deg)}20%{transform:scale(1.1) rotate(-10deg)}40%{transform:scale(1.1) rotate(10deg)}60%{transform:scale(1.1) rotate(-10deg)}80%{transform:scale(1.1) rotate(10deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes particleAnimation{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(var(--x)*50px),calc(var(--y)*50px)) scale(0)}}.delete-indicator{background-color:#0009;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.show-indicator{animation:fadeInOut 1.5s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.trash-lid{background-color:#fff;border-radius:2px;height:5px;position:absolute;top:16px;transition:all .3s ease;width:24px}.can-drop .trash-lid{transform:rotate(-25deg) translateX(-5px)}.to-workspace{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;position:absolute;right:10px;top:10px}.add-user-circle,.user-circle{align-items:center;background-color:#f0f0f0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.user-photo{height:100%;object-fit:cover;width:100%}.user-photo-placeholder{color:#888;font-size:16px}.add-user-circle{background-color:#e0e0e0;color:#333}:root{--primary-color:#34495e;--secondary-color:#f8f9fa;--accent-color:#3498db;--text-color:#333;--light-text-color:#888}.chat-workspace{background-color:#fff;border-radius:10px;bottom:20px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:500px;position:fixed;right:20px;width:350px;z-index:1000}.chat-header{background-color:#34495e;background-color:var(--primary-color);border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-size:1.2em;font-weight:700;letter-spacing:1px;padding:5px}.chat-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.chat-message{display:flex;margin-bottom:15px}.chat-message-sender{justify-content:flex-end}.chat-message-receiver{justify-content:flex-start}.chat-profile-pic{border-radius:50%;height:35px;margin-right:10px;object-fit:cover;width:35px}.chat-message-content{word-wrap:break-word;max-width:70%}.chat-message-text{background-color:#f8f9fa;background-color:var(--secondary-color);border-radius:10px;color:#333;color:var(--text-color);font-size:.9em;line-height:1.4;padding:10px}.chat-message-time{color:#888;color:var(--light-text-color);font-size:.8em;margin-top:5px}.chat-input{background-color:#f8f9fa;background-color:var(--secondary-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #eee;display:flex;padding:15px}.input-text{background-color:#fff;color:#333;color:var(--text-color);flex:1 1;outline:none;padding:10px}.input-text,.send-button{border:none;border-radius:20px;font-size:.9em}.send-button{background-color:#3498db;background-color:var(--accent-color);color:#fff;cursor:pointer;margin-left:10px;padding:10px 15px;transition:background-color .3s}.send-button:hover{background-color:#2980b9}
/*# sourceMappingURL=424.697933b0.chunk.css.map*/