.page-title[data-v-356dbaea]{color:#fff;font-size:24px;font-weight:600}[dir] .page-title[data-v-356dbaea]{margin:0}[dir] .notes-header[data-v-356dbaea]{margin-bottom:20px}.search-container[data-v-356dbaea]{position:relative}.search-input[data-v-356dbaea]{width:100%;font-size:14px;transition:border-color .2s;color:#fff}[dir] .search-input[data-v-356dbaea]{padding:12px 16px;border:1px solid #303030;border-radius:8px;background-color:#202020}.search-input[data-v-356dbaea]::placeholder{color:#888}.search-input[data-v-356dbaea]:focus{outline:none}[dir] .search-input[data-v-356dbaea]:focus{border-color:#653cd1;box-shadow:0 0 0 3px rgba(101,60,209,.1)}.notes-list[data-v-356dbaea]{width:100%}.note-card[data-v-356dbaea]{transition:all .2s ease;height:100%;min-height:200px;display:flex;flex-direction:column}[dir] .note-card[data-v-356dbaea]{background:#202020!important;border:1px solid #353535;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}[dir] .note-card[data-v-356dbaea]:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:#653cd1;transform:translateY(-2px)}.note-header[data-v-356dbaea]{display:flex;justify-content:space-between;align-items:flex-start}[dir] .note-header[data-v-356dbaea]{margin-bottom:12px}.note-title[data-v-356dbaea]{font-size:18px;font-weight:600;color:#fff;flex:1}[dir=ltr] .note-title[data-v-356dbaea]{margin-right:12px}[dir=rtl] .note-title[data-v-356dbaea]{margin-left:12px}.note-actions[data-v-356dbaea]{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.note-card:hover .note-actions[data-v-356dbaea]{opacity:1}.note-content[data-v-356dbaea]{font-size:14px;color:#ccc;line-height:1.5;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}[dir] .note-content[data-v-356dbaea]{margin-bottom:16px}[dir] .note-footer[data-v-356dbaea]{border-top:1px solid #353535;padding-top:12px;margin-top:auto}.note-author[data-v-356dbaea]{font-size:12px;color:#fff}[dir] .note-author[data-v-356dbaea]{margin-bottom:2px}.note-email[data-v-356dbaea]{font-size:11px;color:#888}[dir] .note-email[data-v-356dbaea]{margin-bottom:4px}.note-date[data-v-356dbaea]{font-size:11px;color:#666}[dir] .empty-notes[data-v-356dbaea]{margin-top:40px}.note-drawing-preview[data-v-356dbaea],.note-image-preview[data-v-356dbaea]{overflow:hidden;position:relative}[dir] .note-drawing-preview[data-v-356dbaea],[dir] .note-image-preview[data-v-356dbaea]{margin-bottom:12px;border-radius:8px;background:#2d2d2d;border:1px solid #404040}.preview-img[data-v-356dbaea]{width:100%;height:120px;object-fit:cover}[dir] .preview-img[data-v-356dbaea]{border-radius:6px}.drawing-badge[data-v-356dbaea]{position:absolute;top:8px;color:#fff;font-size:10px}[dir] .drawing-badge[data-v-356dbaea]{background:rgba(0,0,0,.7);padding:4px 8px;border-radius:12px}[dir=ltr] .drawing-badge[data-v-356dbaea]{right:8px}[dir=rtl] .drawing-badge[data-v-356dbaea]{left:8px}.icon-edit[data-v-356dbaea]:hover{color:#653cd1}.icon-trash[data-v-356dbaea]:hover{color:#ef4444}.icon-edit[data-v-356dbaea],.icon-trash[data-v-356dbaea]{transition:color .2s ease;color:#9ca3af}[dir] .icon-edit[data-v-356dbaea],[dir] .icon-trash[data-v-356dbaea]{cursor:pointer}[data-v-356dbaea]:deep(.note-modal .modal-content){color:#fff}[dir][data-v-356dbaea] :deep(.note-modal .modal-content){background-color:#202020;border:1px solid #353535;border-radius:12px}[dir][data-v-356dbaea] :deep(.note-modal .modal-header){border-bottom:1px solid #353535;padding:20px}[data-v-356dbaea]:deep(.note-modal .modal-title){color:#fff;font-weight:600}[dir][data-v-356dbaea] :deep(.note-modal .modal-body){padding:0}[data-v-356dbaea]:deep(.note-modal .close){color:#fff;opacity:.7}[data-v-356dbaea]:deep(.note-modal .close:hover){opacity:1}[dir] .note-modal-content[data-v-356dbaea]{padding:20px}[dir] .fixed-author[data-v-356dbaea]{padding:12px;background-color:rgba(45,45,45,.5);border-radius:8px}[dir=ltr] .fixed-author[data-v-356dbaea]{border-left:3px solid #653cd1}[dir=rtl] .fixed-author[data-v-356dbaea]{border-right:3px solid #653cd1}.author-name[data-v-356dbaea]{font-size:14px;color:#fff}[dir] .author-name[data-v-356dbaea]{margin-bottom:2px}.author-email[data-v-356dbaea]{font-size:12px;color:#888}.note-title-input[data-v-356dbaea]{color:#fff;font-size:16px;font-weight:600}[dir] .note-title-input[data-v-356dbaea]{background-color:#2d2d2d;border:1px solid #353535;border-radius:8px;padding:12px;margin-bottom:16px}.note-title-input[data-v-356dbaea]:focus{color:#fff}[dir] .note-title-input[data-v-356dbaea]:focus{background-color:#2d2d2d;border-color:#653cd1;box-shadow:0 0 0 3px rgba(101,60,209,.1)}.note-title-input[data-v-356dbaea]::placeholder{color:#888}[dir] .content-card[data-v-356dbaea]{background:#2d2d2d!important;border:1px solid #353535!important}.note-content-input[data-v-356dbaea]{color:#fff;font-size:14px;line-height:1.6;resize:vertical;min-height:200px}[dir] .note-content-input[data-v-356dbaea]{background-color:#2d2d2d;border:1px solid #353535;border-radius:8px;padding:16px}.note-content-input[data-v-356dbaea]:focus{color:#fff}[dir] .note-content-input[data-v-356dbaea]:focus{background-color:#2d2d2d;border-color:#653cd1;box-shadow:0 0 0 3px rgba(101,60,209,.1)}.note-content-input[data-v-356dbaea]::placeholder{color:#888}.character-count[data-v-356dbaea]{font-size:12px;color:#888}[dir] .character-count[data-v-356dbaea]{margin-top:8px;margin-bottom:20px}[dir=ltr] .character-count[data-v-356dbaea]{text-align:right}[dir=rtl] .character-count[data-v-356dbaea]{text-align:left}[dir] .drawing-tab[data-v-356dbaea]{padding:0}.drawing-controls[data-v-356dbaea]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}[dir] .drawing-controls[data-v-356dbaea]{padding:12px;background:rgba(45,45,45,.5);border-radius:8px}.drawing-container[data-v-356dbaea]{overflow:hidden}[dir] .drawing-container[data-v-356dbaea]{border:1px solid #353535;border-radius:8px;background:#202020}[dir] .drawing-canvas[data-v-356dbaea]{background:#fff}[dir] .image-tab[data-v-356dbaea]{padding:0}.image-upload-area[data-v-356dbaea]{transition:all .3s ease}[dir] .image-upload-area[data-v-356dbaea]{border:2px dashed #653cd1;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;background:rgba(101,60,209,.05)}[dir] .image-upload-area[data-v-356dbaea]:hover{background:rgba(101,60,209,.1);border-color:#7c4dff}.upload-placeholder[data-v-356dbaea]{color:#888}.upload-placeholder svg[data-v-356dbaea]{color:#653cd1}.preview-image[data-v-356dbaea]{max-width:100%;max-height:300px}[dir] .preview-image[data-v-356dbaea]{border-radius:8px;margin-bottom:12px}[dir] .image-actions[data-v-356dbaea]{margin-top:12px}.modal-actions[data-v-356dbaea]{display:flex;justify-content:flex-end;gap:12px}[dir] .modal-actions[data-v-356dbaea]{margin-top:20px;padding-top:20px;border-top:1px solid #353535}[dir][data-v-356dbaea] :deep(.card-header-tabs){background:#2d2d2d;border-radius:8px 8px 0 0;padding:8px}[data-v-356dbaea]:deep(.nav-tabs .nav-link){color:#ccc}[dir][data-v-356dbaea] :deep(.nav-tabs .nav-link){border:none;border-radius:6px;margin:0 2px}[data-v-356dbaea]:deep(.nav-tabs .nav-link:hover){color:#fff}[dir][data-v-356dbaea] :deep(.nav-tabs .nav-link:hover){background:rgba(101,60,209,.1)}[data-v-356dbaea]:deep(.nav-tabs .nav-link.active){color:#fff}[dir][data-v-356dbaea] :deep(.nav-tabs .nav-link.active){background:#653cd1;border:none}[dir][data-v-356dbaea] :deep(.tab-content){padding:16px;background:#2d2d2d;border-radius:0 0 8px 8px}@media (max-width:768px){.page-title[data-v-356dbaea]{font-size:20px}[dir] .page-title[data-v-356dbaea]{margin-bottom:12px}.note-header[data-v-356dbaea]{flex-direction:column;gap:8px}.note-actions[data-v-356dbaea]{opacity:1;align-self:flex-end}.modal-actions[data-v-356dbaea]{flex-direction:column}[dir] .note-modal-content[data-v-356dbaea]{padding:16px}.drawing-controls[data-v-356dbaea]{flex-direction:column;align-items:stretch}.drawing-controls>[data-v-356dbaea]{justify-content:center}.drawing-canvas[data-v-356dbaea]{height:300px}[dir] .image-upload-area[data-v-356dbaea]{padding:20px 10px}}@media (max-width:576px){[dir] .note-card[data-v-356dbaea]{padding:16px}.note-title[data-v-356dbaea]{font-size:16px}.note-content[data-v-356dbaea]{font-size:13px}}[dir] .drawing-controls .btn.active[data-v-356dbaea]{border:2px solid #fff!important;transform:scale(1.1)}.drawing-status[data-v-356dbaea]{font-size:12px}[dir] .drawing-status[data-v-356dbaea]{text-align:center;padding:8px;background:rgba(45,45,45,.5);border-radius:6px}.drawing-canvas[data-v-356dbaea]{width:100%;height:400px;display:block;touch-action:none}[dir] .drawing-canvas[data-v-356dbaea]{background:#fff!important;cursor:crosshair;border-radius:4px}[dir] .drawing-canvas[data-v-356dbaea]:active{cursor:grabbing}