.notes-container{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:16px;overflow:hidden;height:calc(100vh - 280px);min-height:320px}.notes-list{flex:1 1 0;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.note-item{background:#fff;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;transition:all .2s ease}.note-item:hover{box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a;transform:translateY(-1px)}.note-author-name{font-size:.875rem;font-weight:600;color:#1e293b;line-height:1.3}.note-time{font-size:.75rem;color:#94a3b8;line-height:1.4}.note-content{font-size:.9375rem;line-height:1.65;color:#475569;white-space:pre-wrap;margin:0}.note-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;color:#4f46e5;font-size:.8125rem;font-weight:700;flex-shrink:0;letter-spacing:-.02em}.notes-empty-state{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.notes-empty-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#cbd5e1;margin-bottom:1rem}.notes-empty-text{font-size:.9375rem;color:#94a3b8;max-width:220px;line-height:1.5}.notes-composer{flex-shrink:0;padding:1rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px #00000008}.notes-input-wrapper{display:flex;align-items:flex-end;gap:.5rem;background:#f8fafc;border-radius:24px;border:1px solid #e2e8f0;padding:.5rem .5rem .5rem 1rem;transition:all .2s ease}.notes-input-wrapper.focused{background:#fff;border-color:#a5b4fc;box-shadow:0 0 0 4px #a5b4fc26}.notes-input{flex:1;border:none;background:transparent;padding:.5rem 0;font-size:.9375rem;line-height:1.5;outline:none;color:#334155;min-width:0;resize:none;max-height:120px;overflow-y:auto}.notes-input::placeholder{color:#94a3b8}.notes-submit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:1rem;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4f46e540;flex-shrink:0}.notes-submit-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #4f46e559}.notes-submit-btn:disabled{background:#e2e8f0;cursor:not-allowed;color:#94a3b8;box-shadow:none}.notes-error-alert{margin:.75rem 0 0;border-radius:10px;font-size:.875rem}[dir=rtl] .note-item:hover{transform:translateY(-1px)}[dir=rtl] .notes-submit-btn:hover:not(:disabled){transform:translateY(-1px)}