:root{--notebook-primary: #66523c;--notebook-primary-light: #7d6650;--notebook-bg: #ede9e4;--notebook-card-bg: #ffffff;--notebook-border: #e0dcd7;--notebook-text: #333333;--notebook-text-muted: #6c757d;--notebook-shadow: 0 2px 4px rgba(0, 0, 0, .08);--notebook-shadow-hover: 0 4px 12px rgba(0, 0, 0, .12);--priority-low: #6c757d;--priority-medium: #007bff;--priority-high: #fd7e14;--priority-urgent: #dc3545;--priority-immediate: #6f42c1;--status-not-started: #6c757d;--status-in-progress: #007bff;--status-done: #28a745;--status-overdue: #dc3545}#react-notebook{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}.notebook-container{padding:1rem;background:var(--notebook-bg);display:flex;flex-direction:column;flex:1 1 auto;min-height:100%;max-width:2500px}.notebook-view-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:var(--notebook-card-bg);border-radius:8px;box-shadow:var(--notebook-shadow)}.notebook-view-toggle-buttons{display:flex;gap:.5rem}.notebook-view-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--notebook-border);background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--notebook-text)}.notebook-view-btn:hover{background:var(--notebook-bg)}.notebook-view-btn.active{background:var(--notebook-primary);color:#fff;border-color:var(--notebook-primary)}.notebook-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--notebook-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.notebook-btn-primary:hover{background:var(--notebook-primary-light)}.notebook-btn-primary:disabled{opacity:.6;cursor:not-allowed}.notebook-btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:var(--notebook-text);border:1px solid var(--notebook-border);border-radius:6px;cursor:pointer;transition:all .2s ease}.notebook-btn-danger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.notebook-btn-danger:hover{background:#c82333}.notebook-filters{margin-bottom:1rem;padding:.75rem 1rem;background:var(--notebook-card-bg);border-radius:8px;box-shadow:var(--notebook-shadow)}.notebook-filters-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.notebook-filter-group{flex:1;min-width:150px;max-width:250px}.notebook-filter-group select{width:100%;padding:.5rem;border:1px solid var(--notebook-border);border-radius:6px;background:#fff}.notebook-search-input{position:relative;display:flex;align-items:center}.notebook-search-input i{position:absolute;left:.75rem;color:var(--notebook-text-muted)}.notebook-search-input input{width:100%;padding:.5rem .5rem .5rem 2rem;border:1px solid var(--notebook-border);border-radius:6px}.notebook-btn-clear{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--notebook-border);border-radius:6px;cursor:pointer;color:var(--notebook-text-muted);transition:all .2s ease}.notebook-btn-clear:hover{background:#fee2e2;border-color:#fecaca;color:#dc3545}.notebook-kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;flex:1 1 auto;overflow-x:auto;padding-bottom:1rem;align-items:stretch}@media (max-width: 1200px){.notebook-kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.notebook-kanban-board{grid-template-columns:repeat(4,minmax(280px,1fr))}}.notebook-kanban-column{background:var(--notebook-card-bg);border-radius:8px;box-shadow:var(--notebook-shadow);display:flex;flex-direction:column;min-height:400px}.notebook-kanban-column.drag-over{box-shadow:0 0 0 2px var(--notebook-primary)}.notebook-kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--notebook-border)}.notebook-kanban-column-title{display:flex;align-items:center;gap:.5rem;font-weight:600}.notebook-kanban-column-count{background:var(--notebook-bg);padding:.25rem .5rem;border-radius:12px;font-size:.875rem;color:var(--notebook-text-muted)}.notebook-kanban-column-content{flex:1;overflow-y:auto;padding:.75rem}.notebook-kanban-empty{display:flex;justify-content:center;align-items:center;height:100px;color:var(--notebook-text-muted);font-size:2rem}.notebook-column-not-started{border-top:3px solid var(--status-not-started)}.notebook-column-not-started .notebook-kanban-column-title i{color:var(--status-not-started)}.notebook-column-in-progress{border-top:3px solid var(--status-in-progress)}.notebook-column-in-progress .notebook-kanban-column-title i{color:var(--status-in-progress)}.notebook-column-done{border-top:3px solid var(--status-done)}.notebook-column-done .notebook-kanban-column-title i{color:var(--status-done)}.notebook-column-overdue{border-top:3px solid var(--status-overdue)}.notebook-column-overdue .notebook-kanban-column-title i{color:var(--status-overdue)}.notebook-task-card{background:#fff;border:1px solid var(--notebook-border);border-radius:6px;padding:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.notebook-task-card:hover{box-shadow:var(--notebook-shadow-hover);transform:translateY(-2px)}.notebook-task-card.dragging{opacity:.5}.notebook-task-card.overdue{border-left:3px solid var(--status-overdue)}.notebook-task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.notebook-priority-badge{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;color:#fff}.notebook-priority-badge.priority-low{background:var(--priority-low)}.notebook-priority-badge.priority-medium{background:var(--priority-medium)}.notebook-priority-badge.priority-high{background:var(--priority-high)}.notebook-priority-badge.priority-urgent{background:var(--priority-urgent)}.notebook-priority-badge.priority-immediate{background:var(--priority-immediate)}.notebook-task-type-icon{color:var(--notebook-text-muted)}.notebook-task-card-title{font-size:.9375rem;font-weight:600;margin:0 0 .5rem;color:var(--notebook-text)}.notebook-task-card-description{font-size:.8125rem;color:var(--notebook-text-muted);margin:0 0 .5rem;line-height:1.4}.notebook-task-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.notebook-task-card-date{display:flex;align-items:center;gap:.25rem;color:var(--notebook-text-muted)}.notebook-task-card-date .text-danger{color:var(--status-overdue)!important}.notebook-task-card-meta{display:flex;gap:.5rem}.notebook-task-indicator{color:var(--notebook-text-muted);font-size:.75rem}.notebook-task-card-assignees{display:flex;margin-top:.5rem;gap:.25rem}.notebook-assignee-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;background:var(--notebook-primary)}.notebook-assignee-badge.role{background:var(--notebook-text-muted)}.notebook-assignee-badge.more{background:var(--notebook-border);color:var(--notebook-text);font-size:.625rem}.notebook-calendar{background:var(--notebook-card-bg);border-radius:8px;box-shadow:var(--notebook-shadow);padding:1rem}.notebook-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.notebook-calendar-nav{display:flex;align-items:center;gap:1rem}.notebook-calendar-nav-btn{background:transparent;border:1px solid var(--notebook-border);border-radius:6px;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease}.notebook-calendar-nav-btn:hover{background:var(--notebook-bg)}.notebook-calendar-title{font-size:1.25rem;font-weight:600;margin:0}.notebook-btn-today{padding:.5rem 1rem;background:var(--notebook-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.notebook-btn-today:hover{background:var(--notebook-primary-light)}.notebook-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.notebook-calendar-weekday{text-align:center;padding:.5rem;font-weight:600;color:var(--notebook-text-muted);font-size:.875rem}.notebook-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.notebook-calendar-day{min-height:100px;border:1px solid var(--notebook-border);border-radius:4px;padding:.5rem;cursor:pointer;transition:all .2s ease}.notebook-calendar-day:hover{background:var(--notebook-bg)}.notebook-calendar-day.other-month{background:#f8f9fa;color:var(--notebook-text-muted)}.notebook-calendar-day.today{border-color:var(--notebook-primary);background:#66523c0d}.notebook-calendar-day.today .notebook-calendar-day-number{background:var(--notebook-primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notebook-calendar-day-number{font-weight:600;margin-bottom:.25rem}.notebook-calendar-day-tasks{display:flex;flex-direction:column;gap:2px}.notebook-calendar-task{display:flex;align-items:center;gap:.25rem;padding:.125rem .25rem;border-radius:2px;font-size:.75rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-calendar-task.priority-low{background:#6c757d1a;border-left:2px solid var(--priority-low)}.notebook-calendar-task.priority-medium{background:#007bff1a;border-left:2px solid var(--priority-medium)}.notebook-calendar-task.priority-high{background:#fd7e141a;border-left:2px solid var(--priority-high)}.notebook-calendar-task.priority-urgent{background:#dc35451a;border-left:2px solid var(--priority-urgent)}.notebook-calendar-task.priority-immediate{background:#6f42c11a;border-left:2px solid var(--priority-immediate)}.notebook-calendar-task-icon{font-size:.625rem}.notebook-calendar-more-tasks{font-size:.6875rem;color:var(--notebook-text-muted);padding:.125rem .25rem}.notebook-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;z-index:1050}.swal2-container{z-index:10000!important}.notebook-modal{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;outline:none}.notebook-detail-modal{max-width:700px}.notebook-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--notebook-border)}.notebook-modal-header h2{margin:0;font-size:1.25rem}.notebook-modal-close{background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:var(--notebook-text-muted);padding:.25rem;transition:color .2s ease}.notebook-modal-close:hover{color:var(--notebook-text)}.notebook-modal-content{flex:1;overflow-y:auto;padding:1.25rem}.notebook-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--notebook-border)}.notebook-form-group{margin-bottom:1rem}.notebook-form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--notebook-text)}.notebook-form-group label .required{color:#dc3545}.notebook-form-group input,.notebook-form-group select,.notebook-form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--notebook-border);border-radius:6px;font-size:.9375rem;transition:border-color .2s ease}.notebook-form-group input:focus,.notebook-form-group select:focus,.notebook-form-group textarea:focus{outline:none;border-color:var(--notebook-primary)}.notebook-form-group input.error,.notebook-form-group select.error,.notebook-form-group textarea.error{border-color:#dc3545}.notebook-error-text{color:#dc3545;font-size:.8125rem;margin-top:.25rem;display:block}.notebook-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 576px){.notebook-form-row{grid-template-columns:1fr}}.notebook-task-type-selector{display:flex;gap:.5rem;margin-bottom:1.25rem}.notebook-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;border:2px solid var(--notebook-border);background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.notebook-type-btn:hover{border-color:var(--notebook-primary-light)}.notebook-type-btn.active{border-color:var(--notebook-primary);background:#66523c0d}.notebook-type-btn i{font-size:1.25rem;color:var(--notebook-primary)}.notebook-type-btn span{font-size:.8125rem}.notebook-assignees-grid{border:1px solid var(--notebook-border);border-radius:6px;padding:.75rem;max-height:200px;overflow-y:auto}.notebook-assignees-grid.error{border-color:#dc3545}.notebook-assignee-section{margin-bottom:.75rem}.notebook-assignee-section:last-child{margin-bottom:0}.notebook-assignee-section h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:var(--notebook-text-muted)}.notebook-assignee-list{display:flex;flex-wrap:wrap;gap:.5rem}.notebook-assignee-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--notebook-border);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.notebook-assignee-item:hover{background:var(--notebook-bg)}.notebook-assignee-item input{width:auto;cursor:pointer}.notebook-assignee-item input:checked+span{font-weight:500}.notebook-recurring-options{background:var(--notebook-bg);padding:1rem;border-radius:6px;margin-bottom:1rem}.notebook-telegram-option{padding:.75rem;background:#0088cc0d;border-radius:6px;border:1px solid rgba(0,136,204,.2)}.notebook-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.notebook-checkbox-label input{width:auto}.notebook-checkbox-label i{color:#08c;font-size:1.125rem}.notebook-assignee-summary{margin-bottom:.75rem}.notebook-assignee-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.notebook-assignee-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .5rem .375rem .75rem;border-radius:20px;font-size:.8125rem}.notebook-assignee-chip i{font-size:.75rem}.notebook-assignee-chip button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:#0000001a;border-radius:50%;cursor:pointer;font-size:.625rem;transition:all .2s ease}.notebook-assignee-chip button:hover{background:#0003}.notebook-assignee-chip-user{background:#e3f2fd;color:#1565c0}.notebook-assignee-chip-user button{color:#1565c0}.notebook-assignee-chip-role{background:#f3e5f5;color:#7b1fa2}.notebook-assignee-chip-role button{color:#7b1fa2}.notebook-assignee-tabs{display:flex;gap:.25rem;margin-bottom:.5rem;background:var(--notebook-bg);padding:.25rem;border-radius:8px}.notebook-assignee-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--notebook-text-muted);transition:all .2s ease}.notebook-assignee-tab:hover{color:var(--notebook-text)}.notebook-assignee-tab.active{background:#fff;color:var(--notebook-primary);font-weight:500;box-shadow:0 1px 3px #0000001a}.notebook-assignee-tab i{font-size:.875rem}.notebook-tab-badge{background:var(--notebook-primary);color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.notebook-assignee-tab:not(.active) .notebook-tab-badge{background:var(--notebook-text-muted)}.notebook-assignee-tab-content{min-height:42px}.notebook-voice-recorder{border:1px solid var(--notebook-border);border-radius:6px;padding:.75rem}.notebook-voice-error{color:#dc3545;font-size:.8125rem;margin-bottom:.5rem}.notebook-btn-record{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--notebook-border);border-radius:6px;cursor:pointer;transition:all .2s ease}.notebook-btn-record:hover{background:var(--notebook-bg);border-color:#dc3545;color:#dc3545}.notebook-recording-active{display:flex;align-items:center;gap:.75rem}.notebook-recording-indicator{width:12px;height:12px;background:#dc3545;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notebook-recording-time{font-family:monospace;font-size:1rem}.notebook-btn-stop{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer}.notebook-audio-preview{display:flex;align-items:center;gap:.75rem}.notebook-audio-player{flex:1;height:36px}.notebook-audio-actions{display:flex;gap:.5rem}.notebook-btn-upload-voice,.notebook-btn-delete-voice{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.notebook-btn-upload-voice{display:flex;align-items:center;gap:.25rem;background:var(--notebook-primary);color:#fff}.notebook-btn-delete-voice{background:#fee2e2;color:#dc3545}.notebook-btn-delete-voice:hover{background:#dc3545;color:#fff}.notebook-upload-status{display:flex;align-items:center;gap:.5rem;color:var(--notebook-text-muted);font-size:.875rem}.notebook-upload-success{color:#28a745;font-size:1.125rem}.react-select-error .notebook-select__control{border-color:#dc3545!important}.notebook-file-uploader{margin-bottom:.5rem}.notebook-file-error{color:#dc3545;font-size:.8125rem;margin-bottom:.5rem}.notebook-file-dropzone{border:2px dashed var(--notebook-border);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.notebook-file-dropzone:hover,.notebook-file-dropzone.dragging{border-color:var(--notebook-primary);background:#66523c0d}.notebook-file-dropzone.uploading{pointer-events:none;opacity:.7}.notebook-file-dropzone i{font-size:2rem;color:var(--notebook-text-muted);margin-bottom:.5rem}.notebook-file-dropzone p{margin:0 0 .25rem;color:var(--notebook-text)}.notebook-file-hint{font-size:.8125rem;color:var(--notebook-text-muted)}.notebook-file-uploading{display:flex;align-items:center;justify-content:center;gap:.5rem}.notebook-file-preview{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--notebook-bg);border-radius:6px}.notebook-file-info{display:flex;align-items:center;gap:.5rem}.notebook-file-info i{font-size:1.25rem;color:var(--notebook-primary)}.notebook-file-name{font-weight:500}.notebook-file-actions{display:flex;gap:.5rem}.notebook-btn-download,.notebook-btn-delete-file{padding:.375rem .5rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.notebook-btn-download{background:var(--notebook-primary);color:#fff}.notebook-btn-delete-file{background:#fee2e2;color:#dc3545}.notebook-btn-delete-file:hover{background:#dc3545;color:#fff}.notebook-detail-header-info{display:flex;gap:.5rem}.notebook-task-type-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--notebook-bg);border-radius:4px;font-size:.8125rem}.notebook-detail-title{margin:0 0 1rem;font-size:1.375rem}.notebook-detail-section{margin-bottom:1.25rem}.notebook-detail-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.9375rem;color:var(--notebook-text-muted)}.notebook-detail-description{margin:0;line-height:1.6;white-space:pre-wrap}.notebook-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:.75rem;background:var(--notebook-bg);border-radius:6px}.notebook-detail-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.notebook-detail-meta-item i{color:var(--notebook-text-muted)}.notebook-detail-assignees{display:flex;flex-wrap:wrap;gap:.5rem}.notebook-detail-assignee{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--notebook-bg);border-radius:20px}.notebook-detail-assignee .notebook-assignee-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--notebook-primary);color:#fff;font-size:.75rem;font-weight:600}.notebook-detail-assignee.role .notebook-assignee-avatar{background:var(--notebook-text-muted)}.notebook-detail-attachments{display:flex;flex-direction:column;gap:.5rem}.notebook-detail-attachment{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--notebook-bg);border-radius:6px;color:var(--notebook-text);text-decoration:none;transition:background .2s ease}.notebook-detail-attachment:hover{background:var(--notebook-border)}.notebook-detail-voices{width:100%}.notebook-detail-voices-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--notebook-text-muted);font-size:.875rem}.notebook-detail-voices-list{display:flex;flex-direction:column;gap:.5rem}.notebook-detail-voice-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--notebook-bg);border-radius:6px}.notebook-detail-voice-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--notebook-primary);color:#fff;border-radius:50%;font-size:.7rem;font-weight:600;flex-shrink:0}.notebook-detail-voice-item audio{flex:1;height:32px}.notebook-status-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.notebook-status-btn{padding:.5rem 1rem;border:2px solid var(--notebook-border);background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.notebook-status-btn:hover:not(:disabled){border-color:var(--notebook-primary)}.notebook-status-btn:disabled{cursor:default}.notebook-status-btn.active{font-weight:600}.notebook-status-btn.status-0.active{border-color:var(--status-not-started);background:#6c757d1a}.notebook-status-btn.status-1.active{border-color:var(--status-in-progress);background:#007bff1a}.notebook-status-btn.status-2.active{border-color:var(--status-done);background:#28a7451a}.notebook-status-btn.status-3.active{border-color:var(--status-overdue);background:#dc35451a}.notebook-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.notebook-loader{position:relative}.notebook-loader-spinner{border:3px solid var(--notebook-border);border-top-color:var(--notebook-primary);border-radius:50%;animation:spin .8s linear infinite}.notebook-loader-small .notebook-loader-spinner{width:20px;height:20px}.notebook-loader-medium .notebook-loader-spinner{width:32px;height:32px}.notebook-loader-large .notebook-loader-spinner{width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}.notebook-loader-message{margin-top:1rem;color:var(--notebook-text-muted)}.notebook-kanban-loading,.notebook-calendar-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.notebook-voice-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.notebook-voice-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f8f7f5;border-radius:8px;border:1px solid var(--notebook-border)}.notebook-voice-item-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--notebook-primary);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.notebook-voice-item .notebook-audio-player{flex:1;height:32px}.notebook-btn-delete-voice-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc3545;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.notebook-btn-delete-voice-item:hover{background:#dc3545;color:#fff}.notebook-voice-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.notebook-voice-count{font-size:.75rem;color:var(--notebook-text-muted);margin-left:.25rem}.notebook-btn-delete-all-voices{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fee2e2;color:#dc3545;border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;transition:all .2s ease}.notebook-btn-delete-all-voices:hover{background:#dc3545;color:#fff}#react-notebook-task{min-height:100%}.notebook-single-page{padding:1rem;background:var(--notebook-bg);min-height:calc(100vh - 100px)}.notebook-single-nav{margin-bottom:1rem}.notebook-btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--notebook-card-bg);border:1px solid var(--notebook-border);border-radius:6px;color:var(--notebook-text);font-size:.875rem;cursor:pointer;transition:all .2s ease}.notebook-btn-back:hover{background:var(--notebook-primary);color:#fff;border-color:var(--notebook-primary)}.notebook-single-card{background:var(--notebook-card-bg);border-radius:12px;box-shadow:var(--notebook-shadow);padding:1.5rem;max-width:900px}.notebook-single-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--notebook-border)}.notebook-single-badges{display:flex;flex-wrap:wrap;gap:.5rem}.notebook-single-actions{display:flex;gap:.5rem}.notebook-btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--notebook-card-bg);border:1px solid var(--notebook-border);border-radius:6px;color:var(--notebook-text);font-size:.875rem;cursor:pointer;transition:all .2s ease}.notebook-btn-secondary:hover{background:var(--notebook-bg)}.notebook-single-title{font-size:1.75rem;font-weight:600;color:var(--notebook-text);margin:0 0 1.5rem;line-height:1.3}.notebook-single-section{margin-bottom:1.5rem}.notebook-single-section h3{font-size:1rem;font-weight:600;color:var(--notebook-text);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.notebook-single-section h3 i{color:var(--notebook-primary)}.notebook-single-description{color:var(--notebook-text);line-height:1.6;white-space:pre-wrap;margin:0;background:var(--notebook-bg);padding:1rem;border-radius:8px}.notebook-single-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--notebook-bg);border-radius:8px}.notebook-single-meta-item{display:flex;align-items:flex-start;gap:.75rem}.notebook-single-meta-item>i{color:var(--notebook-primary);font-size:1.25rem;margin-top:.125rem}.notebook-single-meta-item>div{display:flex;flex-direction:column}.notebook-single-meta-item .meta-label{font-size:.75rem;color:var(--notebook-text-muted);text-transform:uppercase;letter-spacing:.5px}.notebook-single-meta-item .meta-value{font-size:.9375rem;color:var(--notebook-text);font-weight:500}.notebook-single-recurring{background:var(--notebook-bg);padding:1rem;border-radius:8px}.notebook-single-recurring p{margin:0 0 .5rem}.notebook-single-recurring p:last-child{margin-bottom:0}.notebook-single-assignees{display:flex;flex-wrap:wrap;gap:.75rem}.notebook-single-assignee{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--notebook-bg);border-radius:8px}.notebook-single-assignee .assignee-avatar{width:32px;height:32px;border-radius:50%;background:var(--notebook-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.notebook-single-assignee.role .assignee-avatar{background:#6f42c1}.notebook-single-assignee .assignee-name{font-size:.9375rem;color:var(--notebook-text)}.notebook-single-attachments{display:flex;flex-direction:column;gap:1rem}.notebook-single-attachment{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--notebook-bg);border-radius:8px;color:var(--notebook-text);text-decoration:none;transition:all .2s ease}.notebook-single-attachment:hover{background:var(--notebook-primary);color:#fff}.notebook-single-attachment i:first-child{font-size:1.25rem}.notebook-single-attachment span{flex:1}.notebook-single-attachment i:last-child{font-size:.75rem;opacity:.7}.notebook-single-voices{background:var(--notebook-bg);border-radius:8px;overflow:hidden}.notebook-single-voices .voices-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#0000000d;font-weight:500}.notebook-single-voices .voices-header i{color:var(--notebook-primary)}.notebook-single-voices .voices-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.notebook-single-voices .voice-item{display:flex;align-items:center;gap:.75rem}.notebook-single-voices .voice-number{width:24px;height:24px;border-radius:50%;background:var(--notebook-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.notebook-single-voices audio{flex:1;height:36px}.notebook-single-status-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.notebook-single-loading,.notebook-single-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--notebook-text-muted)}.notebook-single-loading i,.notebook-single-error i{font-size:2.5rem;margin-bottom:1rem}.notebook-single-error i{color:var(--priority-urgent)}.notebook-single-error .notebook-btn-primary{margin-top:1rem}.notebook-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notebook-status-badge.status-not-started{background:#6c757d26;color:var(--status-not-started)}.notebook-status-badge.status-in-progress{background:#007bff26;color:var(--status-in-progress)}.notebook-status-badge.status-done{background:#28a74526;color:var(--status-done)}.notebook-status-badge.status-overdue{background:#dc354526;color:var(--status-overdue)}@media (max-width: 768px){.notebook-single-card{padding:1rem}.notebook-single-header{flex-direction:column}.notebook-single-actions{width:100%}.notebook-single-actions button{flex:1;justify-content:center}.notebook-single-title{font-size:1.375rem}.notebook-single-meta-grid{grid-template-columns:1fr}}