.notes-manager{display:flex;flex-direction:column;gap:var(--spacing-4)}.notes-manager.compact{gap:var(--spacing-3)}.notes-manager-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3)}.notes-manager-title{display:flex;align-items:center;gap:var(--spacing-2)}.notes-manager-title h6{margin:0;display:flex;align-items:center;font-weight:600;color:var(--surface-700)}.notes-manager-badges{display:flex;gap:var(--spacing-1)}.notes-manager-actions{display:flex;align-items:center;gap:var(--spacing-2)}.notes-filter-select{width:auto;min-width:100px}.notes-form-card{padding:var(--spacing-4);border-radius:var(--radius-xl);transition:background-color .2s ease}.notes-form-input{background:var(--white-70)!important;border:1px solid var(--black-10);border-radius:var(--radius-lg)}.notes-form-input:focus{background:var(--white-90)!important;border-color:var(--black-20);box-shadow:0 0 0 2px var(--black-05)}.notes-form-options{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap}.notes-category-select{width:auto;min-width:120px}.notes-color-picker{display:flex;gap:6px}.color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s ease}.color-dot:hover{transform:scale(1.1)}.color-dot.selected{border-color:var(--surface-700);box-shadow:0 0 0 2px var(--black-10)}.notes-share-switch{margin-bottom:var(--spacing-3)}.share-label{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--surface-600)}.notes-form-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.notes-list{display:flex;flex-direction:column;gap:10px}.notes-empty,.notes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);color:var(--surface-400);gap:var(--spacing-3)}.notes-empty p{margin:0;font-size:.9rem}.note-card{padding:var(--spacing-3) var(--spacing-4);border-radius:10px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.note-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--black-10)}.note-card.pinned{border-left:3px solid var(--warning)}.note-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.note-badges .badge{font-size:.7rem;font-weight:500;display:flex;align-items:center;gap:3px}.badge-pinned{background-color:var(--warning)!important;color:var(--warning-dark)!important}.badge-shared{background-color:var(--info)!important}.badge-category{background-color:var(--surface-500)!important}.badge-professional{background-color:var(--tertiary-500)!important}.note-title{font-weight:600;margin-bottom:var(--spacing-1);color:var(--surface-800)}.note-content{white-space:pre-wrap;color:var(--surface-700);font-size:.9rem;line-height:1.5}.note-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-2);border-top:1px solid var(--black-05)}.note-date{font-size:var(--font-size-xs);color:var(--surface-500)}.note-author{font-weight:500;color:var(--tertiary-500)}.note-actions{display:flex;gap:2px}.note-actions .btn{padding:var(--spacing-1) var(--spacing-2);color:var(--surface-500);opacity:.6;transition:opacity .15s ease,color .15s ease}.note-actions .btn:hover{opacity:1}.note-actions .btn.active{opacity:1;color:var(--info)}.note-actions .btn.text-danger:hover{color:var(--danger)!important}.notes-manager.compact .notes-form-card{padding:var(--spacing-3)}.notes-manager.compact .note-card{padding:10px var(--spacing-3)}.notes-manager.compact .note-content{font-size:.85rem}.notes-manager.compact .notes-empty{padding:var(--spacing-5) var(--spacing-3)}@media (max-width:48em){.notes-manager-header{flex-direction:column;align-items:flex-start}.notes-manager-actions{width:100%;justify-content:space-between}.notes-filter-select{flex:1 1;min-width:0}.notes-form-options{flex-direction:column;align-items:flex-start}.notes-category-select{width:100%}.note-footer{flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.note-actions{width:100%;justify-content:flex-end}}