@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background-color:#f3f4f6;display:flex;height:100vh;justify-content:center}.auth-box{border:1px solid #cecece;border-radius:12px;max-width:400px;padding:32px;width:100%}.auth-title{color:#333;font-size:24px;margin-bottom:24px;text-align:center}.auth-form{display:flex;flex-direction:column}.password-input-container-auth{position:relative;width:100%}.password-input-container-auth input{width:93%}.auth-input,.password-input-container-auth input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;margin-bottom:16px;padding:12px;transition:border-color .2s ease}.auth-input:focus{border-color:#3b82f6;outline:none}.auth-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:8px;padding:12px;transition:background-color .3s ease}.auth-button:disabled,.auth-button:disabled:hover{background-color:#ddd;cursor:not-allowed}.auth-form a{color:#3f5cff;text-decoration:none}.auth-button:hover{background-color:#2563eb}.switch-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;margin-top:16px}.switch-button:hover{text-decoration:underline}.auth-error{color:#dc2626;font-size:14px;margin-bottom:16px}body.dark .auth-container{background-color:#181818}body.dark .auth-box{background-color:#2c2f3d;border:1px solid #444;color:#e4e6eb}body.dark .auth-title{color:#e4e6eb}body.dark .auth-form{display:flex;flex-direction:column}body.dark .auth-input{background-color:#333;border:1px solid #555;border-radius:8px;color:#e4e6eb;font-size:16px;margin-bottom:16px;padding:12px;transition:border-color .2s ease}body.dark .auth-input:focus{border-color:#3b82f6;outline:none}body.dark .auth-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:8px;padding:12px;transition:background-color .3s ease}body.dark .auth-button:hover{background-color:#2563eb}body.dark .switch-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;margin-top:16px}body.dark .switch-button:hover{text-decoration:underline}.comment-form-fixed{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);bottom:0;display:flex;height:80px;-webkit-mask-image:linear-gradient(180deg,#0000,#000 20%,#000 100%,#0000);mask-image:linear-gradient(180deg,#0000,#000 20%,#000 100%,#0000);position:fixed;right:0;width:610px;z-index:1001}.comment-form-fixed input{background-color:#e9e9e9;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;height:40px;margin:20px 10px 10px;padding:12px}.comment-form-fixed input::placeholder{color:#757575!important}.comment-form-fixed button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px}@media (max-width:768px){.comment-form-fixed{width:100%}}.close-btn{font-size:16px;right:10px;top:10px}.plus-button-container{margin-left:40px}.plus-button{border:1px solid #e0e0e0;border-radius:50%;height:28px;left:-40px;opacity:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:28px}.plus-button-container:hover .plus-button{opacity:1}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px;margin-top:10px}.task-creator-info{color:#666;font-size:12px;margin-top:10px;text-align:right}.task-creator-avatar-name{align-items:center;display:flex;gap:5px;justify-content:flex-end}.task-creator-avatar-image{border-radius:50%;height:15px;object-fit:cover;width:15px}.task-creator-avatar-fallback{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;text-transform:uppercase;width:15px}.task-creation-date{opacity:.7}.task-creator-name-text{font-weight:500}.task-status-checkbox{flex-shrink:0}.status-checkbox{font-size:14px}.done-checkbox{background:#f5f5f5;color:#666}.done-checkbox.checked{background:#4caf50;color:#fff}.task-title-input{border:none;font-family:inherit;font-size:24px;margin-bottom:10px;margin-top:40px;max-height:300px;min-height:40px;outline:none;overflow-y:hidden;padding:5px 0;resize:none;transition:all .3s ease;width:100%}@media (max-width:768px){.task-title-input{font-size:20px;min-height:50px;padding:12px 0}}.timer-section{gap:10px;margin-left:15px}.timer-section,.timer-toggle{align-items:center;display:flex}.timer-toggle{background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;height:30px;justify-content:center;transition:background .3s;width:30px}.timer-toggle:hover{background:#e0e0e0}.timer-toggle.active{background:#ffeb3b}.timer-display{background:#f5f5f5;border-radius:4px;font-size:14px}.time-input,.timer-display{font-family:monospace;padding:4px 8px}.time-input{border:1px solid #ddd;border-radius:4px;width:80px}.parent-task-info{align-items:center;background-color:#f5f5f5;border-radius:6px;cursor:pointer;display:flex;font-size:14px;margin-bottom:10px;padding:8px 15px;transition:background-color .2s}.parent-task-info:hover{background-color:#ebebeb}.parent-task-label{color:#757575;margin-right:8px}.parent-task-title{color:#2196f3;font-weight:500;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.parent-task-info{font-size:13px;padding:6px 10px}.parent-task-title{max-width:60%}}.menu-btn{background:#0000;border:none;cursor:pointer}.task-private{position:absolute;right:85px;top:17px}.status-private-task{align-items:center;background:#f3f2f2;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:4px 10px;transition:all .2s}.task-cover-wrapper{border-radius:10px;margin-bottom:15px;max-height:200px;min-height:50px;overflow:hidden;position:relative;width:100%}.task-cover-blur{filter:blur(100px);height:100%;object-fit:cover;position:absolute;transform:scale(1.1);width:100%;z-index:1}.task-cover{max-height:200px;object-fit:contain;position:relative;width:100%;z-index:2}.edit-task-cover-button{background:#000000b3;border:none;border-radius:4px;bottom:15px;color:#fff;cursor:pointer;padding:8px 15px;position:absolute;right:15px;transition:background .2s;z-index:10}.edit-task-cover-button:hover{background:#000000e6}.delete-task-cover-button{background:#000000b3;border:none;border-radius:4px;bottom:15px;color:#fff;cursor:pointer;padding:8px 15px;position:absolute;right:65px;transition:background .2s;z-index:10}.delete-task-cover-button:hover{background:#000000e6}body.dark .task-card{background-color:#333;box-shadow:0 5px 15px #00000080;color:#e1e1e1}body.dark .task-card .comment-form-fixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a}body.dark .task-card .comment-form-fixed input{background-color:#555;border:1px solid #444;color:#e1e1e1}body.dark .task-card .comment-form-fixed input::placeholder{color:#bbb}body.dark .task-card .comment-form-fixed button{background-color:#007bff;color:#fff}body.dark .task-card .dropdown-btn{background-color:#444;color:#fff}body.dark .task-card .dropdown-btn:hover{background-color:#555}body.dark .task-card .dropdown-menu{background-color:#2c2c2c;border:1px solid #444}body.dark .task-card .dropdown-item{color:#e1e1e1}body.dark .task-card .task-status-checkbox{background-color:#444;color:#e1e1e1}body.dark .task-card .done-checkbox{background:#555;color:#e1e1e1}body.dark .task-card .done-checkbox.checked{background:#4caf50;color:#fff}body.dark .task-card .task-title-input{background-color:#333;border:none;color:#e1e1e1}body.dark .task-card .parent-task-info{background-color:#444;color:#e1e1e1}body.dark .task-card .parent-task-info:hover{background-color:#555}body.dark .task-card .task-creator-info{color:#bbb}body.dark .task-card .task-creator-avatar-name{color:#e1e1e1}body.dark .task-card .task-creation-date{color:#888}body.dark .task-card .task-cover-wrapper{border:none}body.dark .task-card .task-cover-blur{filter:blur(100px)}body.dark .task-card .delete-task-cover-button,body.dark .task-card .edit-task-cover-button{background:#ffffff80;color:#333}body.dark .task-card .delete-task-cover-button:hover,body.dark .task-card .edit-task-cover-button:hover{background:#ffffffb3}body.dark .task-card .status-private-task{background:#444;color:#bbb}body.dark .task-card .status-private-task:hover{background:#555}body.dark .menu-btn{color:#bbb}body.dark .dropdown-menu button{color:#bebebe}.comments-container{display:flex;flex-direction:column;min-height:350px;overflow:hidden;padding-bottom:60px;position:relative}.comments-list{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-y:auto;overflow:hidden;padding:1rem}.comment-item{align-items:flex-start;background-color:#f0f0f0;border-radius:1rem;display:flex;max-width:70%;padding:.75rem 1rem;position:relative;word-break:break-word}.comment-item.own{align-self:flex-end;background-color:#f8f8fb;border-top-right-radius:0}.comment-item.other{align-self:flex-start;background-color:#f8f8fb;border-top-left-radius:0}.user-avatar{margin-right:.5rem}.avatar-circle{height:30px!important;width:30px!important}.avatar-image{height:100%;width:100%}.comment-author{color:#6c78f4;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.comment-content{color:#000;font-size:.9rem}.comment-form{align-items:center;background-color:#fff;border-top:1px solid #ddd;bottom:0;display:flex;left:0;padding:.75rem;position:absolute;right:0}.comment-form input{border:1px solid #ccc;border-radius:1rem;flex-grow:1;font-size:1rem;padding:.5rem 1rem}.comment-timestamp{color:#999;font-size:.7rem;margin-top:.25rem;text-align:right}body.dark .comment-item{background-color:#555;color:#e1e1e1}body.dark .user-avatar{margin-right:.5rem}body.dark .comment-author{color:#bb86fc}body.dark .comment-content{color:#e1e1e1}body.dark .comment-timestamp{color:#aaa}.custom-field-row{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:140px minmax(0,1fr);justify-content:space-between;padding:0;position:relative}.field-label-wrapper{display:flex;flex-direction:column;width:100px}.field-name-button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:4px 6px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:140px}.field-name-button:hover{background-color:#f0f0f0}.field-value-wrapper{flex:1 1}.select-input,.text-input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-left:5px;padding:20px 8px;width:100%}.field-edit-menu{background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:8px;left:0;margin-top:4px;min-height:250px;padding:8px;position:absolute;top:100%;width:250px;z-index:10}.edit-input,.field-edit-menu{border:1px solid #ddd;border-radius:4px}.edit-input{font-size:12px;padding:6px;width:100%}.projects-dropdown{position:relative}.dropdown-toggle{background:#f8f8f8;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px;text-align:left;width:100%}.projects-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:4px;left:0;padding:8px;position:absolute;top:100%;width:150px;z-index:20}.project-checkbox{align-items:center;display:flex;font-size:12px;gap:6px}.dropdown-options{border-top:1px solid #eee;max-height:100px;overflow-y:auto;padding-top:8px}.options-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0 0 4px;padding:0}.option-item{font-size:12px;padding:2px 4px}.remove-option-button{color:#f44;font-size:14px;padding:0 2px}.add-option-container{margin-top:4px}.add-field-form{border-top:1px solid #eee;margin-top:24px;padding-top:16px}.btn-flat{background:none;border:none;border-radius:4px;color:#aaa;cursor:pointer;font-size:14px;padding:4px 6px;transition:background .2s}.btn-flat:hover{background-color:#f8f8f8}.dropdown-options::-webkit-scrollbar{height:6px;width:6px}.dropdown-options::-webkit-scrollbar-track{background:#0000}.dropdown-options::-webkit-scrollbar-thumb{background-color:#cecece;border:none;border-radius:4px}.dropdown-options::-webkit-scrollbar-thumb:hover{background-color:#cecece}.datetime-picker-popup{background:#fff;border:1px solid #ccc;padding:10px;position:absolute;z-index:1010}.delete-field-button{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-left:8px;padding:4px 8px;width:auto}.delete-text{color:#f44;font-weight:500;margin-right:6px}.delete-icon{color:#666}.options-section{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.options-list{margin-bottom:8px;max-height:150px;overflow-y:auto}.option-item{align-items:center;background:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:4px 6px}.option-item:hover{background:#f0f0f0}.remove-option-button{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.add-option-container{display:flex;gap:8px}.add-option-btn{padding:6px 10px;white-space:nowrap}.add-field-container{margin-top:16px;position:relative}.add-field-dropdown{animation:fadeIn .2s ease-out;background:#fff;border:1px solid #e1e4e8;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;margin-bottom:8px;margin-top:30px;padding:8px 0;position:absolute;top:100%;width:280px;z-index:100}.dropdown-option{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:background .15s}.dropdown-option:hover{background-color:#f8f9fa}.option-icon{align-items:center;background:#f0f2f5;border-radius:4px;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;width:24px}.option-text{flex:1 1}.option-hint{color:#6c757d;font-size:12px;margin-top:4px}.add-field-icon{font-size:18px;font-weight:700}body.dark .field-edit-menu{background:#2c2c2c;border:1px solid #444;box-shadow:0 2px 8px #00000080}body.dark .edit-input{background-color:#444;border:1px solid #555;color:#e0e0e0}body.dark .projects-dropdown-menu{background:#2c2c2c;border:1px solid #444}body.dark .option-item{background:#444;color:#e0e0e0}body.dark .option-item:hover{background:#555}body.dark .delete-field-button{background:#333;border:1px solid #444}body.dark .delete-text{color:#f44}body.dark .btn-flat{color:#aaa}body.dark .btn-flat:hover{background-color:#444}body.dark .add-field-dropdown{background:#2c2c2c;border:1px solid #444}body.dark .dropdown-option{background-color:#222;color:#e0e0e0}body.dark .dropdown-option:hover{background-color:#333}body.dark .option-icon{background:#555}body.dark .add-field-icon{color:#e0e0e0}.dropdown-wrapper{position:relative;width:80px}.dropdown-wrapper-multi{position:relative}.dropdown-button{background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:5px 12px;text-align:left;transition:background .2s}.dropdown-button:hover{background:#f8f8f8}.dropdown-button.open{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.placeholder{color:#aaa}.dropdown-menu{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;margin-top:6px;overflow-y:auto;padding:5px;top:100%;width:100px!important}.dropdown-item{margin-bottom:5px}.priority-high{background-color:#ffe5e5;color:#d32f2f;font-weight:600}.priority-medium{background-color:#fff5e5;color:#ef6c00;font-weight:600}.priority-low{background-color:#e5f5e5;color:#388e3c;font-weight:600}.priority-frozen{background-color:#e5f2ff;color:#1976d2;font-weight:600}.button-multi-select{background:#fff;border:none;color:#aaa;display:flex;height:auto!important;overflow:hidden;text-align:left;width:100%!important}.multi-select-chip{align-items:center;background-color:#f3f2f2;border-radius:5px;color:#333;display:flex;font-size:.9rem;padding:5px;white-space:nowrap}.dropdown-button-multi{background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:5px 12px;text-align:left;transition:background .2s}.selected-chips-multi{display:flex;flex-wrap:wrap;gap:4px}body.dark .dropdown-wrapper .dropdown-button{background:#444;border:1px solid #555;color:#e1e1e1}body.dark .dropdown-wrapper .dropdown-button:hover{background:#555}body.dark .dropdown-wrapper .dropdown-button.open{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}body.dark .dropdown-wrapper .placeholder{color:#aaa}body.dark .dropdown-wrapper .dropdown-menu{background:#333;border:1px solid #444;color:#e1e1e1}body.dark .dropdown-wrapper .dropdown-item{cursor:pointer;font-size:14px;margin-bottom:5px;padding:10px 15px;transition:background .2s}body.dark .dropdown-wrapper .dropdown-item:hover{background:#444}body.dark .dropdown-wrapper .priority-high{background-color:#ff4d4f;color:#fff;font-weight:600}body.dark .dropdown-wrapper .priority-medium{background-color:#ffa000;color:#fff;font-weight:600}body.dark .dropdown-wrapper .priority-low{background-color:#388e3c;color:#fff;font-weight:600}body.dark .dropdown-wrapper .priority-frozen{background-color:#1976d2;color:#fff;font-weight:600}body.dark .button-multi-select{background:#444;border:1px solid #555;color:#e1e1e1}body.dark .multi-select-chip{background-color:#444;border-radius:0;color:#e1e1e1;font-size:.9rem}body.dark .dropdown-wrapper .dropdown-button-multi{background:#444;border:1px solid #555;color:#e1e1e1}body.dark .dropdown-wrapper .dropdown-button-multi:hover{background:#555}body.dark .dropdown-wrapper .selected-chips-multi{background:#333;border-radius:6px;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.button-executors{background:#fff;color:#aaa;padding:5px 0}.button-executors,.button-executors:hover{border:none;display:flex;height:25px;overflow:hidden}.button-executors:hover{background:#f8f8f8;border-radius:6px}.selected-executors{display:flex;flex-wrap:wrap}.flow-button{max-height:25px}.button-executors-task{background:#fff;border:none;color:#aaa;display:flex;height:auto!important;overflow:hidden;padding:5px 0;text-align:left}.button-executors-task:hover{background:#f8f8f8;border-radius:6px}.selected-executors-task{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4px;max-height:none!important;min-height:30px}.text-executors-task{padding:0 10px}.executor-chip-task{align-items:center;background-color:#f3f2f2;border-radius:5px;color:#333;display:flex;font-size:.9rem;margin-left:.2rem;padding:5px;white-space:nowrap}.executor-task-avatar{object-fit:cover}.avatar-initials-task,.executor-task-avatar{border-radius:50%;height:20px;margin-right:6px;width:20px}.avatar-initials-task{align-items:center;background-color:#e0e0e0;color:#333;display:inline-flex;font-size:9px;font-weight:700;justify-content:center}.dropdown-avatar-task{border-radius:50%;height:20px;margin-right:10px;object-fit:cover;width:20px}.dropdown-menu-executors-task{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:8px;padding:8px;position:absolute;z-index:1}.button-tags-task{background:#fff;border:none;color:#aaa;display:flex;height:auto!important;overflow:hidden;padding:5px 0;text-align:left}.button-tags-task:hover{background:#f8f8f8;border-radius:6px}.selected-tags-task{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4px;min-height:30px}.text-tags-task{padding:0 10px}.tag-chip-task{border-radius:16px;display:inline-block;font-size:.9rem;margin:2px;padding:4px 8px;white-space:nowrap}.dropdown-menu-tags-task{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:8px;max-height:300px;overflow-y:auto;padding:8px;position:absolute;z-index:1000}.tag-search-input-task{border:none;border-bottom:1px solid #e0e0e0;font-size:14px;margin-bottom:8px;padding:8px 12px}.tag-search-input-task:focus{border-color:#1890ff;outline:none}.tag-color-dot-task{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.dropdown-item-task{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s}.dropdown-item-task:hover{background:#f8f8f8}.create-tag-option-task{background-color:#f8f8f8;color:#1890ff;cursor:pointer;font-weight:500}.create-tag-option-task:hover{background-color:#e8f0fe}.time-input-container{align-items:center;display:flex;gap:5px}.time-input{text-align:center;width:60px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.overdue-row{border-radius:4px;margin-top:10px;padding:8px}.overdue-days{background-color:#ffebee;border-radius:12px;color:#d32f2f;display:inline-block;font-weight:700;margin-left:5px;padding:4px 8px;width:none!important}.project-links-container{display:flex;flex-direction:column;width:100%}.project-link-container{margin-bottom:10px;width:100%}.project-link-row{align-items:center;display:flex;gap:10px;width:100%}.project-link-select{flex:1 1;min-width:0}.project-link-select select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.add-project-btn{align-items:center;background:#f0f0f0;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-top:10px;padding:8px 12px;transition:background .2s}.add-project-btn:hover{background:#e0e0e0}.remove-link-btn{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;width:24px}.dropdown-task-boards,.dropdown-task-columns,.dropdown-task-projects{position:relative}.dropdown-task-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}.dropdown-task-button:hover{border-color:#1890ff}.dropdown-task-selected{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-task-options{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:160px;z-index:1000}.dropdown-task-option{cursor:pointer;font-size:14px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.dropdown-task-option:hover{background-color:#f5f5f5}body.dark .task-details{background-color:#333;color:#e1e1e1}body.dark .task-details label{color:#ccc}body.dark .task-details button,body.dark .task-details input,body.dark .task-details select{background-color:#333;border-color:#333;color:#e1e1e1}body.dark .task-details input{background-color:#444}body.dark .task-details .range-block,body.dark .task-details .task-range-selector{background-color:#444;border-radius:6px}body.dark .task-details .dropdown-menu-executors-task{background-color:#2c2c2c;border:1px solid #444}body.dark .task-details .dropdown-item{color:#e1e1e1}body.dark .task-details .button-executors-task{background-color:#333;color:#ccc}body.dark .task-details .button-executors:hover{background-color:#333}body.dark .task-details .executor-chip-task{background-color:#444;box-shadow:0 2px 4px #0000004d;color:#e1e1e1}body.dark .task-details .custom-fields-manager,body.dark .task-details .field-item{background-color:#444;border:1px solid #555}body.dark .task-details .field-item{color:#e1e1e1}body.dark .task-details .delete-btn{background-color:#444;border:1px solid #f44;color:#f44}body.dark .task-details .react-datepicker{background-color:#333;border:1px solid #444!important}body.dark .task-details .react-datepicker__header{background-color:#444!important;border-bottom:1px solid #555!important}body.dark .task-details .react-datepicker__day--selected{background-color:#1890ff!important;border-radius:6px!important}body.dark .task-details .project-flow{background-color:#333}body.dark .task-details .flow-button{background-color:#444;border:1px solid #444;color:#e1e1e1}body.dark .task-details .flow-button:hover{background-color:#555}body.dark .task-details .flow-dropdown{background-color:#2c2c2c;border:1px solid #444}body.dark .task-details .add-project-btn,body.dark .task-details .project-link-row{background-color:#444;color:#e1e1e1}body.dark .task-details .add-project-btn:hover{background-color:#555}body.dark .task-details .remove-link-btn{background-color:#ff6b6b;color:#fff}body.dark .task-details .dropdown-task-button{background-color:#444;border:1px solid #444;color:#e1e1e1}body.dark .task-details .dropdown-task-button:hover{background-color:#555}body.dark .task-details .dropdown-task-options{background-color:#2c2c2c;border:1px solid #444}body.dark .task-details .dropdown-task-option{color:#e1e1e1}body.dark .dropdown-task-option:hover{background-color:#353535}body.dark .task-details .time-toggle-group{background-color:#444}body.dark .task-details .overdue-row{background-color:#3b3b3b;color:#ff4d4f}body.dark .task-details .overdue-days{background-color:#ff4d4f;color:#fff}body.dark .task-details .project-links-container{background-color:#333}body.dark .task-details .project-link-container{background-color:#444;border:1px solid #555;color:#e1e1e1}body.dark .task-details .project-link-select select{background-color:#555;border:1px solid #444;color:#e1e1e1}body.dark .task-details .project-link-select select:focus{border-color:#1890ff}body.dark .task-details .task-details label:hover{background-color:#353535}body.dark .task-details .time-input-container{background-color:#444}body.dark .form-row label:hover{background-color:#444;color:#ccc}body.dark .dropdown-menu-tags-task{background-color:#444;border:none}body.dark .dropdown-item-task{background-color:#444}.ProseMirror{word-wrap:break-word;font-feature-settings:"liga" 0,none;font-variant-ligatures:none;position:relative;white-space:pre-wrap;white-space:break-spaces}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection ::selection{background:#0000}.ProseMirror-hideselection ::-moz-selection{background:#0000}.ProseMirror-hideselection{caret-color:#0000}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{border:2px solid #8cf;bottom:-2px;content:"";left:-32px;pointer-events:none;position:absolute;right:-2px;top:-2px}img.ProseMirror-separator{border:none!important;display:inline!important;margin:0!important}.modal-task-delete-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-task-delete-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:25px;position:relative;width:90%}.modal-close-btn{background:#0000}.modal-task-delete-content h3{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0}.modal-body{margin-bottom:25px}.modal-body strong{color:#333;font-weight:600}.modal-actions{gap:12px}.cancel-btn,.confirm-btn{border-radius:6px;transition:all .2s ease}.cancel-btn{color:#333}.confirm-btn{background:#ff4d4f}.confirm-btn:hover{background:#ff3336}body.dark .modal-task-delete-overlay{background-color:#000000b3}body.dark .modal-task-delete-content{background:#333;border-radius:8px;box-shadow:0 5px 15px #00000080;color:#e1e1e1;max-width:500px;padding:25px;position:relative;width:90%}body.dark .modal-close-btn{color:#bbb}body.dark .modal-close-btn:hover{color:#fff}body.dark .modal-task-delete-content h3{color:#e1e1e1}body.dark .modal-body strong{color:#fff}body.dark .modal-actions .cancel-btn,body.dark .modal-actions .confirm-btn{color:#e1e1e1}body.dark .cancel-btn{background:#444}body.dark .cancel-btn:hover{background:#555}body.dark .confirm-btn{background:#d32f2f}body.dark .confirm-btn:hover{background:#ff4d4f}.task-tabs{border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;overflow:hidden}.tabs-header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex}.tab-button{background:none;border:none;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 0;transition:background-color .2s}.tab-button.active{background-color:#fff;border-bottom:2px solid #3f51b5;color:#3f51b5;font-weight:600}.tabs-content{background-color:#fff;padding:15px}.task-history-section{max-height:400px;overflow-y:auto}.history-item{border-bottom:1px solid #f0f0f0;padding:12px 0}.history-header{justify-content:space-between;margin-bottom:8px}.history-header,.history-user{align-items:center;display:flex}.history-avatar{object-fit:cover}.history-avatar,.history-avatar-fallback{border-radius:50%;height:30px;margin-right:8px;width:30px}.history-avatar-fallback{align-items:center;background-color:#e0e0e0;display:flex;font-size:12px;justify-content:center}.history-user-name{font-weight:500}.history-date{color:#757575;font-size:12px}.history-action{padding-left:38px}.action-text{display:block;margin-bottom:5px}.change-details{color:#666;display:flex;font-size:13px;gap:10px}.old-value{color:#f44336;text-decoration:line-through}.new-value{color:#4caf50}.loading-history,.no-history{color:#757575;padding:20px;text-align:center}.subtasks-section{border-radius:8px;margin-top:30px;padding:20px}.subtask-form{display:flex;gap:10px;margin-bottom:15px}.subtask-form input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px 15px}.subtask-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .2s}.subtask-form button:hover{background-color:#6ab2ff}.subtasks-list{list-style:none;margin:0;padding:0}.subtask-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px;transition:all .2s}.subtask-item:hover{box-shadow:0 2px 6px #0000000d}.subtask-content{align-items:center;display:flex;flex:1 1;gap:10px}.subtask-checkbox{cursor:pointer;height:18px;width:18px}.subtask-title{cursor:pointer;transition:color .2s}.subtask-title:hover{color:#2196f3;text-decoration:underline}.subtask-item.done .subtask-title{color:#9e9e9e;text-decoration:line-through}.remove-subtask-btn{background:none;border:none;border-radius:4px;color:#a3a3a3;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s}.remove-subtask-btn:hover{background-color:#8080801a}.no-subtasks{font-style:italic}.loading-subtasks,.no-subtasks{color:#9e9e9e;padding:15px;text-align:center}body.dark .task-tabs{background-color:#333;border:1px solid #444}body.dark .tabs-header{background-color:#444;border-bottom:1px solid #555}body.dark .tab-button{background:none;border:none;color:#e1e1e1;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}body.dark .tab-button.active{background-color:#444;border-bottom:2px solid #1890ff;color:#1890ff;font-weight:600}body.dark .tabs-content{background-color:#444;color:#e1e1e1;padding:15px}body.dark .task-history-section{background-color:#333;color:#e1e1e1}body.dark .history-item{border-bottom:1px solid #555;color:#e1e1e1}body.dark .history-header{color:#e1e1e1}body.dark .history-avatar-fallback{background-color:#555}body.dark .history-user-name{color:#e1e1e1}body.dark .history-date{color:#bbb}body.dark .action-text,body.dark .change-details,body.dark .history-action{color:#e1e1e1}body.dark .old-value{color:#f44336}body.dark .new-value{color:#4caf50}body.dark .loading-history,body.dark .no-history{color:#bbb}body.dark .subtasks-section{background-color:#333;color:#e1e1e1}body.dark .subtask-form input{background-color:#555;border:1px solid #666;color:#e1e1e1}body.dark .subtask-form button{background-color:#007bff;border:none;color:#fff}body.dark .subtask-form button:hover{background-color:#0062cc}body.dark .subtasks-list{background-color:#333}body.dark .subtask-item{background-color:#444;border:1px solid #555;color:#e1e1e1}body.dark .subtask-item:hover{background-color:#555;box-shadow:0 2px 6px #0000001a}body.dark .subtask-checkbox{background-color:#666}body.dark .subtask-title{color:#e1e1e1}body.dark .subtask-title:hover{color:#1890ff}body.dark .subtask-item.done .subtask-title{color:#9e9e9e;text-decoration:line-through}body.dark .remove-subtask-btn{color:#e1e1e1}body.dark .remove-subtask-btn:hover{background-color:#80808033}body.dark .loading-subtasks,body.dark .no-subtasks{color:#bbb}.modal-delete-content{max-width:90%;padding:20px;width:400px}.modal-close-btnn{color:#777;font-size:20px;margin-left:95%}.accept-btn,.cancel-btn,.confirm-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}.cancel-btn{background-color:#f0f0f0}.confirm-btn{background-color:#e74c3c;border:none}.accept-btn{background-color:#7577f1;border:none;color:#fff}.accept-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-btn:hover{background-color:#c0392b}body.dark .modal-delete-content{background:#2a2d2e;border:1px solid #444;box-shadow:0 4px 20px #00000040;color:#e1e1e1}body.dark .modal-close-btnn,body.dark .modal-delete-content strong{color:#e1e1e1}body.dark .modal-close-btnn:hover{color:#fff}body.dark .modal-body{color:#ccc}body.dark .modal-actions{background-color:#2a2d2e;border-top:2px solid #2a2d2e}body.dark .cancel-btn{background-color:#333;border:1px solid #555;color:#e1e1e1}body.dark .confirm-btn{background-color:#f39c12;border:none;color:#fff}body.dark .accept-btn{background-color:#5865f2;border:none;color:#fff}body.dark .cancel-btn:hover{background-color:#555}body.dark .confirm-btn:hover{background-color:#f39c12}body.dark .accept-btn:hover{background-color:#4e63d1}.app{display:flex;font-family:Arial,sans-serif;height:100vh}.content{margin-top:99px}.content,.modes-project-class{background-color:#f8f8fb;display:flex;flex:1 1;overflow-x:auto}.modes-project-class{margin-top:45px}.modes-project-class-none{background-color:#f8f8fb;display:flex;flex:1 1;margin-top:10px;overflow-x:auto}.boards-mode-content{display:flex;flex:1 1;margin-left:0;margin-top:-30px}form{margin-top:10px}input[type=text]{border:none;box-sizing:border-box;color:#000;height:40px;outline:none;padding:8px;width:100%}input[type=text]::placeholder{color:#b4b1cc}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#cecece;border:none;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#cecece}body{transition:background-color .3s ease,color .3s ease}:root{--background-color-light:#fff;--background-color-dark:#121212;--text-color-light:#000;--text-color-dark:#fff;--header-bg-light:#fffc;--header-bg-dark:#121212cc}body.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light)}header.light{background-color:#fffc;background-color:var(--header-bg-light)}body.dark{background-color:#121212;background-color:var(--background-color-dark);color:#fff;color:var(--text-color-dark)}header.dark{background-color:#121212cc;background-color:var(--header-bg-dark)}body.dark .app{background-color:#3a3b3c!important}body.dark .content{background-color:#1e1e1e}body.dark ::-webkit-scrollbar-track{background:#1e1e1e}.add-user-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.add-user-modal-content{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;padding:24px;position:relative;width:400px}.link-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#0056b3}.add-user-modal-header{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 16px}.add-user-modal-input,.add-user-modal-select{border:1px solid #ccc;border-radius:4px;font-size:.95rem;margin-bottom:12px;outline:none;padding:8px 12px;width:90%}.add-user-modal-button{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;margin-right:8px;padding:8px 16px}.add-user-modal-button--primary{background-color:#007bff;color:#fff}.add-user-modal-button--secondary{background-color:#f0f0f0;color:#333}.add-user-modal-message{color:#d9534f;font-size:.9rem;margin-top:12px}.add-user-modal-close{background:#0000;border:none;color:#666;cursor:pointer;font-size:1.25rem;height:24px;line-height:1;position:absolute;right:12px;top:12px;width:24px}.add-user-modal-close:hover{color:#333}.modal{background:#0009;bottom:0;right:0;z-index:1000}.modal-content{box-shadow:0 5px 15px #0000004d}.modal{background-color:#00000080}.modal-content{background-color:#fff;text-align:center}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{border-radius:8px;padding:20px;width:300px}body.dark .add-user-modal-content{background:#1e1e1e;box-shadow:0 4px 12px #ffffff1a;color:#f1f1f1}body.dark .add-user-modal-header{color:#f1f1f1}body.dark .add-user-modal-input,body.dark .add-user-modal-select{background:#2a2a2a;border:1px solid #444;color:#eaeaea}body.dark .add-user-modal-button--primary{background-color:#339af0;color:#fff}body.dark .add-user-modal-button--secondary{background-color:#3a3a3a;color:#eaeaea}body.dark .add-user-modal-message{color:#ff6b6b}body.dark .add-user-modal-close{color:#aaa}body.dark .add-user-modal-close:hover{color:#fff}body.dark .modal-content{background:#1e1e1e;box-shadow:0 5px 15px #ffffff1a;color:#f1f1f1}.sidebar{border-right:1px solid #ededf5;height:100vh;overflow-x:hidden;position:relative;transition:width .3s ease;width:275px;z-index:1000}.sidebar.collapsed{width:60px}.input-with-button{align-items:center;display:flex}.input-with-button .new-project{flex:1 1;margin-right:8px}.input-with-button .check{background-color:#e6f2ff;border:none;border-radius:10px;color:#a1a1a1;cursor:pointer;font-weight:600;height:30px;margin-right:10px;margin-top:-10px;padding:6px 10px}.input-with-button .check:hover{background-color:#dde8f5}.collapse-button{background:#fff;border:none;color:gray;cursor:pointer;font-size:17px;height:25px;line-height:1;position:absolute;right:0;text-align:center;top:15px;width:25px;z-index:10}.sidebar h2{color:#333;font-size:1.5em;margin-bottom:20px}.sidebar ul{list-style:none;margin:0;padding:0 10px}.sidebar li{align-items:center;border-radius:6px;color:#3b3737;cursor:pointer;display:flex;font-size:17px;font-weight:500;height:15px;justify-content:space-between;margin-top:2px;overflow:hidden;padding:8px 10px;transition:background-color .2s}.sidebar li span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar li:hover{background-color:#f1f1ef}.project-actions{opacity:0;transition:opacity .2s;visibility:hidden}.sidebar li:hover .project-actions{opacity:1;visibility:visible}.project-actions button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.project-actions button:hover{background-color:#eaeaea;border-radius:4px;color:#333}.sidebar li.selected{background-color:#f7f5f5}.workspace-selector{background-color:#fff;border:none;box-shadow:none;cursor:pointer;height:60px;outline:none;text-align:left}.all-tasks-item{align-items:center;border-radius:6px;color:#37352f;cursor:pointer;display:flex;font-size:15px;font-weight:500;height:20px;margin:10px 10px 0;padding:6px 10px;transition:background-color .15s ease}.all-tasks-item:hover{background-color:#f1f1ef}.template-btn{margin:70px 10px 0;width:93%}.template-btn,.template-btn-collapsed{align-items:center;border:none;border-radius:6px;color:#b6b6b6;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:5px;height:30px;padding:6px 10px;transition:background-color .15s ease}.template-btn-collapsed{margin:15px 10px 0;width:65%}.all-tasks-item.selected{background-color:#f5f5f5}.all-tasks-item span{align-items:center;display:flex;font-family:Inter,sans-serif;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-title{border-radius:6px;color:#414040;cursor:pointer;font-size:17px;font-weight:550;height:20px;margin:20px 10px 0;padding:6px 10px}.new-project{background-color:#f7f7f7cc;border-radius:5px;box-sizing:border-box;margin:0 10px 10px;max-width:250px;width:100%}.workspace-header{align-items:center;gap:10px;margin:10px 10px 5px 50px}.work-tariff{background-color:gold;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:0 2px;white-space:nowrap}.work-p{color:#888;font-size:13px;font-weight:600;margin:0}.work-name{font-size:15px;font-weight:600;margin:0 0 10px 50px}.drag-handle{color:#999;margin-right:5px}.project-avatar{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-right:10px;width:30px}.project-avatar-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.project-avatar-initials{color:#666;font-size:14px;font-weight:500}.project-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;position:absolute;width:150px;z-index:1000}.project-dropdown button{background:none;border:none;display:block;padding:8px 16px;text-align:left;width:100%}.project-dropdown button:hover{background:#f5f5f5}.collapsed-projects{gap:10px;margin-top:40px;padding:0 5px}.collapsed-project-item{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;height:30px;justify-content:center;margin:0 6px;transition:transform .2s;width:30px}.collapsed-project-item:hover{transform:scale(1.1)}.collapsed-project-avatar{border-radius:4px;height:100%;object-fit:cover;width:100%}.collapsed-project-initials{color:#666;font-size:16px;font-weight:500}.projects-section{height:calc(100vh - 300px);margin-top:20px}.projects-list{list-style:none;margin:0;padding:0}.project-settings{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:5px}.collapsed-projects{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 240px);margin-top:80px;overflow-x:hidden;overflow-y:auto}.collapsed-project-item{cursor:pointer;height:36px;width:36px}.collapsed-avatar-image,.collapsed-avatar-initial{align-items:center;background-color:#ddd;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}body.dark ::-webkit-scrollbar-thumb{background-color:#3a3b3c!important}body.dark .project-avatar{background-color:#2c2c2c}body.dark .project-avatar-initials{color:#adadad}body.dark .collapsed-avatar-initial{background-color:#2c2c2c;border-radius:0;color:#adadad;width:100%}body.dark .collapsed-project-item{background-color:#121212}body.dark .sidebar{background-color:#181818;border-right:1px solid #3e3f4b}body.dark .sidebar li{color:#e4e6eb}body.dark .sidebar li:hover{background-color:#333}body.dark .sidebar li.selected{background-color:#494949}body.dark .collapse-button{background:#383a52;color:#ccc}body.dark .workspace-selector{border-bottom:1px solid #3e3f4b}body.dark .work-name{color:#c2c1c1}body.dark .new-project{background-color:#313131;color:#eee}body.dark .all-tasks-item{background-color:#181818;color:#8f8f8f}body.dark .all-tasks-item:hover{background-color:#404255}body.dark .project-settings{color:#bebebe}body.dark .project-dropdown{background-color:#474747;border-color:#474747}body.dark .project-dropdown button{color:#bebebe}body.dark .project-dropdown button:hover{background-color:#505050}body.dark .check{background-color:#2c2c2c}body.dark .check:hover{background-color:#3b3b3b}body.dark .template-btn,body.dark .template-btn-collapsed{background-color:#121212;color:#5f5f5f}.cpm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cpm-modal{animation:cpm-fadeIn .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px;width:500px}@keyframes cpm-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cpm-title{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:25px;text-align:center}.cpm-toggle-group{display:flex;gap:15px;margin-bottom:25px}.cpm-toggle-option{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;flex:1 1;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.cpm-toggle-option:hover{border-color:#cbd5e0}.cpm-toggle-option.active{background-color:#ebf8ff;border-color:#4299e1}.cpm-toggle-option.active .cpm-toggle-indicator{background-color:#4299e1;border-color:#4299e1}.cpm-toggle-option.active .cpm-toggle-indicator:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:4px;position:absolute;top:4px;width:8px}.cpm-toggle-option span{color:#4a5568;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.cpm-toggle-option.active span{color:#2b6cb0}.cpm-toggle-description{color:#718096;font-size:14px;margin:0}.cpm-users-section{margin-top:20px}.cpm-users-title{color:#4a5568;font-size:16px;font-weight:600;margin-bottom:15px}.cpm-users-container{border:1px solid #e2e8f0;border-radius:10px;max-height:300px;overflow-y:auto;padding:5px}.cpm-user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px 15px;transition:all .2s ease}.cpm-user-item:hover{background-color:#f7fafc}.cpm-user-item.selected{background-color:#ebf8ff}.cpm-user-avatar{align-items:center;background-color:#c8c9ca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;margin-right:15px;width:40px}.cpm-user-info{flex-grow:1}.cpm-user-info span{color:#2d3748;display:block;font-weight:500}.cpm-user-info p{color:#718096;font-size:13px;margin:3px 0 0}.cpm-checkbox{align-items:center;border:2px solid #cbd5e0;border-radius:5px;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s ease;width:22px}.cpm-user-item.selected .cpm-checkbox{background-color:#4299e1;border-color:#4299e1}.cpm-checkbox-checked{background-color:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);height:12px;width:12px}.cpm-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.cpm-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cpm-save{background-color:#4299e1;color:#fff}.cpm-save:hover{background-color:#3182ce}.cpm-cancel,.cpm-close{background-color:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.cpm-cancel:hover,.cpm-close:hover{background-color:#edf2f7}.cpm-premium{padding:20px 0;text-align:center}.cpm-premium-icon{font-size:48px;margin-bottom:15px}.cpm-premium-title{color:#2d3748;font-size:22px;font-weight:600;margin-bottom:10px}.cpm-premium-text{color:#718096;line-height:1.6}.cpm-premium-text span{color:#4299e1;font-weight:600}.cpm-loader{align-items:center;display:flex;flex-direction:column;padding:30px 0}.cpm-spinner{animation:cpm-spin 1s linear infinite;border:4px solid #ebf8ff;border-radius:50%;border-top-color:#4299e1;height:50px;margin-bottom:15px;width:50px}@keyframes cpm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cpm-close-button{background:none;border:none;color:#777;cursor:pointer;font-size:20px;margin-left:95%}.cpm-close-button:hover{background-color:#f5f5f5;border-radius:3px;color:#333}body.dark .cpm-overlay{background-color:#000000b3}body.dark .cpm-modal{background-color:#2c2c2c;border-radius:16px;box-shadow:0 10px 30px #00000080;color:#e4e6eb}body.dark .cpm-title{color:#e4e6eb}body.dark .cpm-toggle-option{background-color:#333;border:2px solid #444}body.dark .cpm-toggle-option.active{background-color:#1a202c;border-color:#4299e1}body.dark .cpm-toggle-option.active span{color:#2b6cb0}body.dark .cpm-toggle-description{color:#a0aec0}body.dark .cpm-users-title{color:#e4e6eb}body.dark .cpm-users-container{background-color:#2d3748;border:1px solid #444}body.dark .cpm-user-item{background-color:#333;color:#e4e6eb}body.dark .cpm-user-item.selected{background-color:#4a5568}body.dark .cpm-user-item:hover{background-color:#444}body.dark .cpm-user-avatar{background-color:#4a5568}body.dark .cpm-user-info span{color:#e4e6eb}body.dark .cpm-user-info p{color:#a0aec0}body.dark .cpm-checkbox{border-color:#555}body.dark .cpm-user-item.selected .cpm-checkbox{background-color:#4299e1;border-color:#4299e1}body.dark .cpm-footer .cpm-button{border-radius:8px;color:#e4e6eb}body.dark .cpm-save{background-color:#4299e1;color:#fff}.cpm-close,body.dark .cpm-cancel{background-color:#444;border:1px solid #555;color:#e4e6eb}.cpm-close:hover,body.dark .cpm-cancel:hover{background-color:#555}body.dark .cpm-premium-title{color:#e4e6eb}body.dark .cpm-premium-text{color:#a0aec0}body.dark .cpm-premium-text span{color:#4299e1}body.dark .cpm-loader{color:#e4e6eb}body.dark .cpm-spinner{border:4px solid #444;border-top-color:#4299e1}body.dark .cpm-close-button{color:#e4e6eb}body.dark .cpm-close-button:hover{background-color:#555;color:#fff}.header{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background:#fff6;border-bottom:1px solid #ededf5;box-sizing:border-box;height:60px;justify-content:flex-end;left:275px;overflow:visible;padding:10px;position:fixed;top:0;transition:all .3s ease;width:calc(100% - 275px);z-index:900}.header,.user-info{align-items:center;display:flex}.user-info{gap:10px}.add-user-btn{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:2px 8px}.ai-bot{border-radius:50%;cursor:pointer;font-size:24px;margin-left:-5px;margin-right:-8px;margin-top:5px;padding:7px}.ai-bot:hover{background-color:#f1f1f1}.ai-bot-modal{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 12px #0000001a;height:300px;overflow:hidden;position:absolute;right:10px;top:55px;width:250px;z-index:1000}.ai-bot-modal p{margin-top:50%;text-align:center}.subscription-warning{background-color:#fcc;border-radius:10px;color:#b00000;cursor:pointer;font-weight:700;height:30px;margin:10px 20px 0 10px;padding:8px 16px;z-index:901}.user-avatar{cursor:pointer;position:relative}.avatar-circle,.avatar-image{height:40px;width:40px}.avatar-circle{background-color:#ccc;font-size:16px}.dropdown-menu{border-radius:4px;box-shadow:0 2px 5px #e0dfdf;min-width:150px;right:0;text-align:left;top:50px;transform:translateX(-80%)}.dropdown-menu:before{border:5px solid;border-color:#0000 #0000 #fff;content:"";position:absolute;right:10px;top:-5px}.dropdown-menu button{background:none;border:none;cursor:pointer;display:block;padding:8px;text-align:left;width:100%}.dropdown-menu button:hover{background-color:#f0f0f0}.dropdown-display-mode{min-width:150px;position:absolute;right:0;text-align:left;top:50px;transform:translateX(-250%)}.dropdown-display-mode:before{border:5px solid;border-color:#0000 #0000 #fff;content:"";position:absolute;right:10px;top:-5px}.dropdown-display-mode button{background:none;border:none;cursor:pointer;display:block;padding:8px;text-align:left;width:100%}.dropdown-display-mode button:hover{background-color:#f0f0f0}.youtask{height:25px}.static-loader,.youtask{left:15px;position:absolute}.static-loader{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:0}.static-loader span{display:inline-block}.c1{color:#4285f4}.c2{color:#ea4335}.c3{color:#fbbc05}.c4{color:#4285f4}.c5,.c6,.c7{color:#000}.service-menu-wrapper{display:inline-block;position:relative}.dropdown-service-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;padding:5px;position:absolute;top:100%;z-index:1000}.dropdown-service-menu button{background:none;border:none;cursor:pointer;display:block;padding:8px 12px;text-align:left;width:100%}.dropdown-service-menu button:hover{background-color:#f0f0f0}.notif-dot{font-size:10px}.notification-content-wrapper{align-items:center;display:flex;justify-content:space-between}.clickable-notification{cursor:pointer;transition:background .2s}.clickable-notification:hover{background-color:#0000000d}.notifications-container{margin-right:15px;position:relative}.notifications-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color .2s;width:40px}.notifications-icon:hover{background-color:#f0f0f0}.notification-badge{align-items:center;background-color:#ff4d4f;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:3px;top:3px;width:18px}.notifications-dropdown{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:absolute;right:0;top:50px;width:350px;z-index:1000}.notifications-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 16px}.notifications-header h4{font-size:16px;font-weight:600;margin:0}.notifications-header button{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #f0f0f0;padding:12px 16px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#fafafa}.notification-content{font-size:14px;margin-bottom:4px;padding-right:20px}.notification-time{color:#8c8c8c;font-size:12px}.delete-notification{background:none;border:none;border-radius:4px;color:#bfbfbf;cursor:pointer;padding:2px;position:absolute;right:12px;top:12px}.delete-notification:hover{background-color:#fff1f0;color:#ff4d4f}.empty-notifications{color:#8c8c8c;font-size:14px;padding:24px;text-align:center}.theme-switcher{align-items:center;display:flex;gap:10px}.switch{display:inline-block;height:20px;position:relative;width:34px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:50px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:12px;left:4px;width:12px}input:checked+.slider{background-color:#9383eb}input:checked+.slider:before{transform:translateX(14px)}.theme-label{font-size:14px;font-weight:600;margin-left:5px}.service-menu-btn{align-items:center;background:linear-gradient(25deg,#4285f4,#db4437 33%,#f4b400 66%,#0f9d58);border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:5px;transition:transform .2s ease,box-shadow .2s ease}.service-menu-btn:hover{box-shadow:0 4px 8px #0000004d}.service-menu-btn:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.mark-read-btn{background-color:#eee;border:none;border-radius:5px;color:#000;cursor:pointer;margin:10px;padding:10px}@media (max-width:767px){.header{justify-content:end;left:0!important;padding:10px 5px;width:100%!important}.static-loader{left:65px;position:absolute}.add-user-btn{height:25px}.user-info{gap:5px}.mobile-service-menu{margin-right:auto;position:relative}.service-icon{background:none;border:none;cursor:pointer;font-size:24px;padding:5px 10px}.mobile-dropdown-service-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 10px #0000001a;left:0;position:absolute;top:100%;width:200px;z-index:1001}.mobile-dropdown-service-menu button{background:none;border:none;border-bottom:1px solid #eee;display:block;padding:12px;text-align:left;width:100%}.notifications-dropdown{left:auto;right:-40px;width:80vw}.notifications-container{margin-right:5px}}body.dark .mobile-dropdown-service-menu{background-color:#2c2c2c;border-color:#444}body.dark .mobile-dropdown-service-menu button{border-color:#444;color:#e1e1e1}body.dark .header{background-color:#333;border-bottom:1px solid #444;color:#e1e1e1}body.dark .service-menu-btn{background-color:#444;color:#fff}body.dark .add-user-btn{background-color:#007bff;color:#fff}body.dark .user-info{align-items:center;display:flex;gap:10px}body.dark .notifications-container .notifications-icon{background-color:#444}body.dark .notifications-dropdown{background-color:#2c2c2c;color:#fff}body.dark .notifications-dropdown .notification-item{background-color:#3b3b3b}body.dark .notifications-dropdown .notification-item:hover{background-color:#444}body.dark .dropdown-menu{background-color:#2c2c2c;border:1px solid #444;color:#e1e1e1}body.dark .dropdown-menu button:hover{background-color:#444}body.dark .avatar-circle{background-color:#666}body.dark .delete-notification{background-color:#444;color:#ff4d4f}body.dark .delete-notification:hover{background-color:#ff4d4f;color:#fff}body.dark .dropdown-service-menu{background-color:#333;border:none}body.dark .dropdown-service-menu button{background-color:#333;color:#d1d0d0}body.dark .dropdown-service-menu button:hover{background-color:#464646}body.dark .ai-bot:hover{background-color:#474747}body.dark .ai-bot-modal{background-color:#2e2e2e;border:none}.boards-container{background-color:#ececec;border-radius:10px 10px 0 0;margin-left:5px;margin-top:145px;transition:width .3s ease;width:300px}.boards-div{background-color:#f8f8fb;display:flex;transition:width .3s ease;width:310px}.boards-container.collapsed,.boards-div.collapsed{width:60px}.boards-header{align-items:center;display:flex;margin-bottom:10px}.collapse-boards-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;margin:15px 5px 5px 13px;padding:10px;width:30px}.collapse-boards-btn:hover{background-color:#e0e0e0}.boards-list{list-style:none;margin:0;max-height:calc(100vh - 215px);overflow-y:auto;padding:0 10px 10px}.boards-list::-webkit-scrollbar{width:6px}.boards-list::-webkit-scrollbar-track{background:#0000}.boards-list::-webkit-scrollbar-thumb{background-color:#cecece;border-radius:4px}.board-item{align-items:center;background-color:#fff;border-radius:5px;color:#555;cursor:pointer;display:flex;font-size:15px;height:70px;margin:5px 0!important;padding:10px;position:relative;transition:all .2s}.board-item:hover{background-color:#f1f1ef}.board-item.selected{outline:1px solid #9898ff}.board-content{flex:1 1;min-width:0}.board-avatar,.board-content{align-items:center;display:flex}.board-avatar{background-color:#e0e0e0;border-radius:5px;flex-shrink:0;font-weight:700;height:40px!important;justify-content:center;margin-right:10px;width:40px!important}.board-info{flex:1 1;min-width:0}.board-title-container{align-items:center;display:flex;justify-content:space-between}.board-title{flex:1 1;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-settings-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:2px 8px}.board-settings-btn:hover{background-color:#e0e0e0}.board-dates{color:#666;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:120px;position:absolute;right:10px;top:55px;z-index:100}.board-dropdown button{background:none;border:none;cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;width:100%}.board-dropdown button:hover{background-color:#f5f5f5}.collapsed-boards{align-items:center;display:flex;flex-direction:column;margin-top:10px}.collapsed-boards-list{height:calc(100vh - 205px);overflow-y:auto}.collapsed-board{align-items:center;background-color:#fff;border-radius:5px;color:#555;cursor:pointer;display:flex;height:40px!important;justify-content:center;margin-bottom:5px;transition:all .2s;width:40px!important}.collapsed-board.selected{outline:1px solid #9898ff}.collapsed-board:hover{background-color:#f1f1f1}.add-board{background-color:#f8f8fb;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;flex:1 1;font-size:13px;width:240px!important}.add-board::placeholder{color:#838383;font-size:13px}.date-fields{display:flex;gap:10px;margin-top:10px}.form-group{flex:1 1}.form-group label{color:#555;font-size:12px;margin-bottom:4px}.settings-input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px;width:100%}.skeleton-boards__item{align-items:center;background-color:#eee;border-radius:5px;display:flex;margin:8px 10px;overflow:hidden;padding:10px;position:relative}.skeleton-boards__avatar{background-color:#ddd;border-radius:50%;flex-shrink:0;height:30px;margin-right:10px;width:30px}.skeleton-boards__content{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-boards__line{background-color:#ddd;border-radius:4px;height:10px;overflow:hidden;position:relative}.skeleton-boards__line.short{width:40%}.skeleton-boards__line.long{width:70%}.skeleton-boards__avatar:after,.skeleton-boards__line:after{animation:skeleton-shimmer 1.2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}body.dark .boards-container{background-color:#313131}body.dark .boards-div{background-color:#1e1e1e}body.dark .boards-header{background-color:#333}body.dark .collapse-boards-btn{color:#bbb}body.dark .collapse-boards-btn:hover{background-color:#555}body.dark .boards-list::-webkit-scrollbar-thumb{background-color:#444}body.dark .board-item{background-color:#444;border:1px solid #555;color:#e1e1e1}body.dark .board-item:hover{background-color:#555}body.dark .board-item.selected{outline:1px solid #9898ff}body.dark .drag-handle{color:#bbb}body.dark .board-avatar{background-color:#555}body.dark .board-avatar-initial{background-color:#444;color:#ccc}body.dark .board-title{color:#e1e1e1}body.dark .board-settings-btn{color:#bbb}body.dark .board-settings-btn:hover{background-color:#555}body.dark .board-dates{color:#ccc}body.dark .board-dropdown{background-color:#444;border-color:#555}body.dark .board-dropdown button{color:#e1e1e1}body.dark .board-dropdown button:hover{background-color:#555}body.dark .collapsed-board{background-color:#444;color:#e1e1e1}body.dark .collapsed-board:hover{background-color:#555}body.dark .add-board{background-color:#444;border:1px solid #555;color:#e1e1e1}body.dark .add-board::placeholder{color:#bbb}body.dark .settings-input{background-color:#444;border:1px solid #555;color:#e1e1e1}body.dark .skeleton-boards__item{background-color:#555}body.dark .skeleton-boards__avatar{background-color:#444}body.dark .skeleton-boards__line{background-color:#666}body.dark .skeleton-boards__avatar:after,body.dark .skeleton-boards__line:after{background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0)}.kanban-board{box-sizing:border-box;display:flex;padding:5px;width:100%}.tasks-container-week.all-tasks{height:calc(100vh - 222px);padding-right:2px}.tasks-container-week,.tasks-container-week.all-tasks{flex:1 1;margin-top:10px;overflow-y:auto;padding-left:1px}.tasks-container-week{height:calc(100vh - 258px);padding-right:1px}.tasks-container-week::-webkit-scrollbar-thumb{background-color:#e6e3e3;border-radius:3px;height:1px}.kanban-column{background-color:#f8f8fb;flex-shrink:0;margin:10px 5px;width:275px}.kanban-column p{color:#93969f;font-size:1.3em;font-size:15px;font-weight:400;margin:0 0 10px}.task-card-week{background-color:#fff;border-radius:5px;cursor:pointer;margin:5px 0}.day-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:10px}.day-header h3{margin:0;text-transform:capitalize}.day-header p{color:#666;margin:5px 0 0}.blackNots{bottom:20px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:9999}.blackNot{animation:fadeInOut 2.5s ease-out;background-color:#000c;border-radius:4px;color:#fff;margin-bottom:8px;padding:10px 20px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.skeleton-item{animation:shimmer 1.5s linear infinite;animation:shimmer 5s linear infinite;border-radius:4px;height:40px;margin:8px 0}.skeleton-item:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.kanban-column{transition:opacity .3s ease}.kanban-column.loading{opacity:.6;pointer-events:none}.task-list-enter{opacity:0;transform:translateY(10px)}.task-list-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease}.skeleton-item{transition:opacity .3s ease}.subheader{color:#93969f;font-size:1.3em;font-size:13px;font-weight:400;margin:0 0 10px;text-align:center}.task-card-week{overflow:hidden;padding:10px;position:relative}.task-card-week.selected{outline:1px solid #007bff}.task-card-week:hover{outline:1px solid #d1d1d3}body.dark .kanban-column,body.dark .week-mode-container{background-color:#1e1e1e}body.dark .kanban-column p,body.dark .subheader{color:#9e9e9e}body.dark .task-card-week{background-color:#242526;color:#e1e1e1}body.dark .task-card-week:hover{outline-color:#3a3b3c}body.dark .task-card-week.selected{outline-color:#3b82f6}body.dark .kanban-column input{background-color:#222;color:#fff}body.dark .kanban-column input::placeholder{color:#757575}body.dark .tasks-container-week::-webkit-scrollbar-thumb{background-color:#3a3b3c}body.dark .blackNot{background-color:#ffffff1a;color:#eee}.week-header{top:59px}.week-header,.week-header-project{align-items:center;background-color:#f8f8fb;box-sizing:border-box;display:flex;height:40px;padding:10px;position:fixed;transition:all .3s ease;width:calc(100% - 275px);z-index:500}.week-header-project{top:96px}.dropdown-display-mode,.dropdown-display-mode.all-tasks{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px #e0dfdf;left:320px;position:relative;top:90px;z-index:10}.display-mode-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:#7a7a7a;cursor:pointer;height:35px;justify-content:center;margin-top:10px;width:80px}.calendar-btn{margin-right:10px;position:absolute;right:0}.btn-weekheader-date{background:#0000;border:none;cursor:pointer;font-size:10px;font-weight:700}.filter-toggle-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;left:200px;margin-left:13px;padding:5px;position:absolute;top:13px}.filter-toggle-btn:hover{background-color:#f1f1f1}.filter-label-task{color:#888;font-size:14px;margin-left:90px;margin-top:10px;position:absolute}.week-header input[type=date]{background-color:#fff;border:none;border-radius:4px;cursor:pointer;flex:0 0 auto;padding:6px 8px}.filter-toggle-btn.active{color:#007bff}@media (max-width:767px){.header{justify-content:end;left:0!important;padding:10px 5px;width:100%!important}.filter-label-task{display:none}.filter-toggle-btn{left:90px;position:absolute;top:13px}}body.dark .week-header,body.dark .week-header-project{background-color:#1e1e1e;color:#e1e1e1}body.dark .display-mode-btn{background-color:#3b3b3b;color:#fff}body.dark .display-mode-btn:hover{background-color:#555}body.dark .calendar-btn .btn-weekheader-date{color:#fff}body.dark .filter-label-task{color:#bbb}body.dark .filter-toggle-btn{color:#fff}body.dark .filter-toggle-btn.active{color:#007bff}body.dark .dropdown-display-mode{background-color:#3a3a3a;box-shadow:0 2px 5px #00000080}body.dark .dropdown-display-mode button{color:#fff}body.dark .dropdown-display-mode button:hover{background-color:#444}body.dark .week-header input[type=date]{background-color:#424242;color:#a5a5a5}body.dark .filter-toggle-btn:hover{background-color:#7c7c7c}body.dark .disabpled-boards-btn{background-color:#525252}.filter-modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.filter-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;height:500px;max-width:90%;overflow-y:auto;padding:24px;position:relative;width:500px;z-index:1000}.filter-modal-close{background:none;border:none;color:#777;cursor:pointer;font-size:20px;position:absolute;right:12px;top:12px}.filter-modal-search{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:20px;outline:none;padding:10px 12px;width:100%}.filter-modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:480px){.filter-modal-grid{grid-template-columns:1fr 1fr}}.filter-modal-grid .react-select__control{border-radius:6px;min-height:38px}.filter-modal-actions{margin-top:16px;text-align:right}.save-filters-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.save-filters-btn:hover{background-color:#0056b3}.clear-filters-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:6px 12px}.clear-filters-btn:hover{background-color:#0056b3}.search-filter-search{display:flex}.search-filter-ic{margin-top:10px}.custom-field-filter{margin-bottom:15px}.custom-field-filter label{color:#333;display:block;font-weight:500;margin-bottom:5px}.custom-field-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.custom-field-select{margin-bottom:10px}.datetime-filter{display:flex;gap:10px}.datetime-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}body.dark .filter-modal-backdrop{background-color:#000000b3}body.dark .filter-modal{background-color:#333;border:1px solid #444;color:#e1e1e1}body.dark .filter-modal-close{color:#ccc}body.dark .filter-modal-close:hover{color:#fff}body.dark .filter-modal-search{background-color:#444;border:1px solid #555;color:#e1e1e1}body.dark .filter-modal-search::placeholder{color:#bbb}body.dark .filter-modal-grid{background-color:#333}body.dark .filter-modal-grid .react-select__control{background-color:#555;border-color:#666;color:#e1e1e1}body.dark .filter-modal-actions{background-color:#444;text-align:right}body.dark .save-filters-btn{background-color:#0069d9;color:#fff}body.dark .save-filters-btn:hover{background-color:#0056b3}body.dark .clear-filters-btn{background-color:#28a745;color:#fff}body.dark .clear-filters-btn:hover{background-color:#218838}body.dark .custom-field-filter label{color:#ddd}body.dark .custom-field-input,body.dark .datetime-input{background-color:#444;border:1px solid #555;color:#e1e1e1}body.dark .custom-field-input:focus,body.dark .datetime-input:focus{border-color:#007bff}.boards-mode{display:flex;flex-direction:row;gap:20px;margin-top:10px;overflow-x:auto;padding-right:10px;white-space:nowrap;width:100%}.analytics-page-boards-task{background-color:#f8f8fb;position:relative;width:100%}.input-with-button-task{align-items:center;display:flex}.input-with-button-task .add-board-task{flex:1 1;margin-right:8px}.input-with-button-task .check{background-color:#e6f2ff;border:none;border-radius:10px;color:#a1a1a1;cursor:pointer;font-weight:600;height:30px;margin-left:10px;margin-top:0;padding:6px 10px}.input-with-button-task .check:hover{background-color:#dde8f5}.new-column{align-items:center;display:flex;flex-direction:column}.new-column input{border:1px solid #ccc;border-radius:5px;font-size:1em;margin-top:10px;width:200px}.new-column button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.new-column button:hover{background-color:#45a049}.kanban-column-board{background-color:#f8f8fb;flex-shrink:0;margin:10px 5px;width:275px}.kanban-column-board p{color:#93969f;font-size:1.3em;font-size:15px;font-weight:400;margin:0 0 10px}.task-card-board{background-color:#fff;border-radius:5px;cursor:pointer;margin:5px 4px 5px 2px;padding:10px}.task-content{word-wrap:break-word;overflow:visible!important;overflow-wrap:anywhere;text-overflow:clip!important;white-space:normal!important;width:100%}.task-card-board:hover{outline:1px solid #d1d1d3}.task-card-board.selected{outline:1px solid #007bff}.add-board-task{margin:0 0 -2px!important}.column-name{background-color:#fff;border-radius:5px;cursor:pointer;justify-content:space-between;margin:5px 0;padding:10px;position:relative}.column-name button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.column-name button:hover{background-color:#eaeaea;border-radius:4px;color:#333}.task-cover{border-radius:4px;width:calc(100% + 50px)}.status-checkbox-view{color:#ddd;cursor:pointer;flex-shrink:0;font-size:18px;margin-left:230px;margin-top:10px}.status-checkbox-view.checked{color:#12c018}.task-content{flex:1 1;word-break:break-word}.task-content.done-task{color:#888;text-decoration:line-through}.task-executors-view{margin-bottom:-10px;margin-top:20px;position:relative}.executors-container-view{display:flex;left:0;position:absolute;top:0}.boards-mode-columns-container{display:flex;gap:20px;overflow-x:auto;padding:10px}.column-header{background:#fff;border-radius:8px;justify-content:space-between}.column-header,.column-name{align-items:center;display:flex}.column-name{flex:1 1;height:20px}.column-name input{flex:1 1;font-size:14px}.drag-handle-column-task{cursor:grab;padding:0}.column-dropdown-menu-boards{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;position:absolute;right:0;top:100%;z-index:100}.status-indicator{font-size:14px;margin-left:5px}.status-indicator.done{color:#4caf50}.tasks-container-list{flex:1 1;height:calc(100vh - 265px);margin:10px 0 0;overflow-y:auto}.tasks-container-list::-webkit-scrollbar-thumb{background-color:#e6e3e3;border-radius:3px;height:1px}body.dark .kanban-board{color:#e1e1e1}body.dark .boards-mode,body.dark .kanban-board{background-color:#1e1e1e}body.dark .boards-mode .kanban-column-board{background-color:#1e1e1e;color:#e1e1e1}body.dark .boards-mode .task-card-board{background-color:#242526;color:#e1e1e1}body.dark .boards-mode .task-card-board:hover{outline-color:#3a3b3c}body.dark .boards-mode .task-card-board.selected{outline-color:#3b82f6}body.dark .new-column input{background-color:#222;border:1px solid #555;color:#fff}body.dark .new-column input::placeholder{color:#757575}body.dark .new-column button{background-color:#4caf50;border:none;border-radius:5px;color:#fff}body.dark .new-column button:hover{background-color:#45a049}body.dark .column-header{background-color:#242526;color:#e1e1e1}body.dark .column-name input{background-color:#242526;color:#fff}body.dark .column-name{background-color:#242526;color:#e1e1e1}body.dark .column-name button{color:#888}body.dark .column-name button:hover{background-color:#333;color:#e1e1e1}body.dark .status-checkbox-view{color:#757575}body.dark .status-checkbox-view.checked{color:#12c018}body.dark .tasks-container-list::-webkit-scrollbar-thumb,body.dark .tasks-container-week::-webkit-scrollbar-thumb{background-color:#555}body.dark .blackNot{background-color:#000c;color:#fff}body.dark .column-dropdown-menu-boards{background-color:#181818;border:1px solid #444}body.dark .column-dropdown-menu-boards .delete-item{color:#e74c3c}body.dark .status-indicator.done{color:#4caf50}body.dark .task-content.done-task{color:#777;text-decoration:line-through}body.dark .dropdown-item:hover{background-color:#2c2c2c}body.dark .dropdown-item{color:#9b9b9b}body.dark .add-board-task{background-color:#303030;color:#fff}body.dark .add-board-task::placeholder{color:#696969}body.dark .analytics-page-boards-task{background-color:#1e1e1e;position:relative;width:100%}.loader{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;justify-content:center;letter-spacing:-2px}.loader span{animation:bounce 2s infinite;display:inline-block}.loader span:first-child{animation-delay:0s;color:#4285f4}.loader span:nth-child(2){animation-delay:.2s;color:#ea4335}.loader span:nth-child(3){animation-delay:.4s;color:#fbbc05}.loader span:nth-child(4){animation-delay:.6s;color:#4285f4}.loader span:nth-child(5){animation-delay:.8s;color:#000}.loader span:nth-child(6){animation-delay:1s;color:#000}.loader span:nth-child(7){animation-delay:1.2s;color:#000}@keyframes bounce{0%{transform:translateY(0)}10%{transform:translateY(-10px)}20%{transform:translateY(0)}to{transform:translateY(0)}}.small{font-size:.7em;margin-top:8px;transform-origin:bottom}.notifications-main{bottom:20px;max-width:350px;position:fixed;right:20px;z-index:1000}.not-button-div{display:flex;justify-content:flex-end;margin-bottom:5px}.not-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:3px;cursor:pointer;padding:5px 10px}.not-list{display:flex;flex-direction:column-reverse;gap:10px;max-height:70vh;overflow-y:auto}.not-card{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:15px}.not-card:hover{background-color:#eeeded}.not-card-content{color:#666;font-size:12;margin-top:5}body.dark .not-btn{background-color:#3a3a3a;border:1px solid #555;color:#eaeaea}body.dark .not-card{background-color:#353535;box-shadow:0 2px 8px #ffffff0d}body.dark .not-card:hover{background-color:#3d3d3d}body.dark .not-card-content{color:#ccc}.list-mode-container{flex-direction:column;height:100%;overflow:hidden}.list-header,.list-mode-container{background-color:#fff;display:flex;width:100%}.list-header{border-bottom:1px solid #ddd;font-weight:700}.header-cell{color:#777;flex:1 1;font-size:14px;font-weight:500;padding:12px 15px;text-align:left}.header-cell.task-name{flex:2 1}.header-cell.actions{flex:0.8 1;min-width:120px}.task-row{border-bottom:1px solid #eee;cursor:pointer;display:grid;grid-template-columns:120px 3fr 1fr 1fr 1fr;height:40px;transition:background-color .2s;width:100%}.task-row:hover{background-color:#f9f9f9}.task-row.selected{background-color:#e6f0ff;outline:1px solid #007bff}.task-row.done{background-color:#f8f8f8}.task-placeholder{background-color:#f9f9f9;border:1px dashed #ccc;height:40px}.row-cell{align-items:center;display:flex;flex:1 1;overflow:hidden;padding:12px 15px}.row-cell.task-name{flex:2 1}.row-cell.actions{flex:0.8 1;justify-content:flex-end;margin-left:-50px;min-width:120px}.task-content-list{word-wrap:break-word;display:block;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap}.task-content-list.done-task{color:#888;text-decoration:line-through}.tasks-list{flex:1 1;max-height:calc(100vh - 200px);min-height:100px;overflow-y:auto;position:relative}.task-row.dragging{background:#fff;border-bottom:1px solid #eee;box-shadow:0 4px 10px #0003;height:40px;transition:background-color .2s;z-index:1000}.tasks-list.dragging-over{background-color:#fff}.task-row{transition:transform .2s ease}.executors-container-list{display:flex}.loading-list-tasks{align-items:center;color:#666;display:flex;height:100%;justify-content:center;padding:40px 0;text-align:center;width:100%}.projects-container-list-list-mode{display:flex}.project-avatar-list-mode{align-items:center;background-color:#e0e0e0;border:2px solid #fff;border-radius:50%;display:flex;height:28px;justify-content:center;margin-left:-13px;overflow:hidden;position:relative;width:28px;z-index:10}.project-avatar-list-mode:first-child{margin-left:0}.project-avatar-image-list-mode{height:100%;object-fit:cover;width:100%}.project-avatar-fallback-list-mode{color:#555;font-size:12px;font-weight:700}.project-extra-list-mode{align-items:center;background-color:#e0e0e0;border:2px solid #fff;border-radius:50%;color:#555;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:center;margin-left:-8px;width:28px;z-index:99}.header-cell.task-name{flex:3 1}body.dark .project-avatar-list-mode{background-color:#444;border:2px solid #333}body.dark .project-avatar-fallback-list-mode{color:#e1e1e1}body.dark .project-extra-list-mode{background-color:#444;border:2px solid #333;color:#e1e1e1}body.dark .list-mode-container{background-color:#181818}body.dark .list-header{background-color:#2a2d2e;border-bottom:1px solid #444}body.dark .header-cell{color:#e1e1e1;font-size:14px}body.dark .header-cell.task-name{flex:2 1}body.dark .task-row{background-color:#2a2d2e;border-bottom:1px solid #444;color:#e1e1e1}body.dark .task-row:hover{background-color:#333}body.dark .task-row.selected{background-color:#3b82f6;outline:1px solid #007bff}body.dark .task-row.done{background-color:#444}body.dark .task-placeholder{background-color:#333;border:1px dashed #555}body.dark .row-cell{color:#e1e1e1}body.dark .task-content-list.done-task{color:#888;text-decoration:line-through}body.dark .tasks-list{background-color:#2a2d2e;color:#e1e1e1}body.dark .task-row.dragging{background:#333;box-shadow:0 4px 10px #0000004d}body.dark .tasks-list.dragging-over{background-color:#2a2d2e}body.dark .drag-handle{color:#e1e1e1}body.dark .executor-avatar{background-color:#444;border:2px solid #333}body.dark .executor-avatar-image{height:100%;object-fit:cover;width:100%}body.dark .avatar-fallback,body.dark .executor-extra{color:#e1e1e1;font-weight:700}body.dark .executor-extra{background-color:#444;font-size:11px}body.dark .loading-list-tasks{color:#bbb}body.dark .new-task-input{background-color:#363636;color:#fff}.project-header{align-items:center;background-color:#fff;border:1px solid #ededf5;box-sizing:border-box;display:flex;height:38px;left:275px;overflow:visible;padding:10px;position:fixed;top:59px;transition:all .3s ease;width:calc(100% - 275px);z-index:600}.project-header-left{align-items:center;display:flex;justify-content:start}.project-header-avatar,.project-header-avatar-initial{align-items:center;background-color:#d9d9d9;border-radius:3px;color:#fff;display:flex;font-size:14px;height:30px;justify-content:center;margin-right:12px;object-fit:cover;width:30px}.project-avatar{object-fit:cover}.project-avatar-initial{background-color:#e9ecef;color:#495057;font-size:12px;font-weight:700}.project-name{font-size:16px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher{display:flex;gap:8px;left:40%;position:absolute;transform:translateX(-40%)}.project-switcher-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:14px;font-weight:400;padding:5px 4px;position:relative}.project-switcher-button.active{color:#0d6efd}@media (max-width:768px){.project-switcher{display:none}.project-mobile-menu-button{display:block;position:relative;right:0}}.project-mobile-menu-button{height:19px;padding:10px}.project-mobile-menu-button,.project-mobile-menu-button:hover{cursor:pointer;margin-left:auto;position:absolute;right:0;top:0}.project-mobile-menu-button:hover{background-color:#e0e0e0;border-radius:4px;margin-right:2px;margin-top:7px;padding:3px 8px}.project-mobile-menu-dropdown{background-color:#fff;border:1px solid #ededf5;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:6px;padding:8px;position:absolute;right:0;top:100%;z-index:100}.project-mobile-menu-dropdown label{align-items:center;display:flex;font-size:14px;gap:6px}body.dark .project-header{background-color:#333;border-color:#444}body.dark .project-name{color:#e1e1e1}body.dark .project-header-avatar,body.dark .project-header-avatar-initial{background-color:#555}body.dark .project-header-avatar-initial{color:#e1e1e1}body.dark .project-switcher-button{color:#bbb}body.dark .project-switcher-button.active{color:#0d6efd}body.dark .project-mobile-menu-button{background-color:#444}body.dark .project-mobile-menu-dropdown{background-color:#444;border-color:#555}body.dark .project-mobile-menu-dropdown label{color:#e1e1e1}body.dark .project-header-close{color:#ccc}.overview{background-color:#fff;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:850px;padding:16px;width:85%}.overview-background{background-color:#fff;min-height:100vh;width:100%}.overview-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.avatar-section{cursor:pointer;flex:0 0 150px;height:150px;width:150px}.avatar-placeholder,.project-avatar-overview{align-items:center;background:#f0f0f0;border-radius:8px;color:#aaa;cursor:pointer;display:flex;font-size:32px;height:100%;justify-content:center;object-fit:cover;width:100%}.overview-meta{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:12px}.overview-meta input[type=date],.overview-meta select{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;flex:0 0 auto;padding:6px 8px}.project-name-input{border:none;border-radius:4px;font-size:30px;font-weight:600;outline:none;padding:8px;width:100%}.overview-description{display:flex;flex-direction:column;gap:8px}.overview-description textarea{border:1px solid #ccc;border-radius:4px;min-height:120px;padding:8px;resize:vertical;width:100%}.save-desc-btn{align-self:flex-end;background:#2d8cf0;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.save-desc-btn:disabled{background:#aaa;cursor:not-allowed}@media (max-width:768px){.overview-header{align-items:flex-start;flex-direction:column}.avatar-section{flex:0 0 120px;height:120px;width:120px}.project-name-input{font-size:24px}}@media (max-width:480px){.avatar-section{flex:0 0 100px;height:100px;width:100px}.project-name-input{font-size:20px}.overview-meta{gap:8px;width:100%}.overview-meta input[type=date],.overview-meta select{flex:1 1 100%}.overview-description textarea{min-height:100px}}.loading-overview-page{align-items:center;color:#666;display:flex;height:70%;justify-content:center;padding:40px 0;text-align:center;width:100%}.access-roles-btn{background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:auto;padding:8px 16px;transition:background .2s}.access-roles-btn:hover{background:#e0e0e0}.overview-team-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.team-title{color:#333;font-size:18px;margin-bottom:15px}.team-members-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.team-member-card{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;padding:10px;text-align:center}.team-member-avatar{object-fit:cover}.team-member-avatar,.team-member-initials{border-radius:50%;height:50px;margin-bottom:8px;width:50px}.team-member-initials{align-items:center;background:#e0e0e0;display:flex;font-size:16px;font-weight:700;justify-content:center}.team-member-name{font-size:12px;line-height:1.3;word-break:break-word}body.dark .overview{background-color:#1e1e1e;color:#e1e1e1}body.dark .overview-background{background-color:#181818}body.dark .overview-header{color:#e1e1e1}body.dark .avatar-placeholder,body.dark .project-avatar-overview{background-color:#333}body.dark .overview-meta input[type=date],body.dark .overview-meta select{background-color:#333;border:1px solid #555;color:#e1e1e1}body.dark .project-name-input{background-color:#2a2d2e;border:1px solid #444;color:#e1e1e1}body.dark .overview-description textarea{background-color:#333;border:1px solid #444;color:#e1e1e1}body.dark .save-desc-btn{background:#4caf50;color:#fff}body.dark .save-desc-btn:disabled{background:#555;cursor:not-allowed}body.dark .access-roles-btn{background:#333;border:1px solid #444;color:#e1e1e1}body.dark .access-roles-btn:hover{background:#444}body.dark .overview-team-section{border-top:1px solid #444}body.dark .team-title{color:#e1e1e1}body.dark .team-member-card{background:#2a2d2e;color:#e1e1e1}body.dark .team-member-avatar{border:2px solid #444;border-radius:50%}body.dark .team-member-initials{background:#444;color:#e1e1e1}body.dark .team-member-name{color:#e1e1e1}body.dark .project-name-input:focus{border-color:#4caf50;outline:none}body.dark .avatar-section{background-color:#333;border:1px solid #555;border-radius:8px}@media (max-width:768px){body.dark .overview-header{color:#e1e1e1}}@media (max-width:480px){body.dark .overview-header{color:#e1e1e1}}.access-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.access-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90%;overflow-y:auto;padding:24px;position:relative;width:500px}.access-close-button{background:none;border:none;color:#777;cursor:pointer;font-size:24px;position:absolute;right:16px;top:16px}.access-modal h3{color:#333;font-size:20px;margin-bottom:20px;margin-top:0}.access-search{margin-bottom:20px;position:relative}.access-search input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 15px;width:100%}.access-dropdown{background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.access-dropdown-empty{color:#777;padding:10px;text-align:center}.access-dropdown-item{align-items:center;cursor:pointer;display:flex;padding:10px 15px;transition:background .2s}.access-dropdown-item:hover{background:#f5f5f5}.access-user-avatar{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:12px;overflow:hidden;width:32px}.access-user-avatar img{height:100%;object-fit:cover;width:100%}.access-users-list{border:1px solid #eee;border-radius:8px;max-height:400px;overflow-y:auto;padding:10px}.access-user-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.access-user-item:last-child{border-bottom:none}.access-user-info{align-items:center;display:flex;flex-grow:1}.access-user-email{color:#777;font-size:12px;margin-top:4px}.access-role-select select{background:#fff;border:1px solid #ddd;border-radius:4px;min-width:140px;padding:6px 12px}.access-default-section{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:15px}.access-default-role{align-items:center;display:flex;gap:15px;margin-top:10px}.access-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.access-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.access-cancel{background:#f0f0f0;color:#333}.access-save{background:#2d8cf0;color:#fff}.access-save:hover{background:#1a7ad9}body.dark .access-modal-overlay{background-color:#000000b3}body.dark .access-modal{background-color:#2a2d2e;border-radius:12px;box-shadow:0 4px 20px #00000040;color:#e1e1e1}body.dark .access-close-button{color:#e1e1e1}body.dark .access-close-button:hover{color:#fff}body.dark .access-modal h3{color:#e1e1e1}body.dark .access-search input{background-color:#333;border:1px solid #555;color:#e1e1e1}body.dark .access-dropdown{background:#333;border:1px solid #555}body.dark .access-dropdown-empty{color:#e1e1e1}body.dark .access-dropdown-item{background:#444;color:#e1e1e1}body.dark .access-dropdown-item:hover,body.dark .access-user-avatar{background:#555}body.dark .access-users-list{background:#333;border:1px solid #555}body.dark .access-user-item{border-bottom:1px solid #444}body.dark .access-user-info{color:#e1e1e1}body.dark .access-user-email{color:#bbb}body.dark .access-role-select select{background:#333;border:1px solid #555;color:#e1e1e1}body.dark .access-default-section{background:#333;color:#e1e1e1}body.dark .access-footer{color:#e1e1e1}body.dark .access-btn{background:#4caf50;color:#fff}body.dark .access-cancel{background:#444;color:#e1e1e1}body.dark .access-save{background:#5865f2;color:#fff}body.dark .access-save:hover{background:#4e63d1}body.dark .access-btn:hover{background:#444}body.dark select{background:#333;border:1px solid #555;color:#fff}body.dark option{background:#444;color:#e1e1e1}body.dark option:hover{background:#555}.metric-card{padding:15px}.metric-card p{font-size:24px}.analytics-page-task{background-color:#f8f8fb;position:relative;width:100%}body.dark .metrics-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}body.dark .metric-card{background-color:#2a2d2e;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#e1e1e1;flex:1 1;min-width:180px;padding:20px;text-align:center}body.dark .metric-card h3{color:#adb5bd;font-size:16px;margin-bottom:10px;margin-top:0}body.dark .metric-card p{color:#4e73df;font-size:28px;font-weight:700;margin:0}body.dark .analytics-filters{background-color:#343a40;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;margin-top:38px;padding:15px}body.dark .analytics-page-task{background-color:#1e1e1e;position:relative;width:100%}body.dark .filter-group label{color:#e1e1e1;font-weight:500}body.dark .filter-group input,body.dark .filter-group select{background-color:#333;border:1px solid #555;border-radius:4px;color:#e1e1e1;padding:8px 12px}body.dark .apply-btn{border:none;border-radius:4px;cursor:pointer;padding:8px 20px;transition:background-color .2s}body.dark .apply-btn:disabled{background-color:#666}body.dark .loading-indicator{padding:40px;text-align:center}body.dark .charts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}body.dark .chart-container{background-color:#2a2d2e;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}body.dark .chart-container.wide{grid-column:span 2}body.dark .chart-container h3{color:#e1e1e1;font-size:18px;margin-bottom:15px;margin-top:0;text-align:center}@media (max-width:992px){body.dark .charts-grid{grid-template-columns:1fr}body.dark .chart-container.wide{grid-column:span 1}}@media (max-width:576px){body.dark .analytics-filters,body.dark .metrics-row{flex-direction:column}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.apps-page{background-color:#f8f8fb;display:flex;height:100%;width:100%}.apps-sidebar{background-color:#ececec;border-radius:10px 10px 0 0;display:flex;flex-direction:column;margin:5px;overflow:hidden;transition:width .3s ease;width:300px}.apps-sidebar.collapsed{width:60px}.apps-header{align-items:center;border-bottom:1px solid #ddd;display:flex;padding:15px 10px 10px}.collapse-apps-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;margin:0 10px 0 5px;padding:8px;width:30px}.collapse-apps-btn:hover{background-color:#e0e0e0}.add-app-btn{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:5px;justify-content:center;padding:8px}.add-app-btn:hover{background-color:#e0e0e0}.add-app-btn:disabled{cursor:not-allowed;opacity:.5}.apps-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:10px}.apps-list::-webkit-scrollbar{width:6px}.apps-list::-webkit-scrollbar-track{background:#0000}.apps-list::-webkit-scrollbar-thumb{background-color:#cecece;border-radius:4px}.app-item{align-items:center;background-color:#fff;border-radius:5px;color:#555;cursor:pointer;display:flex;font-size:15px;height:60px;margin-bottom:8px;padding:10px;position:relative;transition:all .2s}.app-item:hover{background-color:#f1f1ef}.app-item.selected{outline:1px solid #9898ff}.drag-handle{color:#a0a0a0;margin-right:8px;padding:5px 8px;-webkit-user-select:none;user-select:none}.app-content{align-items:center;display:flex;min-width:0}.app-icon{object-fit:cover}.app-icon,.app-icon-placeholder{border-radius:5px;height:40px;margin-right:10px;width:40px}.app-icon-placeholder{align-items:center;background-color:#f1f1f1;color:#555;display:flex;font-size:16px;justify-content:center}.app-info{flex:1 1;min-width:0}.app-title-container{align-items:center;display:flex;justify-content:space-between}.app-title{flex:1 1;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-settings-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:2px 8px}.app-settings-btn:hover{background-color:#e0e0e0}.app-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:120px;position:absolute;right:10px;top:45px;z-index:100}.app-dropdown button{background:none;border:none;cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;width:100%}.app-dropdown button:hover{background-color:#f5f5f5}.collapsed-apps-list{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px 0}.collapsed-app{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:8px;width:40px}.collapsed-app-icon{border-radius:5px;height:100%;object-fit:cover;width:100%}.collapsed-app-icon-placeholder{align-items:center;background-color:#f1f1f1;border-radius:5px;color:#555;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.collapsed-app.selected{outline:1px solid #9898ff}.app-content{flex:1 1;overflow:hidden}.app-embed-container{height:100%;overflow:hidden;width:100%}.app-embed-container iframe{border:none;height:100%;width:100%}.app-placeholder{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center}.app-placeholder h3{font-weight:500;margin-bottom:10px}.skeleton-apps__item{align-items:center;background-color:#eee;border-radius:5px;display:flex;margin-bottom:8px;overflow:hidden;padding:10px;position:relative}.skeleton-apps__avatar{background-color:#ddd;border-radius:5px;flex-shrink:0;height:40px;margin-right:10px;width:40px}.skeleton-apps__content{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-apps__line{background-color:#ddd;border-radius:4px;height:10px;overflow:hidden;position:relative}.skeleton-apps__line.short{width:60%}.skeleton-apps__line.long{width:80%}.skeleton-apps__avatar:after,.skeleton-apps__line:after{animation:skeleton-shimmer 1.2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}body.dark .apps-page{background-color:#1e1e1e}body.dark .apps-sidebar{background-color:#2a2d2e;border-radius:10px 10px 0 0;margin:5px}body.dark .apps-header{border-bottom:1px solid #444}body.dark .collapse-apps-btn{color:#e1e1e1}body.dark .collapse-apps-btn:hover{background-color:#444}body.dark .add-app-btn{background-color:#333;border:1px solid #555;color:#e1e1e1}body.dark .add-app-btn:hover{background-color:#444}body.dark .add-app-btn:disabled{cursor:not-allowed;opacity:.5}body.dark .apps-list{background-color:#2a2d2e;flex:1 1;margin:0;overflow-y:auto;padding:10px}body.dark .apps-list::-webkit-scrollbar-thumb{background-color:#555}body.dark .app-item{background-color:#333;border-radius:5px;color:#e1e1e1;cursor:pointer;font-size:15px;height:60px;margin-bottom:8px;padding:10px;position:relative;transition:all .2s}body.dark .app-item:hover{background-color:#444}body.dark .app-item.selected{outline:1px solid #9898ff}body.dark .drag-handle{color:#a0a0a0}body.dark .app-settings-btn{color:#e1e1e1}body.dark .app-settings-btn:hover{background-color:#444}body.dark .app-dropdown{background-color:#333;border:1px solid #555}body.dark .app-dropdown button{background-color:#333;color:#e1e1e1}body.dark .app-dropdown button:hover{background-color:#444}body.dark .collapsed-app{background-color:#333;color:#e1e1e1}body.dark .collapsed-app.selected{outline:1px solid #9898ff}body.dark .app-embed-container{background-color:#333}body.dark .skeleton-apps__item{background-color:#444}body.dark .skeleton-apps__avatar,body.dark .skeleton-apps__line{background-color:#555}body.dark .skeleton-apps__line:after{background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0)}@keyframes skeleton-shimmer{to{transform:translateX(200%)}}body.dark .app-icon-placeholder{background-color:#444;color:#e1e1e1}body.dark .app-icon-placeholder span{color:#e1e1e1}body.dark .collapsed-app-icon-placeholder{background-color:#444;color:#e1e1e1}body.dark .collapsed-app-icon-placeholder span{color:#e1e1e1}.users-table-header,.users-table-row{grid-template-columns:3fr 3fr 2fr 1fr!important}.users-table-row:hover{background-color:#f3f3f3}.name-user-list,.user-avatar-name{cursor:pointer}.user-col.role{flex:1 1;max-width:120px}.user-col.role select{border:1px solid #ddd;border-radius:4px;max-width:120px;padding:5px}.user-card{background:#fff;bottom:0;box-shadow:0 5px 25px #0003;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-y:auto;padding:30px;position:fixed;right:0;top:0;width:400px;z-index:1000}.user-card-close-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:16px;top:16px;z-index:1001}.user-card-close-btn:hover{color:#333}.user-card-header{border-bottom:1px solid #f0f0f0;margin-bottom:25px;padding-bottom:25px;text-align:center}.user-card-avatar{align-items:center;background:#e9ecef;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 15px;overflow:hidden;width:100px}.user-card-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{color:#495057;font-size:36px;font-weight:600}.user-card-name{color:#212529;font-size:22px;font-weight:600}.user-card-info{display:flex;flex-direction:column;gap:16px}.user-card-info-row{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:120px 1fr}.user-card-info-row label{color:#6c757d;font-size:14px;font-weight:500}.user-card-info-row div{color:#212529;font-size:15px;word-break:break-word}.user-card-description{background:#f8f9fa;border-radius:6px;min-height:80px;padding:10px}.user-card-actions{border-top:1px solid #f0f0f0;margin-top:30px;padding-top:20px;text-align:center}.user-card-remove-btn{background:#fff0f0;border:1px solid #f8d7da;border-radius:6px;color:#dc3545;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .2s}.user-card-remove-btn:hover{background:#f8d7da}body.dark .user-card{background:#2c2c2c;box-shadow:0 5px 25px #00000080;color:#e4e6eb}body.dark .user-card-name{color:#f8f9fa}body.dark .user-card-info-row label{color:#adb5bd}body.dark .user-card-info-row div{color:#e4e6eb}body.dark .user-card-description{background:#3a3a3a;color:#e4e6eb}body.dark .user-card-close-btn{color:#adb5bd}body.dark .user-card-close-btn:hover{color:#fff}body.dark .avatar-initials{color:#dee2e6}body.dark .user-card-remove-btn{background:#3a1d1d;border-color:#4d2525;color:#ff6b6b}body.dark .user-card-remove-btn:hover{background:#4d2525}.skeleton-user-card{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-user-card-avatar{border-radius:50%;height:100px;margin:0 auto 15px;width:100px}.skeleton-user-card-title{height:24px;margin:0 auto 10px;width:70%}.skeleton-user-card-text{height:16px;margin:10px auto;width:90%}body.dark .skeleton-user-card{background:linear-gradient(90deg,#3a3a3a 25%,#333 50%,#3a3a3a 75%)}.user-info-page img{border-radius:50%;height:100px;width:100px}.user-info-page{display:flex;flex:1 1;margin-top:60px;overflow-y:auto}.ic-max{height:20px!important;margin:2px 3px -2px -3px;width:20px!important}.users-dash-info-page{display:flex;font-family:Arial,sans-serif;height:100vh;overflow:hidden;width:100%}.user-info-card{background:#fff;border-radius:12px;max-width:700px;padding:30px;width:100%}.user-info-title{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:25px;text-align:center}.empty-page-info{height:60px}.user-avatar-section-user-info{align-items:center;display:flex;gap:30px;margin-bottom:30px}.user-avatar-user-info{object-fit:cover}.user-avatar-placeholder-user-info,.user-avatar-user-info{border:3px solid #e2e8f0;border-radius:50%;height:120px;width:120px}.user-avatar-placeholder-user-info{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:700;justify-content:center}.avatar-upload-user-info{display:flex;gap:10px;margin-top:15px}.avatar-upload-btn-user-info{background:#edf2f7;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:500;padding:8px 16px;position:relative;transition:background .3s}.avatar-upload-btn-user-info:hover{background:#e2e8f0}.avatar-upload-input-user-info{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.user-info-form{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.form-group-user-info{display:flex;flex-direction:column}.form-label-user-info{color:#4a5568;font-size:14px;font-weight:500;margin-bottom:8px}.form-input-user-info{border:1px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 15px;transition:border-color .3s}.form-input-user-info:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea-user-info{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:16px;min-height:100px;padding:12px 15px;resize:vertical}.form-textarea-user-info:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-info-btn-user-info{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s}.primary-user-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-user-info:hover{opacity:.9;transform:translateY(-2px)}.secondary-user-info{background:#edf2f7;color:#4a5568}.secondary-user-info:hover{background:#e2e8f0}.secondary-user-info:disabled{cursor:not-allowed;opacity:.6}.telegram{background:#08c;color:#fff;padding-top:-5px}.telegram:hover{background:#0077b6}.max{background:linear-gradient(135deg,#08c,#00bfff,#7b2ff7);color:#fff;transition:background .3s ease}.modal-overlay-delete{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-delete{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:25px;width:400px}.modal-buttons-delete{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.password-input-container{width:200px}.form-input-user-info-delete{border:1px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 15px;transition:border-color .3s;width:160px}.password-toggle-btn{color:#666;font-size:18px;padding:4px 8px;right:12px}.password-toggle-btn:hover{color:#333}.password-input-container{margin-bottom:10px;position:relative}.password-input-container input{padding-right:40px;width:100%}.password-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.2em;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.left-cancel{margin-left:10px}.error-message{color:#e74c3c;margin-top:10px}.danger{background:#fc5c7d;color:#fff}.danger:hover{background:#f94c6f}.telegram-integration{border-top:1px solid #e2e8f0;padding-top:25px}.telegram-integration h3{color:#2d3748;margin-bottom:15px}.telegram-btns{display:flex;gap:15px;margin-bottom:15px}.telegram-link{color:#4a5568;font-size:14px;word-break:break-all}body.dark .users-dash-info-page{background-color:#121212}body.dark .user-info-card{background:#121212;box-shadow:0 4px 20px #00000040}body.dark .form-label-user-info,body.dark .telegram-integration h3,body.dark .user-info-title{color:#e2e8f0}body.dark .form-input-user-info,body.dark .form-textarea-user-info{background:#4a5568;border-color:#4a5568;color:#f7fafc}body.dark .form-input-user-info:focus,body.dark .form-textarea-user-info:focus{border-color:#667eea}body.dark .telegram-integration{border-top-color:#4a5568}body.dark .secondary-user-info{background:#4a5568;color:#f7fafc}body.dark .secondary-user-info:hover{background:#718096}body.dark .user-info-btn-user-info{background-color:#718096}.editor-page{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;margin-top:60px;padding:40px;width:100%}.document-title-input{border:none;border-bottom:2px solid #eee;font-size:32px;font-weight:700;margin-bottom:20px;padding:20px 0;width:100%}.document-title-input:focus{border-bottom-color:#007bff;outline:none}.documents-section{padding:15px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.add-document-btn{background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:28px;line-height:1;width:28px}.document-tree-node{cursor:pointer;padding:5px 0}.document-item{border-radius:4px;padding:8px}.document-item:hover{background:#f5f5f5}.toggle-icon{display:inline-block;margin-right:8px;width:20px}.document-title{color:#333;font-size:14px}.editor-place{border:none!important;border-radius:20px;margin-bottom:100px;padding:0!important;width:800px}.ProseMirror{border:none;outline:none}.prosemirror-editor-kb{border:none!important;margin-bottom:100px;padding:0!important}.iframe-app{height:80vh;width:100%}.document-header{gap:20px;margin-bottom:30px}.document-avatar,.document-header{align-items:center;display:flex;position:relative}.document-avatar{background:#007bff;border-radius:5px;cursor:pointer;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.image-doc{height:100%;object-fit:cover;width:100%}.avatar-initial{color:#fff;font-size:18px;font-weight:500}.avatar-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content,.modal-content-all{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:25px;width:320px}.modal-content h3{color:#2a3b4d;margin:0 0 20px}.modal-button{background:#f0f4f8;border:none;border-radius:6px;color:#2a3b4d;cursor:pointer;display:block;margin:8px 0;padding:12px;transition:background .2s;width:100%}.modal-button:hover{background:#e0e8f0}.delete-button{background:#ffe9e9;color:#d83a3a}.delete-button:hover{background:#ffd6d6}.cancel-button{margin-top:15px}.document-cover-container{margin:-20px -40px -30px;position:relative}.cover-image-wrapper{height:300px;overflow:hidden;position:relative}.cover-image{height:100%;object-fit:cover;object-position:center;width:100%}.edit-cover-button{background:#000000b3;border:none;border-radius:4px;bottom:15px;color:#fff;cursor:pointer;padding:8px 15px;position:absolute;right:15px;transition:background .2s}.edit-cover-button:hover{background:#000000e6}.add-cover-button{background:#f0f4f8;border:2px dashed #cbd6e0;color:#2a3b4d;cursor:pointer;margin-bottom:20px;padding:15px;transition:all .2s;width:100%}.add-cover-button:hover{background:#e0e8f0;border-color:#a3b8cc}.cover-modal{height:100vh;width:100vw}.comments-modal,.cover-modal{align-items:center;background:#00000080;display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.comments-modal{height:100%;width:100%}.comments-modal .modal-content-all{display:flex;flex-direction:column;gap:15px;max-height:80%;overflow-x:auto}.document-not-selected{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.empty-state{max-width:400px;padding:20px}.empty-state h2{font-size:24px;margin-bottom:10px}.empty-state p{color:#999;font-size:16px}.slash-menu-item{background:none;border:none;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;text-align:left;width:100%}.slash-menu-item:hover{background:#f5f5f5}.plus-button-container{position:relative}.plus-button{align-items:center;background:#fff;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;left:-80px;opacity:1;position:absolute;transform:none;transition:all .2s ease;width:30px;z-index:5}.plus-button:hover{background:#f8f8f8;border-color:#e0e0e0}.menu-container{height:0;left:0;position:relative;top:0}.comments-btn{background:#fff;color:#aaa;margin-top:5px;padding:10px}.comments-btn,.comments-btn:hover{border:none;border-radius:6px;display:flex;height:30px;overflow:hidden}.comments-btn:hover{background:#f8f8f8}.print-btn{background-color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:20px;margin-top:10px;padding:5px 10px;transition:background-color .3s}.print-btn:hover{background-color:#f0f0f0}.file-block{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#333;display:block;padding:10px;text-decoration:none}.file-size{align-items:end;color:#777;font-size:.9em}.saving-message{border-radius:5px;color:#888;font-size:14px;margin-top:30px}.file-block:hover{background:#f0f0f0}.file-block:before{margin-right:8px}.link-block{align-items:center;border-radius:4px;display:flex;margin:8px 0;max-width:800px}.link-block-text{color:#06c;cursor:text;flex:1 1 auto;min-width:0;outline:none;text-decoration:underline;white-space:normal;word-break:break-word}.link-block-text:focus{background:#fff;border-radius:2px}.link-block-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:4px}.link-block-btn:hover{background:#0000000d;border-radius:4px}body.dark .document-title-input,body.dark .editor-page{background-color:#121212;color:#e4e6eb}body.dark .document-title-input{border-bottom:2px solid #444}body.dark .document-title-input:focus{border-bottom-color:#007bff}body.dark .documents-section{background-color:#1e1e1e}body.dark .sidebar-header{color:#e4e6eb}body.dark .add-document-btn{background:#444;color:#fff}body.dark .add-document-btn:hover{background:#555}body.dark .document-tree-node{color:#e4e6eb}body.dark .document-item{background-color:#2c2c2c;color:#e4e6eb}body.dark .document-item:hover{background:#333}body.dark .toggle-icon{color:#bbb}body.dark .document-title{color:#e4e6eb}body.dark .ProseMirror{border:none;color:#e4e6eb}body.dark .editor-place{background-color:#121212;color:#e4e6eb}body.dark .document-avatar{background:#444}body.dark .avatar-initial{color:#fff}body.dark .modal-content-all{background:#2c2c2c;box-shadow:0 4px 20px #0003;color:#e4e6eb}body.dark .modal-button{background:#444;color:#e4e6eb}body.dark .modal-button:hover{background:#555}body.dark .delete-button{background:#5f1b1b}body.dark .delete-button:hover{background:#7f1b1b}body.dark .edit-cover-button{background:#000000b3;color:#fff}body.dark .edit-cover-button:hover{background:#000000e6}body.dark .add-cover-button{background:#333;border:2px dashed #555;color:#e4e6eb}body.dark .add-cover-button:hover{background:#444;border-color:#666}body.dark .document-not-selected{background-color:#121212;color:#e4e6eb}body.dark .empty-state h2{color:#e4e6eb}body.dark .empty-state p{color:#aaa}body.dark .slash-menu{background:#333;border:1px solid #444}body.dark .slash-menu-item{color:#e4e6eb}body.dark .slash-menu-item:hover{background:#555}body.dark .plus-button{background:#333;color:#bbb}body.dark .plus-button:hover{background:#444;border-color:#555}body.dark .menu-container{background:#121212}body.dark .comments-btn{background:#333;color:#bbb}body.dark .comments-btn:hover{background:#444}body.dark .print-btn{background-color:#333;color:#e4e6eb}body.dark .print-btn:hover{background-color:#444}body.dark .avatar-initial{color:#bbb}body.dark .document-cover-container{background:#1e1e1e}body.dark .documents-scroll-container::-webkit-scrollbar-thumb{background-color:#555}body.dark .documents-scroll-container::-webkit-scrollbar-track{background-color:#333}body.dark .empty-state{background-color:#121212}body.dark .file-block{background-color:#444;border:none;color:#868686}.comments-list{overflow-y:auto!important}body.dark .comment-form{background-color:#333;border-top:2px solid #333}body.dark .comment-form input{background-color:#333;color:#fff}.modal-content{z-index:100}.search-doc{display:flex}.search-doc-input{margin-left:10px}.search-doc-ic{margin-top:10px}.documents-section{height:calc(100vh - 180px)}.input-with-button-doc{align-items:center;display:flex}.input-with-button-doc .new-document-input{flex:1 1;margin-right:8px}.input-with-button-doc .check{background-color:#e6f2ff;border:none;border-radius:10px;color:#a1a1a1;cursor:pointer;font-weight:600;height:30px;margin-left:10px;margin-top:0;padding:6px 10px}.input-with-button-doc .check:hover{background-color:#dde8f5}.document-draggable.dragging{background:#f0f0f0}.documents-scroll-container{flex:1 1;overflow-y:auto;padding-right:5px}.documents-scroll-container::-webkit-scrollbar{width:6px}.documents-scroll-container::-webkit-scrollbar-thumb{background:#cecece;border-radius:3px}.document-draggable{margin:2px 0;transition:transform .2s,background .2s}.dragging{background:#f8f8f8;box-shadow:0 2px 8px #0000001a;opacity:.8}.drag-handle-kb{align-items:center;background:none;border:none;color:#666;cursor:grab;display:flex;font-size:16px;margin-right:8px;opacity:.5;padding:0 8px;transition:opacity .2s}.document-item:hover .drag-handle-kb{opacity:1}.document-item{align-items:center;cursor:pointer;display:flex;height:25px;margin-left:5px;margin-right:5px;padding:5 10px;position:relative}.document-item.selected{background:#f5f5f5}.document-item:hover{background:#f0f0f0}.drag-overlay-item .document-item{background:#f8f8f8;box-shadow:0 0 8px #0000001a;opacity:.8}.document-draggable.dragging{background:#0000;opacity:.5;transform:none!important}.toggle-icon{color:#666;font-size:12px;height:14px;margin-left:-2px;margin-right:3px;margin-top:4px;padding:4px;width:13px}.toggle-icon:hover{background-color:#ddd;border-radius:5px}.add-subdoc-btn{background:none;border:none!important;border-radius:3px;cursor:pointer;margin-left:auto;padding:2px 6px}.add-subdoc-btn:hover{background-color:#ddd;border-radius:5px}.subdocuments{margin-left:20px}.empty-subdocs{color:#666;font-style:italic;padding:5px 10px}.document-draggable{transition:transform .2s ease}.subdocuments{overflow:hidden;transition:all .3s ease}.subdocuments.collapsed{max-height:0;opacity:0}.subdocuments.expanded{max-height:1000px;opacity:1}.document-draggable.dragging{background:#f8f8f8;box-shadow:0 2px 8px #0000001a}.document-draggable.dragging .drag-handle-kb{cursor:grabbing}.document-avatar-sidebar{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;margin-right:8px;width:24px}.collapsed-documents{flex:1 1;height:calc(100vh - 130px);max-height:100%;overflow-y:auto;padding-right:5px;position:relative;top:70px}.collapsed-document-item{cursor:pointer;display:flex;justify-content:center;padding:6px 0;position:relative;transition:transform .2s}.collapsed-document-item:hover{transform:scale(1.1)}.collapsed-avatar-image{border-radius:6px;height:32px!important;width:32px!important}.collapsed-avatar-initial{align-items:center;background:#f0f0f0;border-radius:6px;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.menu-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.2em;margin-left:auto;padding:5px}.document-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #0000001a;position:absolute;right:10px;z-index:100}.document-menu ul{list-style:none;margin:0;padding:0}.document-menu li{cursor:pointer;padding:8px 15px;white-space:nowrap}.document-menu li:hover{background-color:#f5f5f5}.modal-overlay{background:#0000004d;z-index:1000}.privacy-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:300px;padding:20px}.document-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-placeholder{background-color:#f0f0f0;border:2px dashed #ccc;border-radius:4px;color:#888;margin-bottom:5px;padding:8px}.empty-placeholder .drop-hint{font-size:.8em;font-style:italic;margin-top:5px}.empty-placeholder.drag-over{background-color:#e0f7fa;border-color:#00bcd4}body.dark .modal-content{outline:none}body.dark .modal-content h2{color:#e4e6eb}body.dark .add-workspace-btn{background-color:#4a4a4a;border:none;cursor:pointer}body.dark .add-workspace-btn:hover{background-color:#5a5a5a}body.dark .settings-button{background-color:#5a5a5a;color:#bdbcbc}body.dark .workspace-list li:hover{background-color:#333!important}body.dark .workspace-list .selected{background-color:#494949!important}body.dark .workspace-list li .toggle-icon{color:#464646}body.dark .workspace-list li .toggle-icon:hover{background-color:#444;border-radius:5px}body.dark .modal-overlay{background:#00000080}body.dark .workspace-selector{background-color:#181818;color:#e4e6eb}body.dark .menu-button{background:none;color:#e4e6eb}body.dark .menu-button:hover{background-color:#333}body.dark .document-menu{background:#2c2c2c;border-color:#3e3f4b}body.dark .document-menu li{color:#e4e6eb}body.dark .document-menu li:hover{background-color:#494949}body.dark .documents-scroll-container::-webkit-scrollbar-thumb{background:#555;border-radius:3px}body.dark .documents-scroll-container::-webkit-scrollbar{width:6px}body.dark .documents-scroll-container::-webkit-scrollbar-track{background:#333}body.dark .document-avatar-sidebar{background-color:#333}body.dark .sidebar-avatar-image{border-radius:4px}body.dark .document-draggable.dragging{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d}body.dark .drag-handle-kb{color:#b3b3b3}body.dark .drag-handle-kb:hover{background-color:#444;border-radius:5px}body.dark .document-title{color:#ddd}body.dark .document-item:hover{background-color:#444}body.dark .document-item.selected{background-color:#303030}body.dark .subdocuments.collapsed{max-height:0;opacity:0}body.dark .subdocuments.expanded{max-height:1000px;opacity:1}body.dark .collapsed-avatar-initial{align-items:center;background:#5e5e5e;border-radius:6px;color:#d8d8d8;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;width:32px}body.dark .new-document-input{background-color:#222;color:#fff}body.dark .new-document-input::placeholder{color:#8a8a8a}body.dark .avatar-workspace-initials{background-color:#333;color:#fff}.fpm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fpm-modal{animation:fpm-fadeIn .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px;width:500px}@keyframes fpm-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fpm-title{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:25px;text-align:center}.fpm-toggle-group{display:flex;gap:15px;margin-bottom:25px}.fpm-toggle-option{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;flex:1 1;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.fpm-toggle-option:hover{border-color:#cbd5e0}.fpm-toggle-option.active{background-color:#ebf8ff;border-color:#4299e1}.fpm-toggle-option.active .fpm-toggle-indicator{background-color:#4299e1;border-color:#4299e1}.fpm-toggle-option.active .fpm-toggle-indicator:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:4px;position:absolute;top:4px;width:8px}.fpm-toggle-option span{color:#4a5568;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.fpm-toggle-option.active span{color:#2b6cb0}.fpm-toggle-description{color:#718096;font-size:14px;margin:0}.fpm-users-section{margin-top:20px}.fpm-users-title{color:#4a5568;font-size:16px;font-weight:600;margin-bottom:15px}.fpm-users-container{border:1px solid #e2e8f0;border-radius:10px;max-height:300px;overflow-y:auto;padding:5px}.fpm-user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px 15px;transition:all .2s ease}.fpm-user-item:hover{background-color:#f7fafc}.fpm-user-item.selected{background-color:#ebf8ff}.fpm-user-avatar{align-items:center;background-color:#c8c9ca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;margin-right:15px;width:40px}.fpm-user-info{flex-grow:1}.fpm-user-info span{color:#2d3748;display:block;font-weight:500}.fpm-user-info p{color:#718096;font-size:13px;margin:3px 0 0}.fpm-checkbox{align-items:center;border:2px solid #cbd5e0;border-radius:5px;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s ease;width:22px}.fpm-user-item.selected .fpm-checkbox{background-color:#4299e1;border-color:#4299e1}.fpm-checkbox-checked{background-color:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);height:12px;width:12px}.fpm-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.fpm-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.fpm-save{background-color:#4299e1;color:#fff}.fpm-save:hover{background-color:#3182ce}.fpm-cancel,.fpm-close{background-color:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.fpm-cancel:hover,.fpm-close:hover{background-color:#edf2f7}.fpm-premium{padding:20px 0;text-align:center}.fpm-premium-icon{font-size:48px;margin-bottom:15px}.fpm-premium-title{color:#2d3748;font-size:22px;font-weight:600;margin-bottom:10px}.fpm-premium-text{color:#718096;line-height:1.6}.fpm-premium-text span{color:#4299e1;font-weight:600}.fpm-loader{align-items:center;display:flex;flex-direction:column;padding:30px 0}.fpm-spinner{animation:fpm-spin 1s linear infinite;border:4px solid #ebf8ff;border-radius:50%;border-top-color:#4299e1;height:50px;margin-bottom:15px;width:50px}@keyframes fpm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fpm-close-button{background:none;border:none;color:#777;cursor:pointer;font-size:20px;margin-left:95%}.fpm-close-button:hover{background-color:#f5f5f5;border-radius:3px;color:#333}body.dark .fpm-overlay{background-color:#000000b3}body.dark .fpm-modal{background-color:#2c2c2c;border-radius:16px;box-shadow:0 10px 30px #00000080;color:#e4e6eb}body.dark .fpm-title{color:#e4e6eb}body.dark .fpm-toggle-option{background-color:#333;border:2px solid #444}body.dark .fpm-toggle-option.active{background-color:#1a202c;border-color:#4299e1}body.dark .fpm-toggle-option.active span{color:#2b6cb0}body.dark .fpm-toggle-description{color:#a0aec0}body.dark .fpm-users-title{color:#e4e6eb}body.dark .fpm-users-container{background-color:#2d3748;border:1px solid #444}body.dark .fpm-user-item{background-color:#333;color:#e4e6eb}body.dark .fpm-user-item.selected{background-color:#4a5568}body.dark .fpm-user-item:hover{background-color:#444}body.dark .fpm-user-avatar{background-color:#4a5568}body.dark .fpm-user-info span{color:#e4e6eb}body.dark .fpm-user-info p{color:#a0aec0}body.dark .fpm-checkbox{border-color:#555}body.dark .fpm-user-item.selected .fpm-checkbox{background-color:#4299e1;border-color:#4299e1}body.dark .fpm-footer .fpm-button{border-radius:8px;color:#e4e6eb}body.dark .fpm-save{background-color:#4299e1;color:#fff}.fpm-close,body.dark .fpm-cancel{background-color:#444;border:1px solid #555;color:#e4e6eb}.fpm-close:hover,body.dark .fpm-cancel:hover{background-color:#555}body.dark .fpm-premium-title{color:#e4e6eb}body.dark .fpm-premium-text{color:#a0aec0}body.dark .fpm-premium-text span{color:#4299e1}body.dark .fpm-loader{color:#e4e6eb}body.dark .fpm-spinner{border:4px solid #444;border-top-color:#4299e1}body.dark .fpm-close-button{color:#e4e6eb}body.dark .fpm-close-button:hover{background-color:#555;color:#fff}.kb-page{display:flex;font-family:Arial,sans-serif;height:100vh}body.dark .users-page{background-color:#121212;color:#e4e6eb}.settings-container{background:#fff;color:#333;font-family:Inter,sans-serif;margin:40px auto;max-width:600px;padding:24px}.page-title{font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.5;margin-bottom:20px;padding:16px}.input-row{align-items:center;display:flex;margin-bottom:20px}.input-row label{flex:1 1;font-size:15px;font-weight:500}.users-input{border:1px solid #d1d5db;border-radius:10px;flex:1 1;font-size:15px;padding:10px 12px;text-align:center}.price-box{font-size:16px;margin-bottom:20px;text-align:center}.paid-info{background:#ecfdf5;border:1px solid #10b981;border-radius:12px;font-size:15px;margin-top:20px;padding:16px;text-align:center}.paid-info strong{color:#065f46}.hint{color:#6b7280;font-size:13px;margin-top:6px}.pay-button{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;padding:12px 16px;transition:background .2s;width:100%}.pay-button:hover:not(:disabled){background:#2563eb}.pay-button:disabled{background:#9ca3af;cursor:not-allowed}.switch-free-button{background:#efd2ff;border:none;border-radius:10px;color:#3d3d3d;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:10px;padding:12px 16px;transition:background .2s;width:100%}.full-centered{height:300px}.empty-state{color:#6b7280;font-size:16px}body.dark .settings-container{background:#121212;color:#e5e7eb}body.dark .page-title{color:#f3f4f6}body.dark .info-box{background:#2a2a2a;border-color:#374151;color:#d1d5db}body.dark .users-input{background:#111827;border-color:#374151;color:#f3f4f6}body.dark .price-box{color:#f3f4f6}body.dark .paid-info{background:#064e3b;border-color:#10b981;color:#d1fae5}body.dark .paid-info strong{color:#34d399}body.dark .hint{color:#9ca3af}body.dark .pay-button{background:#2563eb}body.dark .pay-button:hover:not(:disabled){background:#1d4ed8}body.dark .pay-button:disabled{background:#4b5563}body.dark .switch-free-button{background:#7e22ce;color:#f9fafb}body.dark .empty-state{color:#9ca3af}.workspace-list .selected,.workspace-list li:hover{background-color:#f5f5f5}.section{display:flex;gap:5px}.workspace-selector{background:#fff;border-bottom:1px solid #ededf5;display:flex;padding:10px;width:100%}.workspace-content{align-items:center;display:flex}.avatar-workspace-image,.avatar-workspace-initials{align-items:center;background-color:#f5f3f3;border-radius:5px;display:flex;height:40px;justify-content:center;object-fit:cover;width:40px}.work-name,.workspace-header{display:flex;margin-left:10px}.collapse-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,99%,.445);border-radius:8px;padding:2px}.storage-container{margin:100px auto;max-width:1000px;padding:20px;position:relative;width:100%}.storage-header{margin-bottom:30px}.section-divider{font-weight:700;grid-column:1/-1;padding:10px 0}.storage-progress{background:#f5f5f5;border-radius:8px;margin-top:20px;padding:15px}.progress-info{display:flex;font-size:.9em;justify-content:space-between;margin-bottom:10px}.storage-progress-bar{border-radius:5px;height:10px;width:100%}.storage-progress-bar::-webkit-progress-value{background-color:#1890ff;border-radius:5px;-webkit-transition:width .3s ease;transition:width .3s ease}.storage-progress-bar::-moz-progress-bar{background-color:#1890ff;border-radius:5px}.storage-progress-bar::-webkit-progress-bar{background-color:#b3b3b3;border-radius:5px}.files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.file-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.file-preview{background:#f8f8f8;height:200px;object-fit:cover;width:100%}.file-info{padding:15px}.file-meta{margin-bottom:10px}.file-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666;font-size:.8em}.delete-button{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 15px;transition:background .3s}.delete-button:hover{background:#ff7875}.empty-state{color:#666;padding:40px 0;text-align:center}.full-centered{align-items:center;display:flex;justify-content:center}body.dark .storage-container{background-color:#121212;color:#e4e6eb}body.dark .storage-header{color:#e4e6eb}body.dark .section-divider{border-bottom:1px solid #444;color:#e4e6eb}body.dark .storage-progress{background-color:#3b3b3b}body.dark .progress-info{color:#e4e6eb}body.dark .storage-progress-bar{background-color:#333}body.dark .storage-progress-bar::-webkit-progress-value{background-color:#1890ff}body.dark .storage-progress-bar::-webkit-progress-bar{background-color:#555}body.dark .files-grid{gap:20px}body.dark .file-card{background-color:#2c2f3d;border:1px solid #444}body.dark .file-preview{background-color:#333}body.dark .file-info,body.dark .file-name{color:#e4e6eb}body.dark .file-size{color:#bbb}body.dark .delete-button{background:#ff4d4f;color:#fff}body.dark .delete-button:hover{background:#ff7875}body.dark .empty-state{color:#bbb}body.dark .full-centered{color:#e4e6eb}.trash-container{margin:100px auto;max-width:1000px;padding:20px;position:relative;width:100%}.trash-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.trash-selector{width:200px}.trash-type-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.trash-content{position:relative}.trash-container.full-centered{align-items:center;display:flex;justify-content:center}.deals-table .centered-message{left:auto;position:relative;top:auto;transform:none}.actions-column{width:150px}.restore-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.restore-btn:hover{background-color:#45a049}.restore-btn:disabled{background-color:#ccc;cursor:not-allowed}.trash-search-container{margin:20px 0;width:100%}.trash-search-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:border-color .3s;width:100%}.trash-search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}body.dark .trash-container{background-color:#1f2126;color:#e4e6eb}body.dark .trash-header{color:#e4e6eb}body.dark .trash-selector{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .trash-type-select{background-color:#444;border:1px solid #555;color:#e4e6eb}body.dark .trash-content{background-color:#2c2f3d}body.dark .actions-cell,body.dark .actions-column,body.dark .deals-table .centered-message,body.dark .trash-container.full-centered{color:#e4e6eb}body.dark .restore-btn{background-color:#28a745;color:#fff}body.dark .restore-btn:hover{background-color:#218838}body.dark .restore-btn:disabled{background-color:#6c757d;cursor:not-allowed}body.dark .trash-search-container{color:#e4e6eb}body.dark .trash-search-input{background-color:#444;border:1px solid #555;color:#e4e6eb}body.dark .trash-search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.tags-page-container{margin:100px auto;max-width:1000px;padding:20px;position:relative;width:100%}.tags-header{display:flex;gap:10px;margin-bottom:20px}.tags-search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;padding:10px 15px}.create-tag-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.create-tag-btn:hover{background-color:#2563eb}.tag-create-form{align-items:center;background-color:#f9fafb;border-radius:8px;display:flex;gap:10px;margin-bottom:25px;padding:15px}.tag-name-input{flex:1 1;padding:10px 15px}.color-select,.tag-name-input{border:1px solid #ddd;border-radius:4px;font-size:16px}.color-select{cursor:pointer;padding:10px;width:100px}.cancel-tag-btn,.save-tag-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px}.save-tag-btn{background-color:#d6dadf;color:#797878}.save-tag-btn:hover{background-color:#eff1f3}.cancel-tag-btn:hover{background-color:#ccc}.tags-list{border-top:1px solid #eee;padding-top:20px}.tag-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.tag-chip{border-radius:20px;box-shadow:0 1px 3px #0000001a;display:inline-block;font-size:14px;font-weight:500;padding:6px 15px}.delete-tag-btn{background-color:initial;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;padding:5px 10px;transition:all .2s}.delete-tag-btn:hover{background-color:#fee2e2}.loading,.no-tags{color:#64748b;font-size:18px;padding:30px;text-align:center}.modal-tag-content h3{color:#1e293b;margin-top:0}.modal-tag-content p{color:#475569;line-height:1.6;margin:20px 0}.modal-tag-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-delete-btn,.confirm-delete-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-delete-btn{background-color:#e2e8f0;color:#334155}.cancel-delete-btn:hover{background-color:#cbd5e1}.confirm-delete-btn{background-color:#ef4444;color:#fff}.confirm-delete-btn:hover{background-color:#dc2626}.modal-tag-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:30px;position:relative;width:100%}.delete-tag-modal{align-items:center;animation:fadeIn .3s forwards;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:1000}.modal-tag-content{animation:slideUp .3s forwards;transform:translateY(20px)}body.dark .tags-page-container{background-color:#121212;color:#e4e6eb}body.dark .tags-header{color:#e4e6eb}body.dark .tags-search-input{background-color:#2c2f3d;border:1px solid #444;color:#e4e6eb}body.dark .create-tag-btn{background-color:#3b82f6;color:#fff}body.dark .create-tag-btn:hover{background-color:#2563eb}body.dark .tag-create-form{background-color:#2c2f3d;border:1px solid #444}body.dark .color-select,body.dark .tag-name-input{background-color:#2c2f3d;border:1px solid #444;color:#e4e6eb}body.dark .save-tag-btn{background-color:#d6dadf;color:#495057}body.dark .save-tag-btn:hover{background-color:#eff1f3}body.dark .cancel-tag-btn:hover{background-color:#555}body.dark .tags-list{border-top:1px solid #444}body.dark .tag-item{border-bottom:1px solid #444}body.dark .tag-chip{background-color:#2c2f3d;box-shadow:0 1px 3px #00000080;color:#e4e6eb}body.dark .delete-tag-btn{border-color:#ef4444;color:#ef4444}body.dark .delete-tag-btn:hover{background-color:#3b1a1c}body.dark .loading,body.dark .no-tags{color:#a0aec0}body.dark .delete-tag-modal{background-color:#000000b3}body.dark .modal-tag-content{background-color:#2c2f3d;box-shadow:0 10px 25px #00000080;color:#e4e6eb}body.dark .modal-tag-content h3{color:#e4e6eb}body.dark .modal-tag-content p{color:#a0aec0}body.dark .cancel-delete-btn{background-color:#555;color:#e4e6eb}body.dark .cancel-delete-btn:hover{background-color:#666}body.dark .confirm-delete-btn{background-color:#ef4444}body.dark .confirm-delete-btn:hover{background-color:#dc2626}body.dark .close-modal-btn:hover{color:#fff}.roles-page{margin:100px auto;max-width:1000px;padding:20px;position:relative;width:100%}.roles-page h2{border-bottom:2px solid #f0f2f5;color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:30px;padding-bottom:15px}.create-role{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;margin-bottom:30px;padding:20px}.create-role input{border:1px solid #ddd;border-radius:6px;flex-grow:1;font-size:16px;padding:12px 15px;transition:border-color .3s}.create-role input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.create-role button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-left:15px;padding:12px 25px;transition:background-color .3s}.create-role button:disabled{background-color:#bdc3c7;cursor:not-allowed}.create-role button:not(:disabled):hover{background-color:#2980b9}.roles-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.role-item{background:#fff;border-left:4px solid #3498db;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:transform .3s,box-shadow .3s}.role-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.role-info{margin-bottom:15px}.role-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px}.default-badge{background-color:#e1f0fa;border-radius:4px;color:#2980b9;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.role-actions{gap:10px}.role-actions button{flex:1 1;padding:8px 15px}.role-actions button:first-child{background-color:#f0f2f5;color:#2c3e50}.role-actions button:first-child:hover{background-color:#e4e6e9}.role-actions .delete-btn{background-color:#f8d7da;color:#721c24}.role-actions .delete-btn:hover{background-color:#f5c6cb}.edit-role{background:#fff;border-radius:10px;box-shadow:0 5px 20px #00000014;padding:30px}.role-header{margin-bottom:25px}.role-header h3{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:15px}.role-header input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 15px;transition:border-color .3s;width:100%}.role-header input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.permissions-container{margin-bottom:30px}.permission-group{border-bottom:1px solid #f0f2f5;margin-bottom:25px;padding-bottom:20px}.permission-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.permission-group h4{border-bottom:1px solid #f0f2f5;color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.permissions-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.permission-item{align-items:center;background-color:#f9f9f9;border-radius:6px;display:flex;padding:10px 15px;transition:background-color .3s}.permission-item:hover{background-color:#f0f2f5}.permission-item input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.permission-item span{color:#444;font-size:15px}.permission-item.dangerous{background-color:#fff2f0;border:2px solid #ff4d4f;border-radius:4px;margin:5px 0;padding:8px}.dangerous-permission-warning{color:#ff4d4f;font-size:12px;font-weight:700;margin-top:4px}.role-actions{display:flex;gap:15px;justify-content:flex-end}.role-actions button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;transition:all .3s}.role-actions button:first-child{background-color:#3498db;color:#fff}.role-actions button:first-child:hover{background-color:#2980b9}.role-actions .cancel-btn{background-color:#f0f2f5;color:#666}.role-actions .cancel-btn:hover{background-color:#e4e6e9}@keyframes loadingPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading-indicator{animation:loadingPulse 1.5s infinite;color:#3498db;font-size:18px}@media (max-width:768px){.create-role{flex-direction:column}.create-role input{margin-bottom:15px}.create-role button{margin-left:0}.roles-list{grid-template-columns:1fr}.role-actions{flex-direction:column}.permissions-list{grid-template-columns:1fr}.edit-role{padding:20px}}body.dark .roles-page{background-color:#121212;color:#e4e6eb}body.dark .roles-page h2{border-bottom:2px solid #444;color:#e4e6eb}body.dark .create-role{background:#3f3f3f;box-shadow:0 2px 10px #0003}body.dark .create-role input{background-color:#333;border:1px solid #555;color:#e4e6eb}body.dark .create-role input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}body.dark .create-role button{background-color:#3498db;color:#fff}body.dark .create-role button:hover{background-color:#2980b9}body.dark .roles-list{background-color:#121212}body.dark .role-item{background:#333;border-left:4px solid #3498db;box-shadow:0 2px 10px #0000001a}body.dark .role-item:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}body.dark .role-info h3{color:#e4e6eb}body.dark .default-badge{background-color:#34495e;color:#ecf0f1}body.dark .role-actions button:first-child:hover{background-color:#555}body.dark .role-actions .delete-btn{background-color:#f8d7da;color:#721c24}body.dark .role-actions .delete-btn:hover{background-color:#f5c6cb}body.dark .edit-role{background:#2c2f3d;box-shadow:0 5px 20px #0000001a}body.dark .role-header h3{color:#e4e6eb}body.dark .role-header input{background-color:#333;border:1px solid #555;color:#e4e6eb}body.dark .edit-role{background-color:#121212}body.dark .permission-group h4,body.dark .permissions-container{color:#e4e6eb}body.dark .permissions-list{background-color:#121212}body.dark .permission-item{background-color:#444;color:#d8d8d8}body.dark .permission-item span{color:#fff}body.dark .permission-item:hover{background-color:#555}body.dark .permission-item.dangerous{background-color:#3b1a1c;border:2px solid #ff4d4f;color:#e4e6eb}body.dark .dangerous-permission-warning{color:#ff4d4f}body.dark .role-actions button:first-child{background-color:#444;color:#e4e6eb}body.dark .role-actions .cancel-btn{background-color:#555;color:#e4e6eb}body.dark .role-actions .cancel-btn:hover{background-color:#666}body.dark .loading-indicator{color:#3498db}@media (max-width:768px){body.dark .create-role{flex-direction:column}body.dark .create-role input{margin-bottom:15px}body.dark .create-role button{margin-left:0}body.dark .roles-list{grid-template-columns:1fr}body.dark .role-actions{flex-direction:column}body.dark .permissions-list{grid-template-columns:1fr}body.dark .edit-role{padding:20px}}.workspace-page-container{margin:100px auto 600px;max-width:1000px;padding:20px;position:relative;width:100%}h1{border-bottom:1px solid #eee;color:#333;font-size:24px;margin-bottom:30px;padding-bottom:15px}.avatar-work-section{align-items:center;display:flex;gap:30px;margin-bottom:30px}.avatar-work-preview{align-items:center;background-color:#f0f2f5;border:2px dashed #ccc;border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;overflow:hidden;transition:all .3s ease;width:120px}.avatar-work-preview:hover{border-color:#3498db;transform:scale(1.05)}.avatar-work-image{height:100%;object-fit:cover;width:100%}.avatar-work-initials{color:#555;font-size:36px;font-weight:700}.avatar-work-controls{display:flex;flex-direction:column;gap:10px}.btn-work-delete,.btn-work-upload{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s}.btn-work-upload{background-color:#3498db;color:#fff}.btn-work-upload:hover{background-color:#2980b9}.btn-work-delete{background-color:#e74c3c;color:#fff}.btn-work-delete:hover{background-color:#c0392b}.form-work-group{margin-bottom:20px}.form-work-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-work-group input,.form-work-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px 12px;transition:border-color .3s;width:95%}.form-work-group input:focus,.form-work-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-work-group textarea{min-height:100px;resize:vertical}.actions-work{display:flex;justify-content:flex-end;margin-top:30px}.btn-work-save{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background-color .3s}.btn-work-save:hover{background-color:#27ae60}.btn-work-save:disabled{background-color:#95a5a6;cursor:not-allowed}.loading-work-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:40px;margin:30px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}body.dark .workspace-page-container{background-color:#1f2126;color:#e4e6eb}body.dark h1{border-bottom:1px solid #444}body.dark .avatar-work-section,body.dark h1{color:#e4e6eb}body.dark .avatar-work-preview{background-color:#2c2f3d;border:2px dashed #555}body.dark .avatar-work-preview:hover{border-color:#3498db;transform:scale(1.05)}body.dark .avatar-work-controls,body.dark .avatar-work-initials{color:#e4e6eb}body.dark .btn-work-upload{background-color:#3498db;color:#fff}body.dark .btn-work-upload:hover{background-color:#2980b9}body.dark .btn-work-delete{background-color:#e74c3c;color:#fff}body.dark .btn-work-delete:hover{background-color:#c0392b}body.dark .form-work-group label{color:#e4e6eb}body.dark .form-work-group input,body.dark .form-work-group textarea{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .form-work-group input:focus,body.dark .form-work-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}body.dark .actions-work{color:#e4e6eb}body.dark .btn-work-save{background-color:#2ecc71;color:#fff}body.dark .btn-work-save:hover{background-color:#27ae60}body.dark .btn-work-save:disabled{background-color:#7f8c8d;cursor:not-allowed}body.dark .loading-work-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:40px;margin:30px auto;width:40px}@media (max-width:768px){body.dark .workspace-page-container{padding:20px 10px}body.dark h1{margin-bottom:15px}}.privacy-container{margin:100px auto;max-width:1000px;padding:20px;position:relative;width:100%}.privacy-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.privacy-selector{width:200px}.privacy-type-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.privacy-search{margin-bottom:20px;width:100%}.privacy-search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px 15px;width:100%}.privacy-search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.centered-message{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.privacy-content{position:relative}.privacy-container.full-centered{align-items:center;display:flex;height:70vh;justify-content:center}table{background-color:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;width:100%}td,th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}th{background-color:#f8f9fa;font-weight:600}tr:hover{background-color:#f5f5f5}.empty-state,.error,.loading{background-color:#fff;border-radius:4px;color:#6c757d;font-size:18px;margin-top:20px;padding:40px;text-align:center}.error{color:#dc3545}.actions-column{width:200px}.actions-cell,.actions-column{text-align:right}.make-public-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;min-width:150px;padding:8px 16px;transition:background-color .2s}.make-public-btn:hover{background-color:#357abd}.make-public-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.privacy-header{align-items:flex-start;flex-direction:column}.privacy-selector{width:100%}.actions-column{width:auto}.make-public-btn{font-size:13px;min-width:auto;padding:6px 12px}}body.dark .privacy-container{background-color:#121212;color:#e4e6eb}body.dark .privacy-header{color:#e4e6eb}body.dark .privacy-selector{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .privacy-search-input,body.dark .privacy-type-select{background-color:#444;border:1px solid #555;color:#e4e6eb}body.dark .privacy-search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}body.dark .centered-message{color:#e4e6eb}body.dark .privacy-content{background-color:#2c2f3d}body.dark .privacy-container.full-centered{color:#e4e6eb}body.dark table{background-color:#2c2f3d;border-collapse:collapse;color:#e4e6eb}body.dark td,body.dark th{border-bottom:1px solid #444}body.dark th{background-color:#333}body.dark tr:hover{background-color:#444}body.dark .empty-state,body.dark .error,body.dark .loading{background-color:#2c2f3d;color:#e4e6eb}body.dark .error{color:#f8d7da}body.dark .make-public-btn{background-color:#4a90e2;color:#fff}body.dark .make-public-btn:hover{background-color:#357abd}body.dark .make-public-btn:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:768px){body.dark .privacy-header{align-items:flex-start;flex-direction:column}body.dark .privacy-selector{width:100%}body.dark .actions-column{width:auto}body.dark .make-public-btn{font-size:13px;min-width:auto;padding:6px 12px}}.users-list{background-color:#f8f8fb;margin-top:60px;position:relative;width:100%}.users-table{overflow:hidden}.users-table-header,.users-table-row{align-items:center;display:grid;grid-template-columns:3fr 3fr 2fr;padding:12px 16px}.users-table-header{font-weight:600}.users-table-header,.users-table-row{background-color:#fff;border-bottom:1px solid #ededf5}.user-col{overflow-wrap:break-word}.user-avatar-name{align-items:center;display:flex;gap:10px}.avatar-circle{align-items:center;background-color:#bbb;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.avatar-image{border-radius:50%;object-fit:cover}.user-full-name{font-size:14px;font-weight:500}.error{color:red;margin-bottom:10px}.crm-container{background-color:#f8f8fb;display:flex;flex:1 1;flex-direction:row;gap:20px;overflow-x:auto;padding:20px}.crm-page-container{height:calc(100% - 38px);margin-top:38px;width:100%}.crm-column,.crm-page-container{background-color:#f8f8fb;display:flex;flex-direction:column}.crm-column{flex-shrink:0;height:calc(100vh - 213px);margin:10px 5px -10px;width:275px}.deals-container{flex:1 1;margin-bottom:-30px;margin-top:5px;min-height:100px;overflow-x:hidden;overflow-y:auto;width:285px}.deals-container::-webkit-scrollbar-thumb{background-color:#e6e3e3;border-radius:3px;height:1px}.droppable-area{display:flex;flex-direction:column;flex-grow:1;min-height:300px}.deals-list{list-style:none;margin:0;padding:0}.deal-card{background-color:#fff;border-radius:5px;cursor:pointer;margin:5px 4px 5px 2px;padding:10px}.deal-content{word-wrap:break-word;overflow-wrap:anywhere;white-space:normal;width:100%}.deal-card:hover{outline:1px solid #d1d1d3}.deal-card.selected{outline:1px solid #007bff}.new-crm-column{align-items:center;display:flex;flex-direction:column}.new-crm-column input{border:1px solid #ccc;border-radius:5px;font-size:1em;margin-bottom:10px;padding:10px;width:200px}.new-crm-column button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.new-crm-column button:hover{background-color:#45a049}.crm-column-header{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.crm-column-header button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.crm-column-header button:hover{background-color:#eaeaea;border-radius:4px;color:#333}.crm-column-name{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:space-between;margin:5px 0;padding:10px}.crm-column-name,.full-column-name-crm{background-color:#fff;border-radius:5px}.full-column-name-crm{gap:0}.full-column-name-crm,.new-deal-form{flex-shrink:0;margin-left:2px}.crm-column-name button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.crm-column-name button:hover{background-color:#eaeaea;border-radius:4px;color:#333}.multi-select{min-width:251px}.deal-executors{display:flex;margin-top:8px;min-height:28px;position:relative}.executors-container{display:flex;left:0;position:absolute;top:0}.executor-avatar{align-items:center;background-color:#f0f0f0;border:2px solid #fff;border-radius:50%;display:flex;height:18px;justify-content:center;margin-left:-8px;overflow:hidden;position:relative;width:18px}.executor-avatar:first-child{margin-left:0}.executor-avatar-image{height:100%;object-fit:cover;width:100%}.avatar-fallback{color:#555;font-size:12px;font-weight:700}.executor-extra{background-color:#cecece;border:2px solid #fff;border-radius:50%;font-size:10px;margin-left:-8px;position:relative;z-index:5}.executor-badge,.executor-extra{align-items:center;color:#fff;display:flex;font-weight:700;height:18px;justify-content:center;width:18px}.executor-badge{background:#4bade8;border-radius:50%;font-size:12px;margin-right:4px}.div-menu-column{position:relative}.column-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;position:absolute;z-index:100}.dropdown-item:hover{background-color:#f5f5f5}.delete-item{color:#e74c3c}.delete-item:hover{background-color:#ffebee}.no-funnel-selected{align-items:center;color:#888;display:flex;height:100%;justify-content:center}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-item{animation:shimmer 4s linear infinite;background:#f6f7f8;background-image:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-size:200% 100%;border-radius:5px;overflow:hidden;position:relative}.skeleton-item:before{animation:shine 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.win-deal{outline:1px solid #4caf50}.lose-deal{outline:1px solid #f44336}.win-deal.selected{box-shadow:0 0 0 1px #007bff;outline:1px solid #4caf50}.lose-deal.selected{box-shadow:0 0 0 1px #007bff;outline:1px solid #f44336}.executor-filter-container{background:#f5f7fa;border-bottom:1px solid #e0e6ed;margin-top:60px;position:relative;width:100%}.executor-filter{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;height:30px;padding:8px 75px;width:calc(100% - 200px)}.executor-filter.expanded{align-items:flex-start;flex-wrap:wrap;height:auto;min-height:50px;padding:10px 85px}.search-filter{display:flex;margin-left:85px;width:100%}.search-filter-ic-crm{margin-top:10px}.search-input{border:1px solid #ddd;border-radius:4px;padding:10px 15px;width:100%}.filter-label,.search-input{font-size:14px;margin-left:10px}.filter-label{color:#888;margin-top:15px;position:absolute}.expand-filters-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.2em;justify-content:center;left:125px;padding:5px;position:absolute;top:10px}.expand-filters-button:hover{background-color:#eaeaea;border-radius:4px}@media (max-width:768px){.search-filter{margin-left:15px;margin-right:-135px;margin-top:40px;width:calc(100% + 250px)}.executor-filter.expanded{align-items:flex-start;flex-wrap:wrap;height:auto;margin-top:10px;min-height:50px;padding:0 15px 10px}}.column-stats{color:#888;display:flex;font-size:12px;margin-left:38px;margin-top:-5px}.column-total-sum{font-weight:500;margin-bottom:5px;margin-left:3px}.column-deals-count{font-size:11px;margin-bottom:5px}.modal-overlay-automation{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.automation-modal{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:90%;padding:25px;width:500px}.automation-modal h3{color:#333;margin-bottom:20px;margin-top:0;text-align:center}.status-options{margin-bottom:25px}.status-option{border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.status-option:hover{background-color:#f9f9f9}.status-option.selected{background-color:#f0f7ff;border-color:#4a90e2}.status-option .status-icon{font-size:24px;margin-right:10px;vertical-align:middle}.status-option.win.selected{background-color:#f0fff4;border-color:#4caf50}.status-option.lose.selected{background-color:#fff0f0;border-color:#f44336}.status-option p{color:#666;font-size:14px;margin:5px 0 0}.modal-actions-automation{display:flex;gap:10px;justify-content:flex-end}.cancel-btn,.save-btn{padding:8px 15px}.save-btn{background:#4a90e2}.status-indicator{font-size:18px;margin-left:8px}.status-indicator.win{color:#4caf50}.status-indicator.lose{color:#f44336}.status-indicator.delete{color:#f4b136}.automation-close-button{background:none;border:none;color:#777;cursor:pointer;font-size:20px;margin-left:95%}.automation-close-button:hover{background-color:#f5f5f5;border-radius:3px;color:#333}body.dark .users-list{background-color:#181818}body.dark .users-table-header,body.dark .users-table-row{background-color:#2c2c2c;color:#e4e6eb}body.dark .users-table-header,body.dark .users-table-row{border-bottom:1px solid #3e3f4b}body.dark .user-avatar-name{color:#e4e6eb}body.dark .avatar-circle{background-color:#3a3b3c}body.dark .avatar-image{border-radius:50%}body.dark .user-full-name{color:#e4e6eb}body.dark .crm-column,body.dark .crm-container{background-color:#181818}body.dark .crm-column{border-radius:5px}body.dark .deals-container{background-color:#181818}body.dark .deal-card{background-color:#333;border:1px solid #444}body.dark .deal-card.selected{background-color:#494949;outline:1px solid #007bff}body.dark .deal-card:hover{outline:1px solid #494949}body.dark .crm-column-header{background-color:#2c2c2c;border-radius:5px;color:#e4e6eb}body.dark .full-column-name-crm{background-color:#2c2c2c}body.dark .crm-column-name button:hover,body.dark .crm-column-name input,body.dark .new-deal-form input{background-color:#2c2c2c;color:#fff}body.dark .crm-column-header button{color:#e4e6eb}body.dark .crm-column-header button:hover{background-color:#444;color:#fff}body.dark .new-crm-column input{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .new-crm-column button{background-color:#4caf50;color:#fff}body.dark .crm-column-name{background-color:#2c2c2c;color:#e4e6eb}body.dark .executor-filter-container{background:#181818;border-bottom:1px solid #444}body.dark .executor-filter{background-color:#181818;color:#e4e6eb}body.dark .search-input{border:1px solid #444}body.dark .executor-filter.expanded{background:#181818}body.dark .column-dropdown-menu{background-color:#474747;border:1px solid #3e3f4b}body.dark .dropdown-item{color:#e4e6eb}body.dark .dropdown-item:hover{background-color:#333}body.dark .delete-item{color:#f44336}body.dark .delete-item:hover{background-color:#8b8b8b}body.dark .modal-overlay-automation{background-color:#000000b3}body.dark .automation-modal{background-color:#333;color:#e4e6eb}body.dark .automation-modal h3{color:#fff}body.dark .status-option{background-color:#3a3b3c;border:1px solid #444}body.dark .status-option:hover{background-color:#4b4e4b}body.dark .status-option.selected{background-color:#444;border-color:#007bff}body.dark .status-option.win.selected{background-color:#4caf50;border-color:#388e3c}body.dark .status-option.lose.selected{background-color:#f44336;border-color:#d32f2f}body.dark .modal-actions-automation .cancel-btn{background-color:#444;color:#e4e6eb}body.dark .modal-actions-automation .save-btn{background-color:#4caf50;color:#fff}body.dark .automation-close-button{color:#bbb}body.dark .automation-close-button:hover{color:#fff}body.dark .status-indicator.win{color:#4caf50}body.dark .status-indicator.lose{color:#f44336}body.dark .status-indicator.delete{color:#f4b136}body.dark .win-deal.selected{background-color:#2c2c2c;border:1px solid #4caf50}body.dark .lose-deal.selected{background-color:#2c2c2c;border:1px solid #f44336}body.dark .executor-badge{background-color:#2c2c2c;color:#e4e6eb}body.dark .executor-avatar{background-color:#3a3b3c}body.dark .executor-avatar-image{border-radius:50%}body.dark .executor-extra{background-color:#616161;color:#fff}body.dark .skeleton-item{background-color:#444}body.dark .search-input{background-color:#333;color:#e4e6eb}body.dark .search-filter{background:#333}body.dark .search-filter .search-input{background-color:#3a3b3c;border:1px solid #444;color:#e4e6eb}body.dark .filter-label{color:#bbb}body.dark .no-funnel-selected{background-color:#181818}body.dark .skeleton-item{animation:shimmer 4s linear infinite;background:#444;background-image:linear-gradient(90deg,#444 0,#555 20%,#444 40%,#444);background-size:200% 100%;border-radius:5px;overflow:hidden;position:relative}body.dark .skeleton-item:before{animation:shine 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}body.dark .expand-filters-button{color:#fff}body.dark .expand-filters-button:hover{background-color:#2c2c2c;color:#fff}.crm-header{background-color:#f8f8fb;border:1px solid #ededf5;box-sizing:border-box;height:38px;left:275px;overflow:visible;padding:10px;position:fixed;top:60px;transition:all .3s ease;width:calc(100% - 275px);z-index:10}.crm-header,.crm-header-left{align-items:center;display:flex}.crm-header-left{justify-content:start}.funnel-avatar,.funnel-avatar-initial{align-items:center;background-color:#d9d9d9;border-radius:3px;color:#fff;display:flex;font-size:6px;height:30px;justify-content:center;margin-right:12px;object-fit:cover;width:30px}.funnel-avatar-initial{background-color:#e9ecef;color:#495057;font-size:12px;font-weight:700}.funnel-name{font-size:16px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-switcher{display:flex;gap:8px;left:40%;position:absolute;transform:translateX(-40%)}.switcher-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:14px;font-weight:400;padding:5px 4px;position:relative}.switcher-button.active{color:#0d6efd}@media (max-width:768px){.crm-switcher{display:none}.crm-mobile-menu-button{display:block;position:relative;right:0}}.crm-mobile-menu-button{height:17px;padding:10px}.crm-mobile-menu-button,.crm-mobile-menu-button:hover{cursor:pointer;margin-left:auto;position:absolute;right:0;top:0}.crm-mobile-menu-button:hover{background-color:#e0e0e0;border-radius:4px;margin-right:2px;margin-top:7px;padding:3px 8px}.crm-mobile-menu-dropdown{background-color:#fff;border:1px solid #ededf5;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:6px;padding:8px;position:absolute;right:0;top:100%;z-index:100}.crm-mobile-menu-dropdown label{align-items:center;display:flex;font-size:14px;gap:6px}body.dark .crm-header{background-color:#2c2c2c;border:1px solid #444;color:#e4e6eb}body.dark .funnel-avatar,body.dark .funnel-avatar-initial{background-color:#444;color:#e4e6eb}body.dark .funnel-avatar-initial{background-color:#3a3a52}body.dark .crm-switcher,body.dark .funnel-name{color:#e4e6eb}body.dark .switcher-button{color:#b0b0b0}body.dark .switcher-button.active{color:#0d6efd}body.dark .crm-mobile-menu-button{background-color:#444;color:#e4e6eb}body.dark .crm-mobile-menu-button:hover{background-color:#555;color:#e4e6eb}body.dark .crm-mobile-menu-dropdown{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .crm-mobile-menu-dropdown label{color:#e4e6eb}.new-funnel-input{margin:5px 0 15px 15px}.drag-handle{cursor:grab;opacity:.5;padding:0 10px;transition:opacity .2s}.drag-handle:hover{opacity:1}.funnel-item{align-items:center;border-radius:4px;display:flex;height:30px!important;margin:4px 0;padding:8px 12px;transition:background .2s}.funnel-item:hover{background:#000}.funnel-item.active{background:#f5f5f5}.funnels-section{height:calc(100vh - 215px);margin-top:20px}.funnel-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;position:absolute;right:10px;top:30px;width:150px;z-index:1000}.funnel-dropdown button{background:none;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.funnel-dropdown button:hover{background:#f5f5f5}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.funnel-settings-modal{background:#fff;border-radius:8px;max-width:90%;padding:20px;width:400px}.funnel-settings{background:none;border:none;color:#666;cursor:pointer;margin:10 10 10 auto}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-button{background:none;border:none;cursor:pointer;font-size:24px;padding:0 8px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.modal-actions{text-align:right}.save-btn{background:#4caf50;border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.funnel-avatar{border-radius:4px;height:24px;margin-right:8px;object-fit:cover;width:24px}.avatar-upload{margin:10px 0}.avatar-preview{height:100px;position:relative;width:100px}.avatar-preview img{border-radius:8px;height:100%;object-fit:cover;width:100%}.avatar-actions{background:#00000080;display:flex;gap:4px;height:40px;left:120px;padding:4px;position:absolute;top:0}.upload-button{background:#f0f0f0;border:1px dashed #ccc;border-radius:4px;cursor:pointer;padding:8px 12px}.funnel-avatar-sidebar{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;margin-right:8px;width:24px}.collapsed-funnels{flex:1 1;height:calc(100vh - 200px);max-height:100%;overflow-y:auto;padding-right:5px;position:relative;top:70px}.collapsed-sections{position:relative;top:30px}.scroll-container{max-height:100%;overflow-y:auto}.funnel-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.funnel-stats{display:flex;gap:10px;margin-top:4px}.funnel-stat{align-items:center;color:#666;display:flex;font-size:.8em;gap:4px}.stat-icon{font-size:1.1em}.collapsed-crm-avatar-image{border-radius:4px;height:70%;object-fit:cover;width:70%}body.dark .modal-content{background-color:#2c2c2c;border:1px solid #3e3f4b;color:#e4e6eb}body.dark .modal-overlay{background:#000000b3}body.dark .workspace-list li{background-color:#181818;color:#e4e6eb}body.dark .workspace-list li:hover{background-color:#333}body.dark .workspace-list .selected{background-color:#494949}body.dark .add-workspace-btn{background-color:#3a3a52;border-radius:7px;color:#fff}body.dark .add-workspace-btn:hover{background-color:#555}body.dark .settings-button{background:#2c2c2c;border-radius:3px}body.dark .settings-button:hover{background-color:#333}body.dark .funnel-item{background:#2c2c2c;color:#e4e6eb}body.dark .funnel-item:hover{background:#3a3a52}body.dark .funnel-item.active{background:#494949}body.dark .funnel-dropdown{background-color:#2c2c2c;border-color:#3e3f4b}body.dark .funnel-dropdown button{color:#e4e6eb}body.dark .funnel-dropdown button:hover{background-color:#3a3a52}body.dark .funnel-settings-modal{background:#2c2c2c;border:1px solid #3e3f4b;color:#e4e6eb}body.dark .save-btn{background:#4caf50;color:#fff}body.dark .close-button{color:#e4e6eb}body.dark .form-group input{background-color:#444;border:1px solid #666;color:#e4e6eb}body.dark .form-group input:focus{border-color:#4caf50}body.dark .funnel-avatar{background-color:#444;color:#e4e6eb}body.dark .avatar-preview{background-color:#444}body.dark .avatar-preview img{border-radius:8px}body.dark .avatar-actions{background:#000000b3}body.dark .upload-button{background:#444;border:1px dashed #666;color:#e4e6eb}body.dark .collapsed-funnels{background-color:#181818}body.dark .collapsed-sections{background-color:#2c2c2c}body.dark .funnel-info,body.dark .funnel-stats{color:#e4e6eb}body.dark .funnel-stat{color:#b0b0b0}body.dark .stat-icon{color:#e4e6eb}body.dark .collapsed-crm-avatar-image{background-color:#444}body.dark .new-funnel-input{background-color:#2c2c2c;color:#fff}body.dark .funnel-avatar-sidebar{background-color:#616161;color:#fff}body.dark .loading{background-color:#181818;color:#fff}.spm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.spm-modal{animation:spm-fadeIn .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px;width:500px}@keyframes spm-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spm-title{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:25px;text-align:center}.spm-toggle-group{display:flex;gap:15px;margin-bottom:25px}.spm-toggle-option{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;flex:1 1;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.spm-toggle-option:hover{border-color:#cbd5e0}.spm-toggle-option.active{background-color:#ebf8ff;border-color:#4299e1}.spm-toggle-option span{color:#4a5568;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.spm-toggle-option.active span{color:#2b6cb0}.spm-toggle-description{color:#718096;font-size:14px;margin:0}.spm-users-section{margin-top:20px}.spm-users-title{color:#4a5568;font-size:16px;font-weight:600;margin-bottom:15px}.spm-users-container{border:1px solid #e2e8f0;border-radius:10px;max-height:300px;overflow-y:auto;padding:5px}.spm-user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px 15px;transition:all .2s ease}.spm-user-item:hover{background-color:#f7fafc}.spm-user-item.selected{background-color:#ebf8ff}.spm-user-avatar{align-items:center;background-color:#c8c9ca;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;margin-right:15px;width:40px}.spm-user-info{flex-grow:1}.spm-user-info span{color:#2d3748;display:block;font-weight:500}.spm-user-info p{color:#718096;font-size:13px;margin:3px 0 0}.spm-checkbox{align-items:center;border:2px solid #cbd5e0;border-radius:5px;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s ease;width:22px}.spm-user-item.selected .spm-checkbox{background-color:#4299e1;border-color:#4299e1}.spm-checkbox-checked{background-color:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);height:12px;width:12px}.spm-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.spm-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.spm-save{background-color:#4299e1;color:#fff}.spm-save:hover{background-color:#3182ce}.spm-cancel,.spm-close{background-color:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.spm-cancel:hover,.spm-close:hover{background-color:#edf2f7}.spm-premium{padding:20px 0;text-align:center}.spm-premium-icon{font-size:48px;margin-bottom:15px}.spm-premium-title{color:#2d3748;font-size:22px;font-weight:600;margin-bottom:10px}.spm-premium-text{color:#718096;line-height:1.6}.spm-premium-text span{color:#4299e1;font-weight:600}.spm-loader{align-items:center;display:flex;flex-direction:column;padding:30px 0}.spm-spinner{animation:spm-spin 1s linear infinite;border:4px solid #ebf8ff;border-radius:50%;border-top-color:#4299e1;height:50px;margin-bottom:15px;width:50px}@keyframes spm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spm-close-button{background:none;border:none;color:#777;cursor:pointer;font-size:20px;margin-left:95%}.spm-close-button:hover{background-color:#f5f5f5;border-radius:3px;color:#333}.task-details{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:-30px;margin:0 auto;max-width:800px}.form-row{max-height:25px}.form-row-funnel{grid-gap:24px;align-items:start;border:none;display:grid;gap:24px;grid-template-columns:140px minmax(0,1fr);margin:1px;padding:0}.task-details input[type=date],input[type=time]{background-color:#eee;border:none;border-radius:6px;color:#383838;margin-left:8px;margin-right:12px;padding:3px;width:110px}.task-range-selector{align-items:center;display:flex;margin-bottom:24px}.range-block{align-items:center;display:flex;justify-content:space-between;margin:10px;padding:0}.range-block input[type=date],input[type=time]{margin:0 10px}.date-time-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}.dropdown-menu-executors{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:8px;position:absolute;z-index:1}.button-executors-crm{background:#fff;color:#aaa;padding:5px 0}.button-executors-crm,.button-executors-crm:hover{border:none;display:flex;height:auto!important;overflow:hidden}.button-executors-crm:hover{background:#f8f8f8;border-radius:6px}.selected-executors-crm{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4px;max-height:none!important;min-height:30px}.text-executors{padding:0 10px}.executor-chip{background-color:#e8f0fe;border-radius:16px;box-shadow:0 2px 4px #0000001a;display:inline-block;margin:.2rem;padding:0 10px}.executor-chip,.executor-chip-crm{color:#333;font-size:.9rem;white-space:nowrap}.executor-chip-crm{align-items:center;background-color:#f3f2f2;border-radius:5px;display:flex;margin-left:.2rem;padding:5px}.dropdown-item{border-radius:6px;flex-direction:row;gap:8px;padding:8px 12px;transition:background .2s ease}.dropdown-item input[type=checkbox]{margin-right:8px;width:auto}.dropdown-item:hover{background:#f8f8f8}.custom-fields-manager{background:#fafafa;border:1px solid #eee;border-radius:12px;margin-top:24px;padding:24px}.field-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;margin:0;padding:12px}.delete-btn{background:none;border:1px solid #f44;color:#f44;padding:4px 12px}.react-datepicker{border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}.react-datepicker__header{background-color:#fafafa!important;border-bottom:1px solid #eee!important}.react-datepicker__day--selected{background-color:#1890ff!important;border-radius:6px!important}input[type=checkbox]{accent-color:#1890ff;width:auto}.project-flow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:2px;max-width:100%}.flow-item{position:relative;width:190px}.flow-button{align-items:center;background:none;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s;width:190px}.flow-button p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-button:hover{background:#1890ff1a}.flow-button:after{color:#666;content:"▼";font-size:10px}.flow-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:5px;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:100}.dropdown-item{font-size:14px;padding:10px 15px;transition:background .2s}.dropdown-item:hover{background:#f5f5f5}.flow-arrow{color:#666;font-size:18px;margin-top:-20px}.range-group{margin:0;padding:0}.time-toggle-group{align-items:center;display:flex;gap:12px}.time-toggle-label{align-items:center;display:flex;gap:6px;margin:0}.sum{border:none;max-height:25px;outline:none;padding:5px}.sum-zone{display:flex}.sum-zone p{margin-left:10px!important;margin-right:10px!important;margin-top:-3px!important}.sum::-webkit-inner-spin-button,.sum::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sum{-moz-appearance:textfield}.tag-search-input{border:none;border-bottom:1px solid #e0e0e0;font-size:14px;margin-bottom:8px;padding:8px 12px;width:100%}.tag-search-input:focus{border-color:#1890ff;outline:none}.tag-color-dot{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.create-tag-option{background-color:#f8f8f8;color:#1890ff;cursor:pointer;font-weight:500}.create-tag-option:hover{background-color:#e8f0fe}.add-chip{align-items:center;cursor:pointer;display:inline-flex;font-size:12px;margin:2px;padding:4px 8px}.add-chip:hover{background:#ebe9e9;border-radius:6px}.executor-crm-avatar{object-fit:cover}.avatar-initials,.executor-crm-avatar{border-radius:50%;height:20px;margin-right:6px;width:20px}.avatar-initials{align-items:center;background-color:#e0e0e0;color:#333;display:inline-flex;font-size:9px;font-weight:700;justify-content:center}.dropdown-avatar{border-radius:50%;height:20px;margin-right:10px;object-fit:cover;width:20px}.executor-chip{align-items:center;display:inline-flex}.task-card{background:#fff;border-radius:5px;box-shadow:0 5px 15px #0000004d;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:570px;z-index:1000}@media (max-width:768px){.task-card{border-radius:0;bottom:0;height:100vh;left:0;padding:16px 90px 16px 16px;position:fixed;right:0;top:0;width:86vw}}@media (max-width:468px){.task-card{border-radius:0;bottom:0;height:100vh;left:0;padding:16px 40px 16px 16px;position:fixed;right:0;top:0;width:86vw}}.task-card::-webkit-scrollbar{height:6px;width:4px}.task-card::-webkit-scrollbar-track{background:#0000}.task-card::-webkit-scrollbar-thumb{background-color:#cecece;border:none;border-radius:4px}.task-card::-webkit-scrollbar-thumb:hover{background-color:#cecece}.editor-container{min-height:200px;padding:10px}.close-btn{background:#0000!important;border:none!important;cursor:pointer!important;font-size:30px!important;position:absolute!important;right:20px!important;top:10px!important}.men-btn{background:#0000;border:none;cursor:pointer;font-size:19px;position:absolute;right:50px;top:16px}.hidden{display:none}.task-executors{margin-top:1rem;position:relative}.dropdown-btn{background-color:#f5f5f5;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.dropdown-btn:hover{background-color:#e0e0e0}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:0;padding:.5rem;position:absolute;top:110%;width:100%;z-index:10}.dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;padding:.5rem}.dropdown-item:hover{background-color:#f0f0f0}.task-day{margin:10px 0}.task-day select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px}.task-day p{font-weight:700;margin:0}.dropdown-btn-executros,.task-day-selector select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease;width:auto}.dropdown-btn-executros:hover,.task-day-selector select:hover{background-color:#f0f0f0}.dropdown-menu-executors{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:200px;min-width:150px;overflow-y:auto;padding:8px;width:auto}.ProseMirror{min-height:150px}.prosemirror-editor{padding-left:40px;position:relative}.plus-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #00000026;left:0;padding:5px;position:absolute;top:25px;z-index:100}.plus-menu-item{background:#0000;border:none;cursor:pointer;display:block;padding:5px;text-align:left;width:100%}.plus-menu-item:hover{background:#f0f0f0}.placeholder{pointer-events:none;-webkit-user-select:none;user-select:none}.prosemirror-editor .code_block{background:#2d2d2d;border-radius:4px;color:#f8f8f2;font-family:monospace;padding:10px}.prosemirror-editor blockquote{border-left:4px solid #ccc;color:#666;font-style:italic;padding-left:10px}.prosemirror-editor h1{font-size:1.8em}.prosemirror-editor h2{font-size:1.6em}.prosemirror-editor h3{font-size:1.4em}.iframe-app{max-height:100%;max-width:100%}.notion-image{border-radius:6px;margin:20px 0;max-width:100%}.slash-menu{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 5px 10px #0000001f;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;z-index:100}.deal-title-input{border:none;font-family:inherit;font-size:24px;margin-bottom:10px;margin-top:20px;max-height:300px;min-height:40px;outline:none;overflow-y:hidden;resize:none;transition:all .3s ease;width:100%}@media (max-width:768px){.deal-title-input{font-size:20px;min-height:50px;padding:12px}}.skeleton{animation:loading 4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-title{height:28px;margin-bottom:20px;margin-top:20px}.skeleton-details{height:100px;margin-bottom:20px}.skeleton-editor{height:300px;margin-bottom:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.deal-status-buttons{display:flex;gap:10px;margin:15px 0}.deal-status-checkboxes{border-bottom:1px solid #eee;display:flex;gap:15px;margin:15px 0;padding-bottom:15px}.status-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 15px;transition:all .2s}.status-checkbox svg{font-size:1.2em}.win-checkbox{background:#e8f5e9;color:#2e7d32}.win-checkbox.checked{background:#4caf50;color:#fff}.lose-checkbox{background:#ffebee;color:#c62828}.lose-checkbox.checked{background:#f44336;color:#fff}.deal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.deal-creator-info{color:#666;font-size:12px;margin-top:20px;text-align:right}.creator-name{font-weight:500;margin-bottom:3px}.creation-date{opacity:.7}.creator-avatar-name{align-items:right;display:flex;gap:3px;justify-content:end}.creator-avatar-image{border-radius:50%;height:14px;object-fit:cover;width:14px}.creator-avatar-fallback{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;text-transform:uppercase;width:14px}body.dark .deal-title-input{background-color:#333;color:#fff}body.dark .skeleton{animation:dark-loading 4s infinite;background:linear-gradient(90deg,#444 25%,#333 50%,#444 75%);background-size:200% 100%;border-radius:4px}body.dark .skeleton-title{height:28px;margin-bottom:20px;margin-top:20px}body.dark .skeleton-details{height:100px;margin-bottom:20px}body.dark .skeleton-editor{height:300px;margin-bottom:20px}@keyframes dark-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-deal-delete-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1010}.modal-deal-delete-content{animation:modalAppear .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:10px;position:relative;width:90%}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{background:none;border:none;color:#777;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;transition:color .2s}.modal-close-btn:hover{color:#333}.modal-deal-delete-content h3{border-bottom:1px solid #eee;color:#333;font-size:1.4rem;margin:0;padding:20px 20px 10px}.modal-body{color:#555;line-height:1.6;padding:20px}.modal-body p{margin:10px 0}.modal-actions{background:#f9f9f9;border-radius:0 0 8px 8px;border-top:1px solid #eee;padding:15px 20px}.cancel-btn,.confirm-btn{padding:8px 16px}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#555}.cancel-btn:hover{background:#e9e9e9}.confirm-btn{background:#e74c3c;border:1px solid #c0392b}.confirm-btn:hover{background:#c0392b}.contacts-page-container{margin:100px auto;max-width:1000px;padding:20px;position:relative;width:100%}.contacts-header{display:flex;gap:15px;margin-bottom:20px}.contacts-search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;padding:10px 15px}.create-contact-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.create-contact-btn:hover{background-color:#2563eb}.contacts-table-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.contacts-table{border-collapse:collapse;min-width:800px;width:100%}.contacts-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#334155;font-weight:600;padding:12px 15px;text-align:left}.contacts-table td{border-bottom:1px solid #e2e8f0;padding:12px 15px;vertical-align:top}.contacts-table tbody tr:hover{background-color:#f8fafc}.name-cell .truncate{max-width:200px}.companies-column,.name-column{width:25%}.delete-contact-btn{background-color:initial;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;padding:5px 10px;transition:all .2s}.delete-contact-btn:hover{background-color:#fee2e2}.loading,.no-contacts{color:#64748b;font-size:18px;padding:30px;text-align:center}.create-contact-modal,.delete-contact-modal{align-items:center;animation:fadeIn .3s forwards;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-contacts-content{animation:slideUp .3s forwards;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:30px;position:relative;width:100%}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:color .2s;width:30px}.close-modal-btn:hover{background-color:#f1f5f9;color:#334155}.contact-form .form-group{margin-bottom:15px}.contact-form label{color:#334155;display:block;font-weight:500;margin-bottom:5px}.contact-form input{border:1px solid #cbd5e1;border-radius:4px;font-size:16px;padding:10px;width:100%}.contact-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px}.cancel-btn{background-color:#e2e8f0;color:#334155}.cancel-btn:hover{background-color:#cbd5e1}.save-btn{background-color:#3b82f6;color:#fff}.save-btn:hover{background-color:#2563eb}.save-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.modal-contacts-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.delete-btn{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.delete-btn:hover{background-color:#dc2626}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}.no-access-message{align-items:center;color:#888;display:flex;height:100%;justify-content:center}body.dark .contacts-page-container{background-color:#181818}body.dark .contacts-header{color:#e4e6eb}body.dark .contacts-search-input{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .create-contact-btn{background-color:#3b82f6;color:#fff}body.dark .create-contact-btn:hover{background-color:#2563eb}body.dark .contacts-table-container{background-color:#2c2c2c;border:1px solid #3e3f4b}body.dark .contacts-table th{background-color:#2c2c2c;border-bottom:2px solid #444;color:#e4e6eb}body.dark .contacts-table td{background-color:#2c2c2c;border-bottom:1px solid #444;color:#e4e6eb}body.dark .contacts-table tbody tr:hover{background-color:#333}body.dark .delete-contact-btn{background-color:initial;border:1px solid #f87171;color:#f87171}body.dark .delete-contact-btn:hover{background-color:#f87171;color:#fff}body.dark .loading,body.dark .no-contacts{color:#a0aec0}body.dark .create-contact-modal,body.dark .delete-contact-modal{background-color:#000000b3}body.dark .modal-contacts-content{background-color:#2c2c2c;color:#e4e6eb}body.dark .close-modal-btn{color:#e4e6eb}body.dark .close-modal-btn:hover{background-color:#444}body.dark .contact-form label{color:#e4e6eb}body.dark .contact-form input{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .contact-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}body.dark .form-actions .cancel-btn{background-color:#444;color:#e4e6eb}body.dark .form-actions .cancel-btn:hover{background-color:#555}body.dark .form-actions .save-btn{background-color:#3b82f6;color:#fff}body.dark .form-actions .save-btn:hover{background-color:#2563eb}body.dark .form-actions .save-btn:disabled{background-color:#555}body.dark .delete-btn{background-color:#f87171;color:#fff}body.dark .delete-btn:hover{background-color:#dc2626}.contact-card{background:#fff;bottom:0;box-shadow:0 5px 15px #0000004d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:470px;z-index:1000}.task-details{display:flex;flex-direction:column;gap:0;margin-top:30px}.form-row{grid-gap:24px;align-items:start;border:none;display:grid;gap:24px;grid-template-columns:140px minmax(0,1fr);margin:1px;max-height:none;padding:0}.form-row:last-child{border-bottom:none}.task-details label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:0;max-width:200px;padding:5px}.task-details label:hover{background-color:#f0f0f0;border-radius:6px;cursor:pointer;transition:background .2s}.input-container{align-items:center;display:flex;width:100%}.task-details p{color:#333;font-size:14px;margin:0;padding:8px 0}.close-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:16px;top:16px;z-index:1001}.close-btn:hover{color:#333}body.dark .contact-card{background:#2c2c2c;box-shadow:0 5px 15px #00000080;color:#e4e6eb}body.dark .task-details label{color:#e4e6eb}body.dark .task-details label:hover{background-color:#444;color:#e4e6eb}body.dark .close-btn,body.dark .task-details p{color:#e4e6eb}body.dark .close-btn:hover{color:#fff}.companies-page-container{margin:100px auto;max-width:1000px;padding:20px;position:relative;width:100%}.companies-header{display:flex;gap:15px;margin-bottom:20px}.companies-search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;padding:10px 15px}.create-company-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.create-company-btn:hover{background-color:#2563eb}.companies-table-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.companies-table{border-collapse:collapse;min-width:800px;width:100%}.companies-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#334155;font-weight:600;padding:12px 15px;text-align:left}.companies-table td{border-bottom:1px solid #e2e8f0;padding:12px 15px;vertical-align:top}.companies-table tbody tr:hover{background-color:#f8fafc}.truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-column{width:30%}.address-column,.email-column,.phone-column{width:20%}.actions-column{width:10%}.delete-company-btn{background-color:initial;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;padding:5px 10px;transition:all .2s}.delete-company-btn:hover{background-color:#fee2e2}.loading,.no-companies{color:#64748b;font-size:18px;padding:30px;text-align:center}.modal-company-content{animation:slideUp .3s forwards;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:30px;position:relative;width:100%}.modal-company-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.create-company-modal,.delete-company-modal{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}body.dark .companies-page-container{background-color:#181818}body.dark .companies-header{color:#e4e6eb}body.dark .companies-search-input{background-color:#333;border:1px solid #444;color:#e4e6eb}body.dark .create-company-btn{background-color:#3b82f6;color:#fff}body.dark .create-company-btn:hover{background-color:#2563eb}body.dark .companies-table-container{background-color:#2c2c2c;border:1px solid #3e3f4b}body.dark .companies-table th{background-color:#2c2c2c;border-bottom:2px solid #444;color:#e4e6eb}body.dark .companies-table td{background-color:#2c2c2c;border-bottom:1px solid #444;color:#e4e6eb}body.dark .companies-table tbody tr:hover{background-color:#333}body.dark .delete-company-btn{background-color:initial;border:1px solid #f87171;color:#f87171}body.dark .delete-company-btn:hover{background-color:#f87171;color:#fff}body.dark .loading,body.dark .no-companies{color:#a0aec0}body.dark .create-company-modal,body.dark .delete-company-modal{background-color:#000000b3}body.dark .modal-company-content{background-color:#2c2c2c;color:#e4e6eb}body.dark .modal-company-actions .delete-company-btn{background-color:#f87171;color:#fff}body.dark .modal-company-actions .delete-company-btn:hover{background-color:#dc2626}body.dark .no-access-message{color:#bbb}.analytics-filters{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;margin-top:38px;padding:15px}.analytics-page{background-color:#f8f8fb;margin-top:98px;position:relative;width:100%}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:#495057;font-weight:500}.react-datepicker-wrapper{width:auto}select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;padding:8px 12px}.apply-btn{background-color:#4e73df;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 20px;transition:background-color .2s}.apply-btn:hover{background-color:#2e59d9}.apply-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.loading-indicator{color:#6c757d;padding:40px;text-align:center}.analytics-dashboard{width:100%}.metrics-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.metric-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;flex:1 1;min-width:180px;padding:20px;text-align:center}.metric-card h3{color:#6c757d;font-size:16px;margin-bottom:10px;margin-top:0}.metric-card p{color:#4e73df;font-size:28px;font-weight:700;margin:0}.charts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:20px}.chart-container.wide{grid-column:span 2}.chart-container h3{color:#343a40;font-size:18px;margin-bottom:15px;margin-top:0;text-align:center}@media (max-width:992px){.charts-grid{grid-template-columns:1fr}.chart-container.wide{grid-column:span 1}}@media (max-width:576px){.analytics-filters,.metrics-row{flex-direction:column}}body.dark .analytics-filters{background-color:#3a3a3a;box-shadow:0 2px 4px #0003;color:#e4e6eb}body.dark .analytics-page{background-color:#252525;height:100%}body.dark .filter-group label{color:#e4e6eb}body.dark select{background-color:#444d56;border:1px solid #555c66;color:#e4e6eb}body.dark .apply-btn{background-color:#4e73df;color:#fff}body.dark .apply-btn:hover{background-color:#2e59d9}body.dark .apply-btn:disabled{background-color:#6c757d;cursor:not-allowed}body.dark .loading-indicator{color:#adb5bd}.users-page{background-color:#fff;display:flex;flex:1 1;overflow-x:auto}.users-dash{display:flex;font-family:Arial,sans-serif;height:100vh}.modal-delete-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-delete-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:24px;position:relative;width:100%}.modal-close-btnn{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px}.modal-body{line-height:1.5;margin:20px 0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn,.confirm-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn{background-color:#edf2f7;border:1px solid #e2e8f0;color:#4a5568}.cancel-btn:hover{background-color:#e2e8f0}.confirm-btn{background-color:#e53e3e;border:1px solid #c53030;color:#fff}.confirm-btn:hover{background-color:#c53030}.stages-list-container{background-color:#f8f8fb;margin-top:100px;position:relative;width:100%}.stages-error,.stages-loading{padding:20px;text-align:center}.stages-error{color:#e74c3c}.add-stage-btn-container{margin-bottom:20px;padding:0 16px}.add-stage-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px 16px;transition:background-color .2s;width:100%}.add-stage-btn:hover:not(:disabled){background-color:#3a7bc8}.add-stage-btn:disabled{background-color:#ccc;cursor:not-allowed}.stages-table{background-color:#f8f8fb;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.stages-table-row{background-color:#fff;border:1px solid #e2e2e2;border-radius:5px;margin:10px}.stages-table-header,.stages-table-row{align-items:center;display:grid;grid-template-columns:50px 1fr 2fr 50px;padding:12px 16px}.stages-table-header{background-color:#f8f8fb;font-weight:600}.stages-table-row{border-bottom:1px solid #ededf5;transition:background-color .2s}.stages-table-row:hover{background-color:#faf9f9}.stage-col{padding:8px 5px 8px 0}.drag-handle,.drag-handle-header{align-items:center;display:flex;justify-content:center}.drag-icon{color:#000;cursor:grab;font-size:18px;-webkit-user-select:none;user-select:none}.stage-input{border:1px solid #e2e8f0;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.stage-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.delete-stage-btn{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:18px;padding:5px;transition:color .2s}.delete-stage-btn:hover:not(:disabled){color:#c53030}.delete-stage-btn:disabled{color:#cbd5e0;cursor:not-allowed}.video-preview{margin-top:10px;max-width:560px;width:100%}.video-preview iframe{border:none;border-radius:4px;height:315px;width:100%}@media (max-width:768px){.stages-table-header{display:none}.stages-table-row{grid-template-areas:"drag title delete" "link link link";grid-template-columns:40px 1fr 40px;padding:12px 10px}.drag-handle{grid-area:drag}.stage-col.title{grid-area:title}.stage-col.link{grid-area:link;margin-top:10px;padding-left:40px}.stage-col.actions{grid-area:delete;text-align:right}.video-preview iframe{height:200px}}.stage-title-view{display:inline-block;font-size:14px;padding:8px 12px}.link-container{align-items:center;display:flex;gap:8px;width:100%}.stage-link{color:#1a73e8;flex:1 1;overflow:hidden;padding:8px 12px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.stage-link:hover{text-decoration:underline}.copy-link-container{position:relative}.copy-link-btn{align-items:center;background:none;border:none;color:#5f6368;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px}.copy-link-btn:hover{color:#1a73e8}.copy-link-container:hover:after{background-color:#333;border-radius:4px;bottom:100%;color:#fff;content:"Скопировать ссылку";font-size:12px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.copy-success{color:#4caf50}.go-to-link{align-items:center;color:#5f6368;display:flex;font-size:18px;padding:4px;text-overflow:ellipsis}.go-to-link:hover{color:#1a73e8}@media (max-width:768px){.link-container{align-items:flex-start;flex-direction:column}.stage-col.link .link-container{padding-left:0}.copy-link-container{margin-top:5px;position:static}.copy-link-container:hover:after{bottom:auto;left:20px;top:100%;transform:translateX(0)}.stage-col.title{max-width:calc(100vw - 120px)}.stage-col.link{max-width:calc(100vw - 60px)}}.no-course-selected{align-items:center;color:#888;display:flex;height:100%;justify-content:center}.stage-title-view{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-col.link,.stage-col.title{overflow:hidden}body.dark .stages-list-container{background-color:#181818}body.dark .stages-error,body.dark .stages-loading{color:#e4e6eb}body.dark .stages-error{color:#e74c3c}body.dark .add-stage-btn-container{margin-bottom:20px;padding:0 16px}body.dark .add-stage-btn{background-color:#4a90e2;color:#fff}body.dark .add-stage-btn:hover:not(:disabled){background-color:#3a7bc8}body.dark .add-stage-btn:disabled{background-color:#747474}body.dark .stages-table{background-color:#181818;box-shadow:0 2px 4px #0000004d}body.dark .stages-table-row{background-color:#333;border:1px solid #444}body.dark .stages-table-header{background-color:#444;color:#e4e6eb}body.dark .stages-table-row{border-bottom:1px solid #555}body.dark .stages-table-row:hover{background-color:#444}body.dark .stage-col{padding:8px 0}body.dark .drag-handle,body.dark .drag-handle-header,body.dark .drag-icon{color:#e4e6eb}body.dark .stage-input{background-color:#444;border:1px solid #555;color:#e4e6eb}body.dark .stage-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}body.dark .delete-stage-btn{color:#e53e3e}body.dark .delete-stage-btn:hover:not(:disabled){color:#c53030}body.dark .delete-stage-btn:disabled{color:#6c757d}body.dark .video-preview{background-color:#333;border-radius:4px}body.dark .video-preview iframe{border-radius:4px}@media (max-width:768px){body.dark .stages-table-header{display:none}body.dark .stages-table-row{grid-template-areas:"drag title delete" "link link link";grid-template-columns:40px 1fr 40px}body.dark .video-preview iframe{height:200px}}body.dark .stage-link{color:#1a73e8}body.dark .stage-link:hover{text-decoration:underline}body.dark .copy-link-btn{color:#e4e6eb}body.dark .copy-link-btn:hover{color:#1a73e8}body.dark .copy-link-container:hover:after{background-color:#333;color:#fff}body.dark .go-to-link{color:#e4e6eb}body.dark .go-to-link:hover{color:#1a73e8}body.dark .no-course-selected{color:#888}body.dark .stage-col.link,body.dark .stage-col.title,body.dark .stage-title-view{color:#e4e6eb}.modal{background:#0000;max-width:90%}.modal-content{border-radius:5px;box-shadow:none;height:80vh;left:0;margin-bottom:7px;margin-left:10px;margin-top:60px;max-height:80vh;outline:1px solid #eeecec;padding-bottom:10px;padding-left:0!important;padding-right:0!important;padding-top:10px;position:fixed;top:0;width:300px!important}.workspace-list{list-style-type:none;max-height:92%;overflow-x:auto;overflow-y:auto;padding-bottom:30px}.workspace-list li{cursor:pointer;height:50px}.workspace-list li:hover{background-color:#f5f5f5!important}.workspace-list .selected{background-color:#fff!important}.add-workspace-btn{background-color:#007bff;border:none;border-radius:7px;bottom:10px;color:#fff;cursor:pointer;font-size:14px;height:30px;margin-left:-150px;margin-top:20px;padding:2px 8px;position:absolute;width:300px}.workspace-item{margin-left:10px;position:relative}.settings-button{background:#eceaea;border:none;border-radius:3px;color:#414040;cursor:pointer;display:block;font-size:.9em;margin-left:20px;margin-top:8px;padding:5px;text-align:left}.settings-button:hover{background-color:#f5f5f5}.new-course-input{border:1px solid #ddd;border-radius:4px;margin:5px 0 15px 15px;padding:8px 12px;width:calc(100% - 30px)}.courses-section{height:calc(100vh - 185px);margin-top:20px}.courses-list{list-style:none;margin:0;padding:0}.course-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:5px 0;padding:10px 15px;transition:background .2s}.course-item:hover{background:#f5f5f5}.course-avatar-sidebar{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-right:10px;width:30px}.sidebar-avatar-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.sidebar-avatar-initial{color:#666;font-size:14px;font-weight:500}.course-info{flex-grow:1;min-width:0}.course-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-settings{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:5px}.course-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;position:absolute;width:150px;z-index:1000}.course-dropdown button{background:none;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.course-dropdown button:hover{background:#f5f5f5}.course-dropdown button:disabled{color:#999;cursor:not-allowed}.course-dropdown button:disabled:hover{background:none}.collapsed-courses{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 135px);margin-top:40px;overflow-x:auto;padding:0 5px}.collapsed-course-item{align-items:center;background:#f0f0f0;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;margin:0 6px;transition:transform .2s;width:30px}.cantana-course{gap:5px;margin:0 10px}.cantana-course-collapsed{margin:0 5px}.collapsed-course-item:hover{transform:scale(1.1)}.collapsed-avatar-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.collapsed-avatar-initial{color:#666;font-size:16px;font-weight:500}body.dark .settings-button{background-color:#444;color:#e4e6eb}body.dark .settings-button:hover{background-color:#555}body.dark .course-avatar-sidebar{background-color:#444}body.dark .sidebar-avatar-image{border:2px solid #555}body.dark .sidebar-avatar-initial{color:#e4e6eb}body.dark .course-item:hover{background-color:#444}body.dark .course-settings{color:#e4e6eb}body.dark .course-dropdown{background-color:#333;border:1px solid #444}body.dark .course-dropdown button{color:#e4e6eb}body.dark .course-dropdown button:hover{background-color:#444}body.dark .new-course-input{background-color:#1f1f1f;color:#fff}.education-header{align-items:center;background-color:#f8f8fb;border:1px solid #ededf5;box-sizing:border-box;display:flex;height:38px;left:275px;overflow:visible;padding:10px;position:fixed;top:60px;transition:all .3s ease;width:calc(100% - 275px);z-index:10}.education-header-left{align-items:center;cursor:pointer;display:flex;justify-content:start}.education-header-left:hover{background-color:#ecedee;border-radius:3px;margin-left:-5px;padding:0 10px 0 5px}.course-avatar,.course-avatar-initial{align-items:center;background-color:#d9d9d9;border-radius:3px;color:#fff;display:flex;font-size:6px;height:30px;justify-content:center;margin-right:12px;object-fit:cover;width:30px}.course-avatar{object-fit:cover}.course-avatar-initial{background-color:#e9ecef;color:#495057;font-size:12px;font-weight:700}.course-name{font-size:16px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark .education-header{background-color:#2c2f3d;border:1px solid #444}body.dark .education-header-left{color:#e4e6eb}body.dark .course-avatar,body.dark .course-avatar-initial,body.dark .education-header-left:hover{background-color:#444}body.dark .course-avatar-initial,body.dark .course-name{color:#e4e6eb}.course-avatar-description{object-fit:cover}.course-avatar-initial-description{background-color:#e9ecef;color:#fff;font-size:40px}.course-avatar-description,.course-avatar-initial-description{align-items:center;background-color:#d9d9d9;border-radius:10px;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin-right:12px;object-fit:cover;width:80px}.header-description-course{display:flex}.name-description-course{word-wrap:break-word;margin-left:10px;padding:1px;width:380px}.modal-body-course-description{color:#474747;line-height:1.5;margin-top:10px;max-height:200px;overflow-y:auto;padding-right:5px}.course-creator-info{align-items:center;border-top:1px solid #eee;color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:20px;padding-top:15px}.course-creator-avatar-name{align-items:center;display:flex;gap:8px}.course-creator-avatar-image{border-radius:50%;height:30px;object-fit:cover;width:30px}.course-creator-avatar-fallback{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;display:flex;font-size:12px;height:30px;justify-content:center;width:30px}.course-creation-date{font-size:13px}body.dark .modal-body-course-description{color:#b4b4b4}.tutorial-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.tutorial-modal{animation:tutorial-fadeIn .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;max-width:420px;padding:24px;width:90%}.tutorial-title{color:#333;font-size:1.5rem;margin-top:0}.tutorial-text{color:#555;font-size:1rem;margin-bottom:16px}.tutorial-link{background-color:#4cafef;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:10px 16px;text-decoration:none;transition:background-color .2s ease}.tutorial-link:hover{background-color:#3b8fd6}.tutorial-close-btn{background:#0000;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;margin-left:10px;margin-top:16px;padding:8px 14px;transition:background-color .2s ease,color .2s ease}.tutorial-close-btn:hover{background-color:#f0f0f0}@keyframes tutorial-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body.dark .tutorial-modal{background:#1f1f1f;color:#eee}body.dark .tutorial-title{color:#fff}body.dark .tutorial-text{color:#ccc}body.dark .tutorial-link{background-color:#4a90e2}body.dark .tutorial-link:hover{background-color:#357ab8}body.dark .tutorial-close-btn{border-color:#555;color:#ddd}body.dark .tutorial-close-btn:hover{background-color:#333}